博主介绍：✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌

🍅文末获取源码联系🍅

👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟

2022-2024年最全的计算机软件毕业设计选题大全：1000个热门选题推荐✅

Java项目精品实战案例《100套》

Java微信小程序项目实战《100套》

感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人

系统介绍：

使用旧方法对程序设计课程可视化教学信息进行系统化管理已经不再让人们信赖了，把现在的网络信息技术运用在程序设计课程可视化教学信息的管理上面可以解决许多信息管理上面的难题，比如处理数据时间很长，数据存在错误不能及时纠正等问题。

这次开发的基于vue的程序设计课程可视化教学系统管理员，教师，学生。管理员功能有个人中心，学生管理，教师管理，作业信息管理，学生选题管理，作业提交管理，管理员管理。教师发布作业，学生选择作业，然后进行提交作业，教师审批作业。经过前面自己查阅的网络知识，加上自己在学校课堂上学习的知识，决定开发系统选择B/S模式这种高效率的模式完成系统功能开发。这种模式让操作员基于浏览器的方式进行网站访问，采用的主流的Java语言这种面向对象的语言进行基于vue的程序设计课程可视化教学系统程序的开发，在数据库的选择上面，选择功能强大的MySQL数据库进行数据的存放操作。

基于vue的程序设计课程可视化教学系统被人们投放于现在的生活中进行使用，该款管理类软件就可以让管理人员处理信息的时间介于十几秒之间。在这十几秒内就能完成信息的编辑等操作。有了这样的管理软件，程序设计课程可视化教学信息的管理就离无纸化办公的目标更贴近了。

下图就是系统功能结构图。

程序上交给用户进行使用时，需要提供程序的操作流程图，这样便于用户容易理解程序的具体工作步骤，现如今程序的操作流程都有一个大致的标准，即先通过登录页面提交登录数据，通过程序验证正确之后，用户才能在程序功能操作区页面操作对应的功能。

程序操作流程图

功能截图：

5.1 作业信息管理

教师可以添加，修改，删除作业信息。下图就是作业信息管理页面。

图5.1 作业信息管理页面

5.2 学生选题管理

学生可以在作业信息里面进行选题，然后就可以在学生选题里面看到自己的选题，并且可以提交作业。下图就是学生选题管理页面。

图5.2学生选题管理页面

5.3 作业提交管理

学生在学生选题里面可以提交作业。下图就是作业提交管理页面。

图5.3 作业提交管理页面

5.4 作业审核管理

教师可以对学生提交的作业进行审核操作。下图就是作业审核信息管理页面。

图5.4 作业审核信息管理页面

代码实现：

/**
 * 登录相关
 */
@RequestMapping("users")
@RestController
public class UserController{
    
    @Autowired
    private UserService userService;
    
    @Autowired
    private TokenService tokenService;

    /**
     * 登录
     */
    @IgnoreAuth
    @PostMapping(value = "/login")
    public R login(String username, String password, String role, HttpServletRequest request) {
        UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
        if(user != null){
            if(!user.getRole().equals(role)){
                return R.error("权限不正常");
            }
            if(user==null || !user.getPassword().equals(password)) {
                return R.error("账号或密码不正确");
            }
            String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
            return R.ok().put("token", token);
        }else{
            return R.error("账号或密码或权限不对");
        }

    }
    
    /**
     * 注册
     */
    @IgnoreAuth
    @PostMapping(value = "/register")
    public R register(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
            return R.error("用户已存在");
        }
        userService.insert(user);
        return R.ok();
    }

    /**
     * 退出
     */
    @GetMapping(value = "logout")
    public R logout(HttpServletRequest request) {
        request.getSession().invalidate();
        return R.ok("退出成功");
    }
    
    /**
     * 密码重置
     */
    @IgnoreAuth
    @RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
        UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
        if(user==null) {
            return R.error("账号不存在");
        }
        user.setPassword("123456");
        userService.update(user,null);
        return R.ok("密码已重置为：123456");
    }
    
    /**
     * 列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,UserEntity user){
        EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
        PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
        return R.ok().put("data", page);
    }

    /**
     * 信息
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
    
    /**
     * 获取用户的session用户信息
     */
    @RequestMapping("/session")
    public R getCurrUser(HttpServletRequest request){
        Integer id = (Integer)request.getSession().getAttribute("userId");
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }

    /**
     * 保存
     */
    @PostMapping("/save")
    public R save(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
            return R.error("用户已存在");
        }
        userService.insert(user);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        userService.updateById(user);//全部更新
        return R.ok();
    }

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Integer[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
}

论文参考：

目 录    III
1 绪论    1
1.1 研究背景    1
1.2目的和意义    1
1.3 论文结构安排    2
2 相关技术    4
2.1 SSM框架介绍    4
2.2 VUE框架    4
2.3 MySQL数据库介绍    5
2.4 JAVA语言介绍    6
3 系统分析    7
3.1系统可行性分析    7
3.1.1 技术可行性分析    7
3.1.2 经济可行性分析    7
3.1.3 运行可行性分析    7
3.2系统性能分析    8
3.2.1 系统安全性    8
3.2.2 数据完整性    8
3.2.3系统可扩展性    9
3.3系统流程分析    9
3.3.1系统登录流程    10
3.3.2信息添加流程    11
3.3.3信息删除流程    11
4 系统设计    13
4.1系统概要设计    13
4.2系统功能结构设计    13
4.3数据库设计    14
4.3.1数据库E-R图设计    14
4.3.2 数据库表结构设计    15
5 系统实现    19
5.1 作业信息管理    19
5.2 学生选题管理    19
5.3 作业提交管理    20
5.4 作业审核管理    20
6系统测试    21
6.1 本系统测试     21
6.1.1登录功能测试    21
6.1.2修改密码功能测试    22
6.2测试结果分析    22
结  论    23
参考文献    25
致  谢    26

源码获取：

大家点赞、收藏、关注、评论啦 、查看👇🏻获取联系方式👇🏻

 精彩专栏推荐订阅：在下方专栏👇🏻

2022-2024年最全的计算机软件毕业设计选题大全：1000个热门选题推荐✅

Java项目精品实战案例《100套》

Java微信小程序项目实战《100套》