基于SpringBoot+Vue的研究生之路小程序设计与实现(源码+论文+PPT+部署文档教程等)

小蔡coding

于 2024-10-07 21:45:10 发布

阅读量681

点赞数 23

分类专栏： # Java程序实战案例 # 微信小程序毕设文章标签： spring boot vue.js 后端

本文链接：https://blog.csdn.net/qq_45714272/article/details/142747133

版权

Java程序实战案例同时被 2 个专栏收录

2162 篇文章 72 订阅

订阅专栏

微信小程序毕设

599 篇文章 78 订阅

订阅专栏

具体实现截图

当用户进入微信小程序进行相关操作前必须先注册登录，在注册页面填写用户账号、密码、确认密码、用户姓名、头像、性别、手机号码、积分等信息，然后点击注册，如图5-2所示。

图5-2用户注册界面图

用户登录，用户在登录页面通过填写账号、密码，完成登录，如图5-3所示。

图5-3用户登录界面图

用户点击线上课件，在线上课件页面的搜索栏输入课件名称，进行搜索，然后可以查看课件名称、图片、课件下载、发布时间、评论数、收藏数等信息，如有需要进行收藏或者评论等操作，如图5-4所示。

图5-4线上课件界面图

用户点击科目任务，在科目任务页面的搜索栏输入任务标题，进行搜索，然后可以查看任务标题、封面、任务类型、积分、发布时间、收藏数等信息，点击进行完成或者收藏等操作，如图5-5所示。

图5-5科目任务界面图

用户点击我的页面，在我的页面可以对任务完成、在线笔记、我的收藏、考试记录、错题本、我要发帖、我的发帖、好友列表、聊天记录、修改密码，进行详细操作，如图5-6所示。

图5-6我的界面图

5.2管理员服务端模块实现

管理员登录，在登录页面选择需要登录的角色，在正确输入用户名和密码后，点击登录操作；如图5-7所示。

图5-7 管理员登录界面

管理员进入系统主页面，主要功能包括对系统首页、用户管理、线上课件管理、科目任务管理、任务完成管理、在线笔记管理、试题库管理、论坛管理、模拟测试管理、试题管理、系统管理、考试管理、我的信息等进行操作。如图5-8所示：

图5-8管理员主界面

用户信息功能在视图层（view层)进行交互，比如点击“新增”按钮或填写用户信息表单。这些用户信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后，调用服务层(service层)以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层)交互，后者负责具体的数据操作如搜索、新增或删除用户信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便用户信息功能可以看到最新的信息或相应的操作反馈。在用户信息的输入栏中输入用户账号进行搜索，可以查看到用户详细信息，并根据需要进行修改或者删除等操作。如图5-9所示。

图5-9用户管理界面图

线上课件功能在视图层（view层)进行交互，比如点击“新增”按钮或填写线上课件表单。这些线上课件动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后，调用服务层(service层)以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层)交互，后者负责具体的数据操作如搜索、新增或删除线上课件，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便线上课件功能可以看到最新的信息或相应的操作反馈。在线上课件的输入栏中输入课件名称进行搜索，可以查看到线上课件详细信息，并根据需要进行修改或者删除等操作。如图5-10所示。

图5-10线上课件管理界面图

管理员点击科目任务管理，在科目任务管理页面的输入任务标题、封面、任务类型、积分、发布时间、收藏数等信息，进行搜索、新增或者删除科目任务等操作，如图5-11所示。

图5-11科目任务管理界面图

管理员点击任务完成管理，在任务完成管理页面的对任务标题、封面、任务类型、积分、完成时间、用户账号、用户姓名、手机号码等信息，进行搜索或者删除任务完成等操作，如图5-12所示。

图5-12任务完成管理界面图

管理员点击在线笔记管理，在在线笔记管理页面的对笔记标题、封面、记录时间、用户账号、用户姓名等信息，进行搜索或者删除在线笔记等操作，如图5-13所示。

图5-13在线笔记管理界面图

管理员点击试题库管理，在试题库管理页面的对试题名称、分值、答案、类型等信息，进行搜索、新增或者删除试题库等操作，如图5-14所示。

图5-4试题库管理界面图

管理员点击论坛管理，在论坛管理页面的对贴子标题、用户名、状态、是否置顶、置顶时间等信息，进行搜索或者删除论坛等操作，如图5-15所示。

图5-15论坛管理界面图

管理员点击模拟测试管理，在模拟测试管理页面的对模拟测试名称、考试时长（分钟）、模拟测试状态等信息，进行搜索、新增或者删除模拟测试等操作，如图5-16所示。

图5-16模拟测试管理界面图

管理员点击试题管理，在试题管理页面的对模拟测试、试题名称、分值、答案、类型等信息，进行搜索、新增或者删除试题等操作，如图5-17所示。

图5-17试题管理界面图

系统测试

从多个角度进行测试找到系统中存在的问题是本系统首要的测试目的，通过功能测试寻找出系统缺陷并改正，确保系统没有缺陷。在测试过程中证明系统满足客户需求，发现问题和不足及时改正。测试完成之后得出测试结论。

系统测试目的

在酒店管理系统的开发周期中，系统测试是必不可少且考验耐心的过程。其重要性在于，它是保证系统质量和牢靠性的最后一道关，也是整个系统开发过程的最后一次检查。
系统测试主要是为了避免用户在使用时发生问题，增强用户体验感，为了不影响用户的使用，我们需要从多角度、多思路去考虑系统可能遇到的问题，通过不同的模拟场景来发现缺陷并解决问题。在测试的过程中也可以了解到该系统的质量情况，系统功能是否健全，系统逻辑是否顺畅。一个合格的系统测试过程完成后将大大提升系统质量和使用感。测试的目标是验证系统是否符合需求规格说明书的定义，并找出与需求规格说明书不符合或与之冲突的内容。测试过程中一定站在用户的角度考虑问题，避免一些不切实际的场景，浪费测试时间，从而可能会引起问题导致预期结果与实际结果不符。

系统功能测试

对系统功能模块进行测试，通过点击、输入边界值和必填项非必填项的验证等方法进行一系列的黑盒测试。通过编写测试用例，根据测试用例中的内容进行测试，最后得出测试结论。
登录功能测试方案：当需要登入该系统时，通过账户密码等功能点进行验证，用户在输入时需要输入与数据库内存储的数据匹配的内容，当其中某项输入错误时系统将提示输入错误。此界面对角色权限也有相应的校验，当用户角色的帐号选择管理员角色登录时，也会报错。登录功能测试用例如下表所示。

输入数据	预期结果	实际结果	结果分析
用户名：guanliyuan 密码：123456 验证码：正确输入	登入系统	成功登入系统	和估算结果一样
用户名：guanliyuan 密码：111111 验证码：正确输入	密码错误	密码错误，请重新输入密码	和估算结果一样
用户名：guanliyuan 密码：123456 验证码：错误输入	验证码错误	验证码信息错误	和估算结果一样
用户名：空密码：123456 验证码：正确输入	用户名必填	请输入用户名	和估算结果一样
用户名：guanliyuan 密码：空验证码：正确输入	密码错误	密码错误，请重新输入密码	和估算结果一样

用户管理功能测试方案：用户管理主要有添加、编辑、删除、查找用户功能。添加用户时，必填项不填，检验系统是否有非空检验；添加已有的用户信息，检验是否提示用户名已被使用；删除用户信息，系统将检验是否进行此操作；更改用户信息，更改用户信息后页面是否可以展示出来。用户管理测试用例如下表所示。

输入数据	预期结果	实际结果	结果分析
填入用户基本信息	添加成功，在用户列表中显示	该用户出现在在列表中	和估算结果一样
修改用户信息	编辑成功，修改信息成功被修改	用户信息被修改	和估算结果一样
选中删除用户	系统询问是否删除用户，确认后用户被删除验证码信息错误	系统询问是否删除用户，确认后查找不到用户信息	和估算结果一样
添加用户时不填用户名	提示用户名不能为空	提示用户名不能为空	和估算结果一样
填入已有用户名	添加失败，提示用户名重复	添加失败，提示用户名重复	和估算结果一样

系统测试结论

本系统主要使用黑盒测试，通过模拟用户使用系统实现各个功能编写测试用例，并进行测试。以确保系统流程的正确性。系统测试必不可少，可以使系统更加完善，该系统的可使用性也会更高。
测试该系统主要为了验证系统的功能模块是否满足我们最初的设计理念，验证各个功能模块逻辑是否正确，此系统不需要过于复杂的逻辑处理，以便于使用者操作。测试的最终目的也是围绕着用户使用展开。测试过程中所有场景都应符合用户需求，不可偏离需求目标，遇到问题时要站在用户的角度进行思考。经过一系列的测试过程后得到最终的测试结果，从测试结果可以看出，实现的系统在功能和性能方面满足设计要求。

代码参考

@IgnoreAuth
@PostMapping(value = "/login")
public R login(String username, String password, String captcha, HttpServletRequest request) {
   UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
   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);
}

	@Override
	public String generateToken(Long userid,String username, String tableName, String role) {
		TokenEntity tokenEntity = this.selectOne(new EntityWrapper<TokenEntity>().eq("userid", userid).eq("role", role));
		String token = CommonUtil.getRandomString(32);
		Calendar cal = Calendar.getInstance();   
    	cal.setTime(new Date());   
    	cal.add(Calendar.HOUR_OF_DAY, 1);
		if(tokenEntity!=null) {
			tokenEntity.setToken(token);
			tokenEntity.setExpiratedtime(cal.getTime());
			this.updateById(tokenEntity);
		} else {
			this.insert(new TokenEntity(userid,username, tableName, role, token, cal.getTime()));
		}
		return token;
	}



/**
 * 权限(Token)验证
 */
@Component
public class AuthorizationInterceptor implements HandlerInterceptor {

    public static final String LOGIN_TOKEN_KEY = "Token";

    @Autowired
    private TokenService tokenService;
    
	@Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {

		//支持跨域请求
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Credentials", "true");
        response.setHeader("Access-Control-Allow-Headers", "x-requested-with,request-source,Token, Origin,imgType, Content-Type, cache-control,postman-token,Cookie, Accept,authorization");
        response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
	// 跨域时会首先发送一个OPTIONS请求，这里我们给OPTIONS请求直接返回正常状态
	if (request.getMethod().equals(RequestMethod.OPTIONS.name())) {
        	response.setStatus(HttpStatus.OK.value());
            return false;
        }
        
        IgnoreAuth annotation;
        if (handler instanceof HandlerMethod) {
            annotation = ((HandlerMethod) handler).getMethodAnnotation(IgnoreAuth.class);
        } else {
            return true;
        }

        //从header中获取token
        String token = request.getHeader(LOGIN_TOKEN_KEY);
        
        /**
         * 不需要验证权限的方法直接放过
         */
        if(annotation!=null) {
        	return true;
        }
        
        TokenEntity tokenEntity = null;
        if(StringUtils.isNotBlank(token)) {
        	tokenEntity = tokenService.getTokenEntity(token);
        }
        
        if(tokenEntity != null) {
        	request.getSession().setAttribute("userId", tokenEntity.getUserid());
        	request.getSession().setAttribute("role", tokenEntity.getRole());
        	request.getSession().setAttribute("tableName", tokenEntity.getTablename());
        	request.getSession().setAttribute("username", tokenEntity.getUsername());
        	return true;
        }
        
		PrintWriter writer = null;
		response.setCharacterEncoding("UTF-8");
		response.setContentType("application/json; charset=utf-8");
		try {
		    writer = response.getWriter();
		    writer.print(JSONObject.toJSONString(R.error(401, "请先登录")));
		} finally {
		    if(writer != null){
		        writer.close();
		    }
		}
//				throw new EIException("请先登录", 401);
		return false;
    }
}