基于SpringBoot的大学城水电管理体系设计与实现【源码+文档+摆设讲解】
体系先容基于SpringBoot+Vue实现的大学城水电管理体系采用前后端分离架构方式,体系设计了管理员、用户两种角色,体系实现了用户登录与注册、个人中心、用户管理、领用装备管理、斲丧装备管理、装备申请管理、装备派发管理、状态报告管理、领用报表管理、斲丧报表管理、班组报表管理、个人报表管理、用户反馈管理、维护调养管理、装备检测管理、装备修理管理、报修信息管理、定期修复管理、修复计划管理等功能。
技能选型
开发工具:idea2020.3+Webstorm2020.3
运行环境:jdk1.8+maven3.6.0+MySQL5.7+nodejs14.21.3+Redis
服务端技能:Springboot+Mybatis-Plus
前端技能:html+css+Vue+axios+Element-UI
成果展示
文档展示
https://i-blog.csdnimg.cn/direct/81d490fc9c944027aaf666081029a7f3.png
登录
https://i-blog.csdnimg.cn/img_convert/27abc1512ede315675d09ad3423f9d30.png
用户管理
https://i-blog.csdnimg.cn/direct/9a89b745aabf46d99f1bec6391233c2c.png
领用装备管理
https://i-blog.csdnimg.cn/direct/7b60c9e55092498da08a08ef888ae66b.png
斲丧装备管理
https://i-blog.csdnimg.cn/direct/a186bfe9847840b1a46d61c008548094.png
装备申请管理
https://i-blog.csdnimg.cn/direct/f7d1b41776ff42b197aa10099c869c15.png
装备派发管理
https://i-blog.csdnimg.cn/direct/df269686a2814439b03d4289c25f24cd.png
状态报告管理
https://i-blog.csdnimg.cn/direct/d49c37472d274e25ae147b70207f09f0.png
领用报表管理
https://i-blog.csdnimg.cn/direct/17280ef0a7034e2c9fb1786523a2c73e.png
斲丧报表管理
https://i-blog.csdnimg.cn/direct/932e16e02864484ca9a3d4bdce0a3c8b.png
班组报表管理
https://i-blog.csdnimg.cn/direct/3b2484b3b37546bb9691dac3475a1e3b.png
个人报表管理
https://i-blog.csdnimg.cn/direct/2f2556fc42844d9aa27a8ae645e6bdea.png
用户反馈管理
https://i-blog.csdnimg.cn/direct/e074cf42d1f34ec486302cfdaae77cac.png
维护调养管理
https://i-blog.csdnimg.cn/direct/23deaf68b00149c4ba4af2148aa321cd.png
装备检测管理
https://i-blog.csdnimg.cn/direct/7eee10212b81472ba475d3acc433ee5c.png
装备修理管理
https://i-blog.csdnimg.cn/direct/caf60c405e4d4cb1980a805fc1baa3b5.png
报修信息管理
https://i-blog.csdnimg.cn/direct/1805daa47036453fa354967b3a6c3474.png
定期修复管理
https://i-blog.csdnimg.cn/direct/011d111d7b86469ea69dac06a6160994.png
修复计划管理
https://i-blog.csdnimg.cn/direct/ddb3d18d2fab40ad829a7fb85c2390a2.png
源码展示
@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 captcha, HttpServletRequest request) {
UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().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);
}
/**
* 退出
*/
@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("/list")
public R list( UserEntity user){
EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
ew.allEq(MPUtil.allEQMapPre( user, "user"));
return R.ok().put("data", userService.selectListView(ew));
}
/**
* 获取用户的session用户信息
*/
@RequestMapping("/session")
public R getCurrUser(HttpServletRequest request){
Long id = (Long)request.getSession().getAttribute("userId");
UserEntity user = userService.selectById(id);
return R.ok().put("data", user);
}
/**
* 保存
*/
@PostMapping("/save")
public R save(@RequestBody UserEntity user){
if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
return R.error("用户已存在");
}
userService.insert(user);
return R.ok();
}
}
账号地址及其他阐明
1、地址阐明
登录页:http://localhost:8081/#/login
2、账号阐明
管理员:admin/admin
用户:用户1/123456(可自行注册用户)
3、目次布局展示
https://i-blog.csdnimg.cn/direct/9a950106c792465daf0df37c7351d58a.png
4、项目布局展示
https://i-blog.csdnimg.cn/direct/13aa3806a6554875b6d151db359908af.png
5、以上体系源码,经过博主整理与调试,确保能正常运行!
6、制作不易,点赞、在看、分享再走吧,您的支持永远是我最大的动力!
7、如电脑本机环境未设置好,可在后台复兴 环境设置 获取教程。
8、运行步骤
1、创建数据库、导入sql脚本
2、修改application.yml中的数据库设置文件,启动服务端
3、在前端根目次下打开cmd,执行npm install大概yarn install下载依靠
4、下载完毕后启动前端npm run serve,访问端口
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页:
[1]