JAVA课程设计--类京东购物车设计

目录

小组成员

负责模块:

程序介绍:

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京东购物车页面

首页

主要功能有导航栏,搜索栏,我的购物车跳转按钮,选择分类,显示商品。

JAVA课程设计--类京东购物车设计_第1张图片

购物车界面

不为空情况:

主要功能:显示商品信息,价格,选择数量,全选按钮,可勾选按钮,选择性结算。显示总价,删除按钮。

JAVA课程设计--类京东购物车设计_第2张图片

为空的情况:

提示为空购物车

JAVA课程设计--类京东购物车设计_第3张图片

商品信息界面

主要功能:商品图片,商品价格,选择地址选择服务,商品信息,选择数目以及加入购物车

JAVA课程设计--类京东购物车设计_第4张图片

搜索界面

根据关键词筛选出与之有关的商品

JAVA课程设计--类京东购物车设计_第5张图片

1.2程序设计页面

首页

JAVA课程设计--类京东购物车设计_第6张图片

JAVA课程设计--类京东购物车设计_第7张图片

购物车页面

不为空

JAVA课程设计--类京东购物车设计_第8张图片

为空

JAVA课程设计--类京东购物车设计_第9张图片

商品信息界面

JAVA课程设计--类京东购物车设计_第10张图片

搜索界面:

JAVA课程设计--类京东购物车设计_第11张图片

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.项目结构图

JAVA课程设计--类京东购物车设计_第12张图片

JAVA课程设计--类京东购物车设计_第13张图片

5:功能需求分析

搜索模块:用户可以进行模糊匹配的搜索进行商品查找

导航栏模块:用户可以选择不同路由跳转进入到不同的功能区

登录界面:创建用户的账号密码用于登录

商城搜索界面:将搜索的页面展示出,用户可以进一步选择查看商品信息以及添加购物车操作。

购物车界面:展示用户购物车内的数据信息

Controller模块:对前端发送的信息进行接受和响应

Service模块:对服务器数据进行逻辑处理

Mapper模块:对数据库进行数据的查询。

6.演示:

主界面

JAVA课程设计--类京东购物车设计_第14张图片

注册:

JAVA课程设计--类京东购物车设计_第15张图片

登录

JAVA课程设计--类京东购物车设计_第16张图片

商品推荐:选择分区浏览商品页表

JAVA课程设计--类京东购物车设计_第17张图片JAVA课程设计--类京东购物车设计_第18张图片

商品信息界面

JAVA课程设计--类京东购物车设计_第19张图片

购买

JAVA课程设计--类京东购物车设计_第20张图片

内部的全选操作:实时变更数据展示

JAVA课程设计--类京东购物车设计_第21张图片

购物车删除

JAVA课程设计--类京东购物车设计_第22张图片

搜索:关键词为小米

JAVA课程设计--类京东购物车设计_第23张图片

退出登录:

JAVA课程设计--类京东购物车设计_第24张图片

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进行调试

进行服务器数据查询的检验

JAVA课程设计--类京东购物车设计_第25张图片

8.要求满足

1.阿里巴巴代码规范扫描

JAVA课程设计--类京东购物车设计_第26张图片

JAVA课程设计--类京东购物车设计_第27张图片

成功处理

JAVA课程设计--类京东购物车设计_第28张图片

2.git管理

JAVA课程设计--类京东购物车设计_第29张图片

JAVA课程设计--类京东购物车设计_第30张图片

fjhmomo/ShoppingVue: 一个vue的购物车前端 (github.com)

李可臻

JAVA课程设计--类京东购物车设计_第31张图片

许思阳

JAVA课程设计--类京东购物车设计_第32张图片

你可能感兴趣的:(课程设计,java,vue.js,javascript)