目录
小组成员
负责模块：
程序介绍：
1.前期调查：
1.1京东购物车页面
首页
购物车界面
商品信息界面
搜索界面
1.2程序设计页面
首页
购物车页面
商品信息界面
搜索界面：
2.使用环境：
3.技术支持
前端VUE
后端Springboot
4.项目结构图
5：功能需求分析
6.演示：
7.项目亮点
1.vue框架使用
2.Element插件使用：
3.mybaties使用
4.mysql数据库使用
5.搜索功能：
6.springboot框架
7.前后端调试采用postman进行调试
8.要求满足
1.阿里巴巴代码规范扫描
2.git管理
小组成员
组长:傅锦煌 202221336029
成员:许思阳 202221336030
成员:李可臻 202221336031
负责模块：
| 文件/数据库 | MYSQL | HtmlParser/jsoup | Html | ||||
| GUI/WEB/安卓 | Web | 其他第三方库 | Vue | ||||
| 网络 | Springboot | Javascript/Ajax/jQuery | Java Script | ||||
| 多线程 | 数据库连接池 | Mybaties | |||||
| DAO或MVC | Mvc | 使用git进行代码管理 | Git | ||||
| JSTL/EL | 使用issue进行项目推进 | ||||||
| 爬虫 | 其他 | Element | |||||
| 其他特点：如有使用请打勾或者填写 | |||||||
| 容错处理完善 | 有 | 界面非常美观 | 有 | ||||
| 国际化 | 有 | 算法较难 | |||||
| 配置文件 | 有 | 日志文件 | |||||
| 成员信息 | |||||||
| 班级 学号 | 网安2211 202221336029 | 姓名 (*组长*) | 傅锦煌 | 自评分 | A | ||
| 教师评分 | |||||||
| 负责模块 | 购物车模块,商城模块，搜索模块,数据库模块 | ||||||
| 班级 学号 | 网安2211 202221336030 | 姓名 (组员) | 许思阳 | 自评分 | C | ||
| 教师评分 | |||||||
| 负责模块 | 商品信息模块，搜索栏模块，搜索界面模块 | ||||||
| 班级 学号 | 网安2211 202221336031 | 姓名 (组员) | 李可臻 | 自评分 | C | ||
| 教师评分 | |||||||
| 负责模块 | 登录模块，导航模块，注册模块 | ||||||
程序介绍：
用户拥有自己的账号与密码，可以进行登录与注册的操作，在商城页面进行查看不同类别的商品或者搜索和查看商品完全信息,选择商品添加至独属于自己的购物车中,用户可以查看购物车商品的信息，并且对其选择数量,进行删除等操作。
1.前期调查：
1.1京东购物车页面
首页
主要功能有导航栏,搜索栏，我的购物车跳转按钮，选择分类，显示商品。
购物车界面
不为空情况：
主要功能：显示商品信息，价格，选择数量，全选按钮，可勾选按钮，选择性结算。显示总价，删除按钮。
为空的情况：
提示为空购物车
商品信息界面
主要功能：商品图片，商品价格，选择地址选择服务，商品信息，选择数目以及加入购物车
搜索界面
根据关键词筛选出与之有关的商品
1.2程序设计页面
首页
购物车页面
不为空
为空
商品信息界面
搜索界面：
2.使用环境：
Springboot：后端服务器
vue,vue-cli“前端界面
mysql：数据库
3.技术支持
下面部分为我之前写的文章：对应不同功能
前端VUE
软协打卡--WEB的前端构建 VUE框架基础语法-CSDN博客
软协打卡---VUE项目中进阶操作-CSDN博客
vue项目---vue路由操作-CSDN博客
vue项目中通过vuex管理数据-CSDN博客
代码打卡--基于Element与vue构建购物车前端_element表格购物车-CSDN博客
软协打卡---内网穿透实现_百度云 内网穿透-CSDN博客
后端Springboot
软协打卡--JavaWeb的三层架构-CSDN博客
软协打卡--JavaWeb的登陆校验-CSDN博客
软协打卡---web与浏览器的信息传输-CSDN博客
软协打卡---web与浏览器的信息传输-CSDN博客
软协打卡--mybatis数据库操作-CSDN博客
软协打卡---上传文件到阿里云oss-CSDN博客
4.项目结构图
5：功能需求分析
搜索模块：用户可以进行模糊匹配的搜索进行商品查找
导航栏模块：用户可以选择不同路由跳转进入到不同的功能区
登录界面：创建用户的账号密码用于登录
商城搜索界面：将搜索的页面展示出,用户可以进一步选择查看商品信息以及添加购物车操作。
购物车界面：展示用户购物车内的数据信息
Controller模块：对前端发送的信息进行接受和响应
Service模块:对服务器数据进行逻辑处理
Mapper模块：对数据库进行数据的查询。
6.演示：
主界面
注册：
登录
商品推荐：选择分区浏览商品页表
商品信息界面
购买
内部的全选操作：实时变更数据展示
购物车删除
搜索：关键词为小米
退出登录：
7.项目亮点
1.vue框架使用
通过vue管理前端html，css，js代码，便于管理以及html的刷新和数据的使用
定义api包，内部储存所有与后端服务器交互用的js代码，并分为多个模块。
使用eslint管理代码规范
使用vuex实现数据的全局管理
使用router进行路由配置
2.Element插件使用：
构造了导航栏轮播图，已小模块方式，便于复用
3.mybaties使用
使用mybaties执行sql语句向mysql数据库发送请求，获得数据库数据
4.mysql数据库使用
数据存放在数据库中
5.搜索功能：
采用sql中的模糊查找，根据用户输入的关键词进行搜索相应的商品。
6.springboot框架
内部使用mvc三层架构的方式进行业务的逻辑处理，采用POJO（Plain Old Java Object）的方式处理返回对象以及数据库返回的数据。
使用maven进行外部jar包的统一管理
7.前后端调试采用postman进行调试
进行服务器数据查询的检验
8.要求满足
1.阿里巴巴代码规范扫描
成功处理
2.git管理
fjhmomo/ShoppingVue: 一个vue的购物车前端 (github.com)
李可臻
许思阳
