elementui|基于Springboot+vue的体用用品销售商城网站 elementui spring|boot|vue.js

现在有许多的销售体育用品的线上或线下商店，体育用品店是专门提供体育用品销售的场所，其中以经营足球、篮球、乒乓球、羽毛球等主流体育运动产品为主，以一些冷门的体育运动产品为辅，甚至可以包括象棋、围棋等棋牌类产品，是经营比较广泛的产业。国内国外都有很多知名的体育用品专卖店，如：三夫户外、劲浪体育、图途等，还有一些专卖运动鞋、运动服饰的知名品牌，如：安踏、乔丹、李宁、回力、耐克等。体育产业是现代服务业的重要组成部分，是新的经济增长点和促进社会就业的重要载体。体育产业已成为国际公认的21世纪最具活力，是具有高渗透性、交叉性、拉动性的朝阳产业、健康产业、绿色产业。体育产业是经济发达国家的支柱产业，在北美、西欧、日本，体育产业的年产值均排在国家十大产业之列。
【elementui|基于Springboot+vue的体用用品销售商城网站 elementui】
文章图片

系统主要分为三个模块：用户模块,管理员模块,商品管理模块。
用户模块主要实现以下功能：
1 用户的注册和登录。
2 个人信息界面：用户查看与修改个人信息。
3 查看商品信息浏览商品：包括网站首页、体育用品详情页等。
4 购物车管理：将商品加入购物车、对购物车里的商品进行数量的增加和减少、删除商品、对选中的商品进行结算。
5 购买界面：确认订单信息和选择支付方式。
6 订单信息：查看订单信息、修改订单和取消订单、订单的状态待付款、待发货、待收货、待评价等。

/** * 登录相关 */ @RequestMapping("users") @RestController public class UserController{ @Autowired private UserService userService; @Autowired private TokenService tokenService; /** * 登录 */ @IgnoreAuth @PostMapping(value = "https://www.it610.com/login") public R login(String username, String password, String captcha, HttpServletRequest request) { UserEntity user = userService.selectOne(new EntityWrapper().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 = "https://www.it610.com/register") public R register(@RequestBody UserEntity user){ //ValidatorUtils.validateEntity(user); if(userService.selectOne(new EntityWrapper().eq("username", user.getUsername())) !=null) { return R.error("用户已存在"); } userService.insert(user); return R.ok(); } /** * 退出 */ @GetMapping(value = "https://www.it610.com/article/logout") public R logout(HttpServletRequest request) { request.getSession().invalidate(); return R.ok("退出成功"); } /** * 密码重置 */ @IgnoreAuth @RequestMapping(value = "https://www.it610.com/resetPass") public R resetPass(String username, HttpServletRequest request){ UserEntity user = userService.selectOne(new EntityWrapper().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, Object> params,UserEntity user){ EntityWrapper ew = new EntityWrapper(); 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 ew = new EntityWrapper(); 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){ //ValidatorUtils.validateEntity(user); if(userService.selectOne(new EntityWrapper().eq("username", user.getUsername())) !=null) { return R.error("用户已存在"); } userService.insert(user); return R.ok(); }/** * 修改 */ @RequestMapping("/update") public R update(@RequestBody UserEntity user){ //ValidatorUtils.validateEntity(user); userService.updateById(user); //全部更新 return R.ok(); }/** * 删除 */ @RequestMapping("/delete") public R delete(@RequestBody Long[] ids){ userService.deleteBatchIds(Arrays.asList(ids)); return R.ok(); } }

elementui|基于Springboot+vue的体用用品销售商城网站 elementui

文章图片

环境需要
1.运行环境：最好是java jdk 1.8，这是目前最稳定的JDK也是被使用最多的JDK版本。
2.IDE环境：IDEA，Eclipse都可以。推荐IDEA;
3.tomcat环境：Tomcat7/Tomcat8/Tomcat9版本均可
4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；
5.数据库：MySql 5.7版本；
6.是否Maven项目：是；
技术栈

后端：Spring+SpringMVC+Mybatis
前端：vue+CSS+JavaScript+jQuery

文章图片

管理员管理模块主要实现以下功能：
管理员可以进行管理员帐号管理、用户信息管理、商品管理、订单处理、缺货处理等功能。
7 管理员信息模块：管理员的登录、新增管理员、查询管理员信息、删除管理员、修改管理员信息。
8 管理用户信息：用户的账号密码等。
9 订单处理：审核订单信息、删除订单客户取消订单的情况下、修改订单信息客户对订单的信息进行了修改和安排发货等。

商品管理模块：
10 商品的增加：商品名称、商品图片、商品类型等
11 删除商品商品下架。
12 修改商品信息：修改商品的价格、类型、状态等。
13 查找商品：查看商品基本信息、库存情况、销售情况等。
16 对商品进行分类管理

文章图片

目录
1 绪论 1
1.1课题背景 1
1.2课题研究现状 1
1.3初步设计方法与实施方案 2
1.4本文研究内容 2
2 系统开发环境 4
2.1 使用工具简介 4
2.2 环境配置 4
2.3 B/S结构简介 4
2.4 MySQL数据库 5
2.5 框架介绍 5
3 系统分析 6
3.1系统可行性分析 6
3.1.1经济可行性 6
3.1.2技术可行性 6
3.1.3运行可行性 6
3.2系统现状分析 6
3.3功能需求分析 7
3.4系统设计规则与运行环境 8
3.5系统流程分析 8
3.5.1操作流程 8
3.5.2添加信息流程 9
3.5.3删除信息流程 10
4 系统设计 11
4.1系统设计主要功能 11
4.2数据库设计 11
4.2.1数据库设计规范 11
4.2.2 E/R图 11
4.2.3数据表 12
5 系统实现 25
5.1系统功能模块 25
5.2后台模块 27
5.2.1管理员功能模块 27
5.2.2用户功能模块 30
6 系统测试 33
6.1功能测试 33
6.2可用性测试 33
6.3性能测试 34
6.4测试结果分析 34
7结论 35
参考文献 36
致谢 37