# finalssm

**Repository Path**: c4hyy/finalssm

## Basic Information

- **Project Name**: finalssm
- **Description**: 重构了代码并增加了可视化的功能

- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-04-20
- **Last Updated**: 2023-04-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# finalssm

#### 介绍
重构了之前的项目并将项目进行了可视化的处理

#### 软件架构
是由Spring+SpringMvc+Mybaties构成其中加入了Echarts表格进行实现数据的可视化。

## 第1章 需求分析

3.1 可行性分析

3.1.1 技术可行性

花卉网络销售的模式已经形成了一定的规模，现在的技术也相对成熟，而且我在大三时学过企业级应用与开发，并且我在大三下半学期参加过相关的企业实习并完成与技术相关的产品，系统是使用的JAVA语言，整体使用的是SSM框架，配置普通的计算机就可以使用，开发工具方面我使用的是IDEA ，WebStorm，安装已经完成，目前来说，开发平台是成熟可行的、开发工具是当下稳定且流行的，所以对于项目来说技术方面是完全没有问题的。

3.1.2 经济可行性

本次系统设计简单，但需要时间来完成，所使用的开发工具都是免费的，所使用的服务器也都是免费的，硬件方面也没有花费，相关的学习资料也是通过图书馆和网络的免费资料所查阅出来的。由此可见此系统在经济上是完全可行的。

3.1.3 社会可行性

此系统所有的资料都是在网络上开源的，所以不存在知识产权问题，同时随着互联网和经济的发展，计算机已经走进了千家万户，人们可以在自己家里通过互联网购买的自己心意的花卉，即节约了时间，同时也能够很好的促进花卉市场的经济，所以此系统在社会上是可行的。



 

3.2 功能需求分析

此系统主要包括了商家模块，管理员模块，前台用户模块，前端模块，商家模块包括了：花卉管理模块，分类管理模块，支付管理模块；管理员模块包括了：用户管理模块，订单管理模块，商家管理模块，后台管理模块；前端用户模块包括了：用户模块，地址管理模块，订单管理模块，商家管理模块，前端模块包括了购买花卉模块，订单界面模块，商家界面模块，地址界面模块。

 

图3-1用户管理模块系统用例图
![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/image-20230420154053111.png)


图3-2管理员管理模块系统用例图

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/image-20230420154229838.png)

图3-3商家管理模块系统用例图

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/image-20230420154239694.png)

 

## 第2章 系统设计

4.1 概要设计

4.1.1商家模块

（1）信息查看：商家可以看到现在共有多少订单，商家数量，用户数量，也可以查看到花卉的信息。

（2）花卉管理：商家可以通过点击添加进行花卉的信息的添加，同时也可以在输入框中输入想查询的花卉进行查询，也可以对花卉信息进行修改操做和删除操作。

（3）分类管理：商家可以在这个模块对花卉的分类进行添加操作，修改操作，删除操作。

（4）支付管理：商家可以通过点击按钮可以进行对商品的支付方式进行增加操作，修改操作，删除操作。

（5）个人中心：商家可以点击个人中心对商家的信息进行管理，如个人信息修改，用户密码修改。

4.1.2管理员模块

（1）后台管理：管理员在花卉系统中有着十分重要的地位，他可以查看到用户和商户的所有信息，所以用户和商户都不能够注册管理员账号，只能够由内部人员进行创建，管理员需要登录后进行操作。

（2）用户管理：管理员可以在此页面中查看到用户的相关信息，但是不能够对用户进行相关的操作，也不能够看到用户的私密信息。

（3）商家管理：管理员可以在此页面中查看到商家的所有相关信息，但是不能够对用户进行相关的操作，同时管理员也看不到商家的登录密码。

（4）订单管理：管理员能够看到所有的用户的下单信息，以及用户下单的详细信息。

 

4.1.3前台用户模块

（1）用户模块：用户可以通过点击登录直接进入主页面，也能够点击注册按钮进行新用户的注册。

（2）地址管理：用户可以在地址界面中对地址进行增加，修改，和删除操作，用户同时也能够查看出用户添加的所有详细地址信息。

（3）订单管理：用户能够查看到自己所购买物品的订单信息，并对订单进行查询，同时也能够对订单进行修改，同时用户也能够取消订单。

（4）商家管理：商家进入网站后可以观看到登录注册界面，新的商家可以点击注册来注册商家信息，现有的商家用户可以点击登录。

4.1.4前端模块

（1）购买花卉：在购买花卉的功能中用户可以点击花卉图像生成花卉的详细信息，然后用户可以点击立即购买或者加入购物车中，用户可以点击购物车页面进入购物车页面中，用户可以点击查询查询花卉的信息。

（2）订单界面：在订单界面模块中用户可以对订单进行支付和删除，用户可以选择自己增加地址等相关功能。

（3）地址界面：用户可以在地址界面中可以通过三级映射进行对于地址的选择来进行对地址的添加。



 

4.2 详细设计

4.2.1商家模块

商家在进入界面后输入用户名密码后，后台进行判断如果账号用户名不存在，就提示用户不存在，如果密码错误就显示密码错误，如果用户名和密码都正确，则显示到登录界面，进入登录界面后，就可以选择花卉管理，分类管理，支付管理的相关界面，商家可以选择增加花卉信息，修改花卉信息，分页查询花卉信息，删除花卉信息，增加分类信息，修改分类信息，删除分类信息，查询分类信息，增加支付方式，修改支付方式，删除支付方式等相关操作。

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps3.jpg)

  图4-1 商家模块流程图

4.2.2管理员模块

管理员进入界面后，输入账号和密码后，后台进行判断如果账号用户名不存在，就提示用户不存在，如果密码错误就显示密码错误，如果用户名和密码都正确，则显示到登录界面，进入登录界面后，可以选择查看用户信息，也可以选择查看商家信息，也可以选择查看所有订单的详细信息。

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps4.jpg)

图4-2 管理员模块流程图



 

4.2.3前台用户模块

用户进入界面后可以选择登录或者注册页面，选择登录页面后，输入账号和密码后，后台进行判断如果账号用户名不存在，就提示用户不存在，如果密码错误就显示密码错误，如果用户名和密码都正确，则直接到主页面，选择注册页面后，输入账号和密码如果密码格式输入错误就输出格式错误，如果格式正确则直接返回到登录界面，登录成功后可以进行地址管理，订单管理，商家管理，用户可以使用查询地址功能，增加地址功能，修改地址功能，删除地址功能，查看订单功能，修改订单功能，取消订单功能，也可以直接跳转到商家登录界面。

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps5.jpg)

图4-3 前台用户模块流程图



 

4.2.4前端模块

非注册用户进入主界面后，可以查看所有花卉信息，用户可以选择购买单仲花卉也可以选择够买多种花卉，但当点击购买后，进行判断如果没有登录，就跳转到登录界面，输入账号和密码后，后台进行判断如果账号用户名不存在，就提示用户不存在，如果密码错误就显示密码错误，如果用户名和密码都正确，则显示到主界面，这是后就可以到详细订单页中进行支付，用户可以选择不同的地址和支付方式进行支付。

 

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps6.jpg)

图4-4 前端模块流程图

 

4.3 数据库设计

4.3.1数据库需求分析

管理员用户表：用于存储管理员ID，管理员姓名，管理员密码，管理员头像等相关信息。

用户表：用于存储用户ID，用户名，用户密码，用户手机号，创建时间，用户性别，用户头像等相关信息。

收获地址表：用于存储收货地址ID，收货人姓名，用户ID，详细收货地址，省地址，市地址，县/区地址，收货人手机号等相关信息。

商品表：用于存储商品ID，商品名称，商品数量，商品价格，商品照片，商品详情，商家ID，分类ID等相关信息。

订单表：用于存储订单ID，用户ID，订单创建时间，收货地址id，商品总价格，支付方式ID，支付状态，订单号等相关信息。

分类表：用于存储分类ID，分类名称等相关信息。

订单详情表：用于存储订单详情ID，总订单的Id，商品数量，商品现单价格，商品ID等相关信息。

支付方式表：用于存储支付方式ID，是否删除，支付方式名称等相关信息。

商家表：用于存储商家ID，商家名称，商品ID，商家密码，商家详细信息等相关信息。

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps7.jpg)

图4-5 E-R图



 

4.3.2 数据库结构设计

### 本系统的各个数据库表如下表所示：

 

表4-1管理员用户表

| 表名                | 字段名     | 字段说明 | 数据类型 | 数据长度 | 是否主键 | 备注 |
| ------------------- | ---------- | -------- | -------- | -------- | -------- | ---- |
| admin(管理员用户表) | admin_id   | 管理员ID | int      |          | √        |      |
| admin_name          | 管理员姓名 | varchar  | 100      |          |          |      |
| admin_password      | 管理员密码 | varchar  | 50       |          |          |      |
| admin_head_portrait | 管理员头像 | varchar  | 200      |          |          |      |

***\*
\****

 

表4-2用户表

| 表名               | 字段名     | 字段说明 | 数据类型 | 数据长度 | 是否主键 | 备注 |
| ------------------ | ---------- | -------- | -------- | -------- | -------- | ---- |
| user(用户表)       | user_id    | 用户ID   | int      |          | √        |      |
| user_name          | 用户名     | varchar  | 100      |          |          |      |
| user_password      | 用户密码   | varchar  | 50       |          |          |      |
| user_phonenumber   | 用户手机号 | int      |          |          |          |      |
| create_time        | 创建时间   | datetime |          |          |          |      |
| user_gendre        | 用户性别   |          |          |          |          |      |
| user_head_portrait | 用户头像   | varchar  | 200      |          |          |      |



 

表4-3收货地址表

| 表名                | 字段名       | 字段说明   | 数据类型 | 数据长度 | 是否主键 | 备注 |
| ------------------- | ------------ | ---------- | -------- | -------- | -------- | ---- |
| address(收货地址表) | address_id   | 收货地址ID | int      |          | √        |      |
| address_consignee   | 收货人姓名   | varchar    | 100      |          |          |      |
| user_id             | 用户ID       | int        |          |          |          |      |
| address_profile     | 详细收货地址 | varchar    | 200      |          |          |      |
| address_province    | 省地址       | varchar    | 20       |          |          |      |
| address_city        | 市地址       | varchar    | 20       |          |          |      |
| address_county      | 县/区地址    | varchar    | 20       |          |          |      |
| address_phonenumber | 收货人手机号 | int        |          |          |          |      |

表4-4商品表

| 表名                | 字段名     | 字段说明 | 数据类型 | 数据长度 | 是否主键 | 备注 |
| ------------------- | ---------- | -------- | -------- | -------- | -------- | ---- |
| product(商品表)     | product_id | 商品ID   | int      |          | √        |      |
| product_name        | 商品名称   | varchar  | 100      |          |          |      |
| product_allnumber   | 商品数量   | int      |          |          |          |      |
| product_price       | 商品价格   | decimal  |          |          |          |      |
| product_picture     | 商品照片   | varchar  | 200      |          |          |      |
| product_particulars | 商品详情   | text     |          |          |          |      |
| merchant_id         | 商家ID     | int      |          |          |          |      |
| classify_id         | 分类ID     | int      |          |          |          |      |



 

表4-5订单表

| 表名               | 字段名       | 字段说明 | 数据类型 | 数据长度 | 是否主键                   | 备注 |
| ------------------ | ------------ | -------- | -------- | -------- | -------------------------- | ---- |
| orders(订单表)     | orders_id    | 订单ID   | int      |          | √                          |      |
| user_id            | 用户ID       | int      |          |          |                            |      |
| create_time        | 订单创建时间 | datetime |          |          |                            |      |
| address_id         | 收货地址id   | int      |          |          |                            |      |
| product_sum_prices | 商品总价格   | decimal  |          |          |                            |      |
| payment_id         | 支付方式ID   | int      |          |          |                            |      |
| payment_state      | 支付状态     | tinyint  |          |          | 1为已支付，0为未支付       |      |
| order_number       | 订单号       | int      |          |          | 随机生成一组数，且不可重复 |      |



表4-6分类表

| 表名           | 字段名      | 字段说明 | 数据类型 | 数据长度 | 是否主键 | 备注 |
| -------------- | ----------- | -------- | -------- | -------- | -------- | ---- |
| classify(分类) | classify_id | 分类ID   | int      |          | √        |      |
| classify_name  | 分类名称    | varchar  | 50       |          |          |      |

表4-7订单详情表

| 表名                    | 字段名           | 字段说明   | 数据类型 | 数据长度 | 是否主键 | 备注 |
| ----------------------- | ---------------- | ---------- | -------- | -------- | -------- | ---- |
| orders_detail(订单详情) | orders_detail_id | 订单详情ID | int      |          | √        |      |
| orders_id               | 总订单的Id       | int        |          |          |          |      |
| product_number          | 商品数量         | int        |          |          |          |      |
| product_now_price       | 商品现单价格     | decimal    |          |          |          |      |
| product_id              | 商品ID           | int        |          |          |          |      |

 

表4-8支付方式表

| 表名              | 字段名       | 字段说明   | 数据类型 | 数据长度 | 是否主键                        | 备注 |
| ----------------- | ------------ | ---------- | -------- | -------- | ------------------------------- | ---- |
| payment(支付方式) | payment_id   | 支付方式ID | int      |          | √                               |      |
| delete_flag       | 是否删除     | tinyint    |          |          | 删除：0，未删除:1               |      |
| payment_name      | 支付方式名称 | varchar    |          |          | 0为支付宝，1为微信，2为其他方式 |      |

表4-9商家表

| 表名                 | 字段名       | 字段说明 | 数据类型 | 数据长度 | 是否主键 | 备注 |
| -------------------- | ------------ | -------- | -------- | -------- | -------- | ---- |
| merchant（商家）     | merchant_id  | 商家ID   | int      |          | √        |      |
| merchant_name        | 商家名称     | varchar  | 50       |          |          |      |
| product_id           | 商品ID       | int      |          |          |          |      |
| merchant_password    | 商家密码     | int      | 50       |          |          |      |
| merchant_particulars | 商家详细信息 | text     |          |          |          |      |

表4-9（续）



 

## 第3章  系统实现

 

5.1系统首页

系统首页主要展示花卉商品相关信息，同时用户可以点击花卉图片观看到花卉的详细信息，同时未登录的用户也可以点击花卉进行花卉的信息的查看。

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps8.png)

图5-1 系统首页图

5.2前台功能实现

###  5.2.1 用户登录注册

游客在没有账号的情况下需要注册一个账号，然后进行登录。没有登录只能够查看花卉信息和花卉详细信息。

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps9.png)

图5-2 用户登录图

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps10.png)

图5-3 用户注册图

###  5.2.2 花卉详细信息浏览

在首页，用户或者游客可以点击花卉图片查看到花卉的详细信息，也可以在此界面选择购买的数量进行购买。

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps11.png)

图5-4 花卉详细信息图

### 5.2.3 立即购买

用户在此页面直接点击后就可以跳转到订单界面用户可以选择已经输入好的地址，选择完毕后用户可以选择支付方式，支付成功后，显示支付成功页面。游客点击立即购买后会要求先进行登录才能继续进行操作。

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps12.png)

图5-5 立即购买订单图

 

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps13.png)

图5-6 购买成功图

### 5.2.4 加入购物车

用户在详细页面中点击加入购物车中就会跳转到购物车页面中，用户可以返回主页面中再次进行选择，当选择结束后用户可以在此页面对订单进行操作，用户可以选择修改订单，或者删除订单，同时用户选择结算后会进入订单页面进行地址和支付方式的选择选择完毕后，用户支付成功后会显示支付成功的界面。

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps14.png) 

图5-7 购物车图

 

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps15.png)

图5-8 订单图

### 5.2.5 用户管理

用户在点击用户管理时可以跳转到用户信息界面，点击修改信息即可以进行修改。

 

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps16.png)

图5-9 个人信息图

 

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps17.png)

图5-10 个人信息修改图



 

### 5.2.6 地址管理

用户在点击地址管理后可以对已有的地址进行管理，用户可以通过三级联动进行地址的添加，同时用户可以点击现有的地址对现有的地址进行修改。

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps18.png)

图5-11 地址管理图

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps19.png)

图5-12 地址添加图

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps20.jpg)

图5-13 地址修改图

## 5.3后台功能实现

### 5.3.1 管理员登录

管理员在进入界面后只能够登录，登录后进入主界面。

 

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps21.png)

图5-14管理员登录图

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps22.jpg)

图5-15管理员主界面图

###  

### 5.3.2 管理员操作

管理员能够在此页面中，点击用户管理查看用户的详细信息，也能够点击商家管理查看商家的详细信息，同时也能够点击订单管理产看所有订单的详细信息。

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps23.png)

图5-16用户管理图

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps24.png)

图5-17商家管理图

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps25.png)

图5-18订单管理图



 

### 5.3.3 商家登录

商家进入页面后可以选择登录或者注册新商家，当输入的格式正确后，商家即可进入商家主界面当中。

 

 

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps26.png)

图5-19商家登录图

 

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps27.png)

图5-20商家注册图

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps28.jpg)

图5-21商家主界面图

### 5.3.4 商家花卉管理

当商家点击商品管理时，可以看到自己的所有花卉信息，同时商家可以通过上方的搜索框输入文字进行搜索，商家也可以点击添加按钮用于添加新品种的花卉，或者点击修改按钮对花卉的信息进行修改，也可以对现有的花卉进行删除操作。

 

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps29.jpg) 

图5-22花卉管理页面图

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps30.png)

图5-23花卉商品添加图

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps31.jpg)

图5-24花卉商品删除图

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps32.png)

图5-24花卉商品修改图



 

### 5.3.5 商家分类管理

当商家点击分类管理时，可以看到自己的所有的分类信息，同时商家可以通过上方的搜索框输入文字进行搜索，商家也可以点击添加按钮用于添加新的种类，或者点击修改按钮对种类的信息进行修改，也可以对现有的种类进行删除操作。

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps33.png)

图5-25分类页面图

 
![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps34.png)

图5-26种类增加图

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps35.png)

图5-27种类修改图

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps36.png)

图5-28种类删除图



 

### 5.3.6 商家支付方式管理

当商家点击支付管理时，可以看到自己的现存的可支付信息

![输入图片说明](%E5%9B%BE%E7%89%87%E5%92%8C%E8%A7%86%E9%A2%91/wps37.png)

图5-29支付方式页面图

演示画面

<video src="D:\毕业设计\202205132116.mp4"></video>