vue基于Spring Boot框架的高校实验室预约管理系统

毕设制作流程

（1）与指导老师确定系统主要功能；
（2）做需求分析及功能模块划分；
（3）指导老师通过后，设计出用例图，E-R图，功能模块图
（4）根据自己的功能模块划分，设计核心功能的需求
（5）查阅过的文献资料及调研
（6）根据自己的系统，完成论文的设计与实现
（7）参考相关文献和需求分析文档和概要设计文档，完成初稿
（8）根据指导老师的修改意见修改论文，直到定稿

功能和技术介绍

jdk版本:jdk1.8+
编程语言: java
框架支持：springboot/ssm/springcloud分布式微服务
数据库: mysql 版本不限
数据库工具：Navicat/SQLyog都可以
前端：vue.js+ElementUI
开发工具：IDEA 或者eclipse都支持

系统实现截图

在这里插入图片描述

开发核心技术介绍：

技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。

Java
Java具有典型的继承、封装多态特征，可以使用类和接口，并进行输入输出数据流，支持多线程和反射、以及网络编程。Java语言的多态提供方法中的和复写，Java语言不仅仅可以支持后台框架的开发，也可以与web前端进行融合，支持常用的HTML标签和css、js、vue、node.js融合，开发出功能完备的公司应用开发。

Spring封装了很多的java类库文件，在开发过程中，不需要写太多复杂的类文件，只需要引用spring这个框架，就可以完成快速开发的需要，所以Java编程的逻辑代码就变得比较清晰，各层之间的解耦性也比较强，可重用性也得到了很好的发挥，使得开发难度也更加轻松容易，它的主要两个特性就是依赖注入、面向接口思想；（AOP）切面思想；

Vue免除了Javascript的dom操作，可以更快速的完成数据绑定。Vue实现了MVVM框架，通过后台的模型进行业务逻辑的处理，并将数据绑定到视图层中，在视图层绑定显示控件，将Model对象的数据绑定到页面控件中，实现数据的自动同步。当Model数据改变时，View页面可以根据数据自动发生改变。

Maven作为了一款项目版本管理软件，可以更好管理jar包的使用，以前在没有出现Maven管理工具，需要在网上下载很多版本的jar包类，有时候版本间不兼容性，影响系统的使用发挥，有时会出现不同的bug出现，使用Maven工程项目后，就可以很好的杜绝这一难度题。

MySQL是开源的关系型数据库，因为是开源所以没有版权的纠纷，现在很多公司都在利用mysql作为数据库的存储，不仅它的存储速率比较快，而且还可以在它的基础上进行二次开发，定制出更适合公司的数据库。

使用说明

使用Navicat或者其它工具，在mysql中创建对应名称的数据库，并导入项目的sql文件；
使用IDEA/Eclipse/MyEclipse导入项目选择maven,选中pom.xml，修改配置，运行项目；
将项目中applicationContext.xml配置文件中的数据库配置改为自己的配置，然后运行；
运行成功后，在浏览器中输入：http://localhost:8080/项目名

开发步骤编译运行

(1) 创建好数据库并导入，
(2) 创建后台Springboot三层架构(controller，service，mapper层)并启动测试
(3) 导入并编译前端代码vue：网站和后台管理
编译：npm install
试运行：npm run dev

代码执行流程

Controller层的数据主要是通过调用Service层进行处理，并得到结果，然后对结果进行保存，可以分析结果数据，判断结果是否符合预期，最终将信息返回到View层中。在接口层也需要先定义功能实现的类，并定义接口的参数和返回值，比如数据库的增删改查，数据统计，数据分类处理。在接口实现类中对接口方法进行具体的实现，在方法实现中调用Dao层的方法，并传入对应的参数，得到结果后返回信息到Controller层中。

核心代码部分展示

/*** 登录相关*/
@RequestMapping("users")
@RestController
public class UsersController{@Autowiredprivate UsersService userService;@Autowiredprivate TokenService tokenService;/*** 登录*/@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);}/*** 注册*/@IgnoreAuth@PostMapping(value = "/register")public R register(@RequestBody UsersEntity user){
//    	ValidatorUtils.validateEntity(user);if(userService.selectOne(new EntityWrapper<UsersEntity>().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){UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().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,UsersEntity user){EntityWrapper<UsersEntity> ew = new EntityWrapper<UsersEntity>();PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));return R.ok().put("data", page);}

可行性分析

众所周知，目前Java语言已经发展几十年，广泛应用于大型的企业网站、应用程序和管理系统中。对于本系统来说，完全可以解决其前后台对应的逻辑关系和数据传输。另外，本人经过大学几年的学习和课外自学，熟悉Java编程语言。具有运行编写Java语言的能力，如果遇到一些疑难问题。也可以通过上网查找方案，或者是咨询辅导老师来解决，所以在开发本系统方面技术上具有可行性。

软件测试

为了确保系统的正确性和可靠性，需要对不同的模块进行审查，在代码完成后对系统进行测试必不可少。(1)代码逻辑测试，代码的质量决定了模块运行的持续性。因此，在编写代码时，必须严格按照测试的要求进行编写，测试输出是否符合预期的要求。(2)功能性测试，为了测试模块之间的衔接是否紧密，各个功能之间的组合是否符合最初系统设计的要求，有一些细微的功能上的差别是否会影响到系统的运行，本系统虽然还是存在一些细小的误差，但是不会影响整个系统的运行。(3)压力测试，当多个管理员登录系统进行操作时，测试服务器是否能承载。经过以上测试发现本系统存在一些不足和缺点，一边测试一边进行修改，力争使本系统符合要求。