企业官网建设流程全解析

系统介绍

基于SpringBoot+Vue实现的驾校管理系统采用前后端分离架构方式，系统设计了管理员、学员、教练三种角色，系统实现了用户登录与注册、个人中心、学员管理、驾校教练管理、驾校车辆管理、预约信息管理、取消预约管理、考试安排管理、考试预约管理、取消考试管理、驾驶知识管理、学员成绩管理、笔试考试管理、考试题目管理、系统简介、驾校公告、轮播图管理、错题本、笔试考试列表、驾校考试记录等功能。

技术选型

开发工具：idea2020.3+Webstorm2020.3

运行环境：jdk1.8+maven3.6.0+MySQL5.7+nodejs14.21.3

服务端技术：Springboot+Mybatis-Plus

前端技术：html+css+Vue+axios+Element-UI

成果展示

管理端页面

用户登录

学员管理

驾校车辆管理

预约信息管理

考试安排管理

驾驶知识管理

学员成绩管理

笔试考试管理

考试题目管理

驾校公告

错题本

笔试考试列表

驾校考试记录

用户端页面

用户登录

首页

驾校车辆

考试安排

驾驶知识

笔试考试

驾校公告

个人中心

源码展示

@RequestMapping("users") @RestController publicclass UsersController{ @Autowired private UsersService userService; @Autowired private 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){ 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); } /** * 获取用户的session用户信息 */ @RequestMapping("/session") public R getCurrUser(HttpServletRequest request){ Long id = (Long)request.getSession().getAttribute("userId"); UsersEntity user = userService.selectById(id); return R.ok().put("data", user); } }

账号地址及其他说明

1、地址说明

管理端登录页面 http://localhost:8081/#/login

用户端登录页面 http://localhost:8080/springboot7e8wi/front/dist/index.html#/login

2、账号说明

管理员 账户:admin 密码：admin

学员 账户:学员账号1 密码：123456

教练 账户:教练账号1 密码：123456

3、目录结构展示

4、项目结构展示

5、以上系统源码，经过博主整理与调试，确保能正常运行!

6、制作不易，点赞、在看、分享再走吧，您的支持永远是我最大的动力！

7、运行步骤

1、创建数据库、导入sql脚本

2、修改application.yml中的数据库配置文件，启动服务端

3、在前端根目录下打开cmd，执行npm install或者yarn install下载依赖

4、下载完毕后启动前端npm run serve，访问端口