网站布局策划的流程图自己做的网站 kindle
系统介绍
基于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 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);}/*** 注册*/
@IgnoreAuth
@PostMapping(value = "/register")
public R register(@RequestBody UserEntity 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("/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));}/*** 信息*/@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){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:8080/springbootjtw43/admin/dist/index.html#/login
用户端登录页面 http://localhost:8080/springbootjtw43/front/pages/login/login.html
2、账号说明
管理员 账户:admin 密码：admin
用户 账户:用户1 密码：123456
3、目录结构展示
运行步骤
1、创建数据库、导入sql脚本
2、修改application.yml中的数据库配置文件，启动服务端
3、在前端根目录下打开cmd，执行npm install或者yarn install下载依赖
4、下载完毕后启动前端npm run serve，访问端口