ssm+vue684基于WEB技术的在线商品交易平台的设计

博主介绍:专注于Java(springboot ssm 等开发框架) vue  .net  php phython node.js    uniapp 微信小程序 等诸多技术领域和毕业项目实战、企业信息化系统建设,从业十五余年开发设计教学工作
☆☆☆ 精彩专栏推荐订阅☆☆☆☆☆不然下次找不到哟
我的博客空间发布了1500+毕设题目 方便大家学习使用
感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人
更多项目地址 介绍  翰文编程CSDN博客 翰文编程-CSDN博客
文末下方有源码获取地址

ssm+vue684基于WEB技术的在线商品交易平台

4.1系统功能设计

本系统基于 WEB 技术 开发,使用 Java 语言实现系统功能,通过 MySQL 数据库进行数据管理,采用 AJAX 技术设计简洁且友好的网页界面。开发过程在 IDEA 平台中编写相关的 Java 代码,并通过连接技术完成与数据库的搭建工作,最终借助平台提供的 Tomcat 插件实现信息交互。用户可通过浏览器访问系统网址进行操作。本系统分为 用户管理员 两种角色,其中用户可进行注册、查看信息、留言等操作,而管理员则具有修改用户信息和发布新闻等管理权限。该平台为在线商品交易提供了高效、便捷的功能支持。系统总体功能设计图如图4-1所示。

图4-1系统总体功能设计图

4.2数据库设计

4.2.1概念设计

在数据库设计过程中,概念设计阶段是实现逻辑设计的基础,它将用户需求转化为抽象的信息结构,确保数据库设计能够真实反映现实世界中实体之间的关系。通过概念设计,使用 E-R 图(实体-联系图)将现实世界中的实体、属性和关系抽象成数据模型,为后续的数据库设计提供清晰的框架。E-R 图能够直观地显示实体之间的关系和数据流动,帮助开发人员更好地理解和实现用户需求。本系统的主要实体包括管理员、用户和留言等,在 E-R 图 中,矩形表示实体集,椭圆表示属性,菱形表示联系,从而为后续的数据库设计和实现提供了关键依据。其中,联系的类型包括1:1(一对一)、1:n(一对多)、n:m(多对多)关系。系统的各实体E-R图设计如图4-2、图4-3、图4-4、图4-5、图4-6、图4-7、图4-8、图4-9、图4-10、图4-11所示,总体E-R图设计如图4-12所示。

图4-2收货地址信息E-R图

图4-3购物车信息E-R图

图4-4字典信息E-R图

图4-5公告信息E-R图

图4-6商品信息E-R图

图4-7商品收藏信息E-R图

图4-8商品评价信息E-R图

图4-9商品订单信息E-R图

图4-10用户信息E-R图

图4-11管理员信息E-R图

图4-12系统的总体E-R图

4.2.2逻辑设计

本系统使用MySQL数据库管理与系统相关的数据信息。逻辑设计阶段是将上一个阶段中的概念数据模型,转换为方便数据库进行存储的关系模型,即基本表的形式,方便开发人员后期对数据模型进行优化和管理[20]。逻辑设计阶段是整个数据库设计设计的关键,与系统有关的信息将会在这一阶段中被存储在数据库中,当用户使用本系统进行相关的功能操作时,与之有关的数据信息所在的基本表会发生相应的更新变化。数据库的逻辑设计阶段主要任务是将与系统相关的数据信息,设计成为方便数据库存储和管理的基本表格的形式,具体内容如下。

表4-1收货地址表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

2

yonghu_id

Integer

创建用户

3

address_name

String

收货人

4

address_phone

String

电话

5

address_dizhi

String

地址

6

isdefault_types

Integer

是否默认地址

7

insert_time

Date

添加时间

8

update_time

Date

修改时间

9

create_time

Date

创建时间

表4-2购物车表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

2

yonghu_id

Integer

所属用户

3

shangpin_id

Integer

商品

4

buy_number

Integer

购买数量

5

create_time

Date

添加时间

6

update_time

Date

更新时间

7

insert_time

Date

创建时间

表4-3字典表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

2

dic_code

String

字段

3

dic_name

String

字段名

4

code_index

Integer

编码

5

index_name

String

编码名字

6

super_id

Integer

父字段编号

7

beizhu

String

备注

8

create_time

Date

创建时间

表4-4公告表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

2

gonggao_name

String

公告名称

3

gonggao_photo

String

公告图片

4

gonggao_types

Integer

公告类型

5

insert_time

Date

公告发布时间

6

gonggao_content

String

公告详情

7

create_time

Date

创建时间

表4-5商品表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

2

shangpin_uuid_number

String

商品编号

3

shangpin_name

String

商品名称

4

shangpin_photo

String

商品照片

5

shangpin_types

Integer

商品类型

6

shangpin_kucun_number

Integer

商品库存

7

shangpin_old_money

BigDecimal

商品原价

8

shangpin_new_

money

BigDecimal

现价

9

shangpin_clicknum

Integer

点击次数

10

shangpin_content

String

商品介绍

11

shangxia_types

Integer

是否上架

12

shangpin_delete

Integer

逻辑删除

13

create_time

Date

创建时间

表4-6商品收藏表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

2

shangpin_id

Integer

商品

3

yonghu_id

Integer

用户

4

shangpin_collection_types

Integer

类型

5

insert_time

Date

收藏时间

6

create_time

Date

创建时间

表4-7商品评价表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

2

shangpin_id

Integer

商品

3

yonghu_id

Integer

用户

4

shangpin_commentback_text

String

评价内容

5

insert_time

Date

评价时间

6

reply_text

String

回复内容

7

update_time

Date

回复时间

8

create_time

Date

创建时间

表4-8商品订单表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

2

shangpin_order_uuid_number

String

订单号

3

address_id

Integer

收货地址

4

shangpin_id

Integer

商品

5

yonghu_id

Integer

用户

6

buy_number

Integer

购买数量

7

shangpin_order_true_price

BigDecimal

实付价格

8

shangpin_order_courier_name

String

快递公司

9

shangpin_order_courier_number

String

订单快递单号

10

shangpin_order_types

Integer

订单类型

11

shangpin_order_payment_types

Integer

支付类型

12

insert_time

Date

订单创建时间

13

create_time

Date

创建时间

表4-9用户表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

2

yonghu_name

String

用户姓名

3

yonghu_phone

String

用户手机号

4

yonghu_id_number

String

用户身份证号

5

yonghu_photo

String

用户头像

6

yonghu_email

String

电子邮箱

7

new_money

BigDecimal

余额

8

create_time

Date

创建时间

表4-10管理员表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

2

username

String

用户名

3

password

String

密码

4

role

String

角色

5

addtime

Date

新增时间

4.3本章小结

本章介绍了系统功能设计和数据库设计的关键内容。通过构建系统的总体功能框架,确定了包括商品模块在内的核心功能设计。数据库设计分为概念设计和逻辑设计两个阶段,概念设计将现实世界中的数据转化为信息世界中的抽象模型,逻辑设计则将该模型转化为数据库可存储的数据表格。系统功能设计的质量直接影响系统的编码实现,而数据库设计是否符合规范则是确保系统成功运行的基础,确保用户与系统能够顺利进行交互。本系统基于WEB技术和Vue框架实现,提供了高效的在线商品交易平台设计。

5系统实现

5.1管理员功能模块实现

5.1.1管理员登录

管理员可以选择任一浏览器打开网址,输入信息无误后,以管理员的身份行使相关的管理权限,管理员登录界面设计如图5-1所示。

图5-1管理员登录界面

5.1.2个人中心

个人中心模块设计的主要目的是方便管理员对密码等个人信息进行管理,用户可以根据自己的实际需求,选择每隔一段时间,更新个人账户的用户名和密码,修改密码界面设计如图5-2所示,个人信息界面如图5-3所示。

图5-2修改密码界面

图5-3个人信息界面

5.1.3用户管理

管理员可以通过选择用户管理,管理相关的用户信息记录,比如进行查看用户的联系电话、手机号、身份证等信息,修改用户的真实姓名,用户管理界面设计如图5-4所示

图5-4用户管理界面

5.1.4商品管理

管理员可以通过选择商品管理,管理相关的商品信息记录,比如进行查看商品信息标题,修改商品信息来源等操作,商品管理界面设计如图5-5所示。

图5-5商品管理界面

5.1.5公告管理

管理员可以通过选择公告管理,管理相关的公告信息记录,比如进行查看公告详情,删除错误的公告信息,发布公告等操作,公告管理界面如图5-6所示。

图5-6公告管理界面

5.1.6公告类型管理

管理员可以通过选择公告类型管理,管理相关的公告类型信息,比如查看所有公告类型,删除无用公告类型,修改公告类型,添加公告类型等操作,公告类型管理界面设计如图5-7所示。

图5-7公告类型管理界面

5.1.7商品类型管理

管理员可以通过选择商品类型管理,管理相关的商品类型信息,比如查看所有商品类型,删除无用商品类型,修改商品类型,添加商品类型等操作,商品类型管理界面设计如图5-8所示。

图5-8公告类型管理界面

5.1.8商品评价管理

管理员可以通过选择商品评价管理,管理相关的商品评价信息,比如查看所有商品评价,删除无用商品评价,修改商品评价,添加商品评价等操作,商品评价管理界面设计如图5-9所示。

图5-9商品评价管理界面

5.1.9商品收藏管理

管理员可以通过选择商品收藏管理,管理相关的商品收藏信息,比如查看所有商品收藏,删除无用商品收藏,修改商品收藏,添加商品收藏等操作,商品收藏管理界面设计如图5-10所示。

图5-10商品收藏管理界面


大家点赞、收藏、关注、评论啦  其他的定制服务  下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作者

猜你喜欢

转载自blog.csdn.net/qq_41221322/article/details/143562760