基于Spring Boot+Vue+UNIAPP的在线答题微信小程序

百成Java

1379人浏览 · 2025-03-06 23:33:29

百成Java · 2025-03-06 23:33:29 发布

前言

功能设计

系统实现

前言

在线答题微信小程序是考试中重要的一环，在线答题是学生获取任务信息的主要渠道。为了方便学生能够在网站上查看任务信息、考试，于是开发了基于 springboot框架设计与实现了一款简洁、轻便的在线答题微信小程序。本微信小程序解决了在线答题事务中的主要问题，包括以下多个功能模块：学生、任务信息、学科信息、统计信息。

本在线答题微信小程序采用Uni-weixin、JAVA语言技术，前端以小程序页面呈现给学生，结合后台JAVA语言使页面更加完善，后台使用MySQL数据库进行数据存储。界面化操作便于上手，本微信小程序具有良好的易用性和安全性，微信小程序功能齐全，可以满足在线答题管理的相关工作。

功能设计

需求分析在系统开发中有着十分重要的作用。软件项目凭借软件工程的思想和步骤可以大大的提高开发效率，缩短软件开发周期，保证了软件项目的质量。需求分析作为软件工程方法中的一步是至关重要的。软件需求工程是一门分析并记录软件需求的学科。需求分析简单的来说就是用户需要什么，系统需要什么，对此进行问题的列举，等级的排列，需要缜密的思分析和大量的调研[10]。

在线答题微信小程序在国内有很多值得借鉴的例子，功能也都趋于完善，因此此次在线答题微信小程序将轻量化开发，要完成以下功能：

（1）要支持完整的学生注册，登录功能，账号的管理通过管理员来实现。

（2）在线答题微信小程序的首页界面简单明了，功能让学生快速上手，一目了然，不需要教程也能直接使用。

（3）为了学生能够方便修改个人信息，查看任务信息、考试、消息中心功能。

（4）管理员通过后台系统来完成对所有信息的编辑，包括添加、删除等操作。

本课题要求实现一套在线答题微信小程序，系统主要包括管理员模块和学生模块功能模块。

（1）管理员用例图如下所示：

（2）学生用例图如下所示：

系统实现

学生注册界面，第一次使用本小程序的使用者，首先是要进行注册，点击“注册”，然后就会进入到注册的页面里面，将学生信息录入注册表，确认信息正确后，页面才会跳转到登录界面，学生登录成功后可使用本小程序所提供的所有功能，如图5-1所示。

学生登录界面，首先双击打开微信小程序端系统，连上网络之后会显示出本系统的登录界面，这是进入小程序的第初始页面“登录”，能成功进入到该登录界面则代表小程序的开启是成功的，接下来就可以操作本系统所带有的其他所有的功能，如图5-2所示。

微信小程序首页是学生注册登录后进入的第一个界面，学生可通过小程序端首页进入对应的页面或者通过小程序最下面的那一行导航栏中的“首页、任务信息、考试、消息中心、我的”，也可以点击“我的”进入我的页面，在我的页面可以对错题本、考试记录等进行详细操作，如图5-3所示。

学生点击任务信息，在任务信息页面的输入栏填写任务名称，进行搜索，还可以查看任务名称、所属学科、任务要求、任务时间、任务图片等信息，如图5-4所示。

学生点击考试，在考试页面的输入栏填写考试，进行搜索，还可以查看考试时长、题目等信息，进行提交答案，如图5-5所示。

在我的功能界面，学生点击“我的”进入我的页面，在我的页面可以对错题本、考试记录等进行详细操作，如图5-6所示。

管理员登录，通过登录页面输入用户名、密码等信息，进行登录操作，如图5-7所示。

管理员点击登录摁钮页面跳转到在线答题微信小程序对系统首页、个人中心、学生管理、任务信息管理、学科信息管理、统计信息管理、年级信息管理、试卷管理、试题管理、系统管理、考试管理等功能，进行相应操作，如图5-8所示。

管理员点击学生管理，在学生管理页面对学号、姓名、性别、年龄、手机、头像等信息，进行查询，新增或删除学生信息等操作。如图5-9所示：

管理员点击任务信息管理，在任务信息管理页面对任务名称、所属学科、任务要求、任务时间、任务图片等信息，进行查询，新增或删除任务信息等操作。如图5-10所示：

管理员点击学科信息管理，在学科信息管理页面对学科信息等信息，进行查询或新增、删除学科信息等操作。如图5-11所示：

管理员点击统计信息管理，在统计信息管理页面对试卷名称、做卷数、做题数、用户活跃度、统计月份等信息，进行查询或删除统计信息等操作。如图5-12所示：

管理员点击年级信息管理，在年级信息管理页面对年级信息等信息，进行查询或删除年级信息等操作。如图5-13所示：

管理员点击试卷管理，在试卷管理页面对试卷名称、考试时长、试卷状态等信息，进行查询或删除试卷等操作。如图5-14所示：

相关代码

/**
 * 登录相关
 */
@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();
    }
}

为什么选择我？

选择我作为您的毕业设计系统开发合作伙伴，理由如下：

我的专业背景和技术能力与毕业设计系统开发的需求高度契合。我在计算机科学与技术领域拥有深厚的理论基础和丰富的实践经验，特别是在软件开发、数据库管理和系统架构设计方面具备扎实的技能。这意味着我能够理解您的需求，并将其转化为高效、稳定的软件解决方案。

我对教育行业有着深刻的理解和热情。我认识到毕业设计是学生学术生涯中的重要环节，因此我将致力于创建一个既符合教育机构标准又能够满足师生实际需求的系统。我的服务不仅仅是技术实现，更包括对教育流程的优化和用户体验的提升。

我具备良好的沟通能力和项目管理经验。在开发过程中，我将保持与您的紧密沟通，确保项目按时按质完成。我的项目管理方法将确保资源的有效分配，风险的及时识别和处理，以及项目进度的透明化管理。

我的专业技能、对教育行业的热忱、项目管理能力以及对客户长期支持的承诺，都是您选择我作为毕业设计系统开发合作伙伴的有力理由。我期待与您合作，共同打造一个优秀的毕业设计系统。