NodeJS电子商城系统-毕业设计源码67796

 

随着互联网的普及和电子商务的兴起,电子商城系统成为了现代商业领域中不可或缺的一部分。本论文旨在研究电子商城系统的设计与实现,并探讨其对商业运营和用户体验的影响。

本文介绍了一个MVVM模式进行开发,采用B/S模式,后端部分基于node.js的koa框架进行开发开发的电子商城系统。电子商城系统是一个在线购物平台,通过互联网连接商家和消费者,提供商品展示、购买、支付等功能。它具有24小时全天候开放、无地域限制、方便快捷等优势,使得用户可以随时随地进行购物。分析电子商城系统的架构设计。电子商城系统通常由前端界面、后台管理、数据库和支付系统等组成。通过合理的架构设计,可以实现系统的高效运行和良好的用户体验。同时,本论文还将探讨如何利用技术手段提升系统的安全性和稳定性,以保护用户的个人信息和交易安全。

本论文将总结电子商城系统的设计与实现,并展望其未来的发展趋势。随着技术的不断进步和用户需求的变化,电子商城系统将继续发展和创新,为商家和消费者带来更好的体验和价值。

关键词:电子商城系统;B/S模式;node.js的koa框架;


Abstract

With the popularization of the Internet and the rise of e-commerce, the e-commerce system has become an indispensable part of the modern business field. This paper aims to study the design and implementation of an e-commerce system, and explore its impact on commercial operations and user experience.

This article introduces an electronic mall system developed using MVVM mode, using B/S mode, and the backend part is based on the koa framework of node.js. The e-commerce system is an online shopping platform that connects merchants and consumers through the Internet, providing functions such as product display, purchase, and payment. It has advantages such as 24/7 availability, no geographical restrictions, and convenience, allowing users to shop anytime, anywhere. Analyze the architecture design of the electronic mall system. The e-commerce system usually consists of a front-end interface, back-end management, database, and payment system. Through reasonable architecture design, the efficient operation of the system and a good user experience can be achieved. Meanwhile, this paper will also explore how to use technological means to enhance the security and stability of the system, in order to protect the personal information and transaction security of users.

This paper will summarize the design and implementation of an e-commerce system, and look forward to its future development trends. With the continuous advancement of technology and changes in user needs, the electronic mall system will continue to develop and innovate, bringing better experiences and value to merchants and consumers.

Keywords: Electronic mall system; B/S mode; Koa framework for node.js;

  录

1 绪论

1.1 课题研究背景

1.2 研究现状

1.3 课题研究意义

1.4系统开发技术的特色

2 电子商城系统分析

2.1可行性分析

2.1.1技术可行性分析

2.1.2经济可行性分析

2.1.3操作可行性分析

2.2需求分析

2.3非功能性分析

2.3用例分析

2.4性能分析

3电子商城系统总体设计

3.1系统功能模块设计

3.3数据库设计

3.3.1 数据库E-R模型

3.3.2 数据库表设计

4 电子商城系统实现

4.1 用户端

4.1.1 用户注册界面

4.1.2 用户登录界面

4.1.3 搜索商品界面

4.1.4 我的订单详情界面

4.1.5 购物车界面

4.1.6个人中心界面

4.2 电子商城系统后台端

4.2.1 管理员登录界面

4.2.2 公共管理管理界面

4.2.3 用户管理界面

4.2.4 电子资讯管理界面

4.2.5商城管理界面

4.2.6订单信息界面

4.2.7订单配送界面

5 电子商城系统测试

5.1系统测试

5.2测试结果

总结与展望

参考文献

致谢

1 绪论

1.1 课题研究背景

电子商城系统作为一种在线购物平台,已经成为了现代商业领域中不可或缺的一部分。随着互联网的普及和移动设备的普遍使用,越来越多的消费者选择通过电子商城系统进行购物。同时,商家也意识到电子商城系统的潜力,通过建立自己的电子商城系统来扩大市场份额。

在过去的几年里,电子商城系统得到了快速发展。许多传统实体店铺转向线上销售,以适应消费者的购物习惯和需求变化。此外,电子商城系统还提供了更多的便利和选择,使得消费者可以随时随地进行购物,并享受个性化的推荐和优惠服务。

然而,随着电子商城系统的普及,也出现了一些问题和挑战。例如,安全性和信任度成为了消费者关注的重点,他们担心个人信息泄露和交易风险。同时,电子商城系统的性能和稳定性也面临着压力,特别是在高并发情况下,系统可能会出现延迟和崩溃的问题。

因此,研究电子商城系统的设计与实现,以及其对商业运营和用户体验的影响,具有重要的理论和实践意义。通过深入研究电子商城系统的技术和管理方面的问题,可以为商家提供指导和建议,帮助他们构建高效、安全、稳定的电子商城系统。同时,也可以为学术界提供关于电子商务领域的研究成果,推动该领域的发展和创新。

1.2 研究现状

随着时代的进步,互联网技术已经成为一种普遍接受的生活方式。它不单单改变了人们的日常生活,并且也能够为更多人多提供了方便快捷的服务。越来越多的人都喜欢使用互联网,并且这种方式已经深深地影响了他们的日常生活。互联网的优势无可限量,它的便捷性、快速性、高效率以及低廉的成本使其成为了一种理想的解决方案。因此,类似于电子商城系统,不仅可以让用户轻松获取信息,更可以极大地提升管理效率。

本文旨在探讨电子商城系统的运行机制,并通过对现有状况的深入分析,结合最新的计算机技术,构建出一套完善的、高效的电子商城系统。这个系统的核心特点是:它利用先进的计算机技术来实现,操作简单快捷;此外,它还提供了一个管理员界面,可以轻松查看和管理用户的所有信息。

随着科技的飞速发展,电子商城系统已成为一款极具吸引力的信息服务查询软件,它既简单易用,又能够满足用户的日常需求,同时也可以提供高效、便捷、实用的功能。作为中国最主流的智能技术开发平台,它将为用户提供更加优质的服务,让他们获得更好的体验。

1.3 课题研究意义

电子商城系统是指通过互联网平台进行商品交易和服务提供的系统。随着互联网的普及和电子商务的快速发展,电子商城系统在商业领域中扮演着重要的角色。本文旨在探讨电子商城系统的研究意义。

电子商城系统的研究对于推动经济发展具有重要意义。随着电子商务的兴起,传统的实体商店面临着巨大的竞争压力。电子商城系统的研究可以帮助企业更好地利用互联网平台,拓展市场,提高销售额,促进经济增长。其次,电子商城系统的研究对于改善消费者体验具有重要意义。电子商城系统可以为消费者提供便捷的购物方式,节省时间和精力。通过研究电子商城系统的设计和功能,我们可以提高用户界面的友好性,优化购物流程,提升消费者的满意度。电子商城系统的研究对于促进社会发展也具有重要意义。电子商城系统不仅可以为企业提供新的商业机会,还可以为个人创造就业机会。通过研究电子商城系统的运营模式和管理方法,我们可以为企业和个人提供更好的指导,促进社会经济的发展。

综上所述,电子商城系统的研究具有重要的意义。它不仅可以推动经济发展,改善消费者体验,还可以促进社会发展。因此,我们应该加强对电子商城系统的研究,提高其在商业领域中的应用水平。

1.4系统开发技术的特色

(1)电子商城系统系统中的web后台管理中的后端不再是使用以往的jsp+javabean+servlet技术,而是使用当前系统开发使用较多的NodeJS的Koa框架。

(2)基于NodeJS电子商城系统系统中的web后台管理中的前端使用的是bootstrap框架,它配合ajax和jquery可以美化页面设计。

(3)电子商城系统系统中数据库用的mysql5.7,它执行效率高。


2 电子商城系统分析

电子商城系统可在用户端实现首页、交流论坛、网站公告、电子资讯、电子商城、商城管理(我的购物车、我的订单、我的地址)个人中心(首页、订单配送、论坛管理、收藏)进行管理、有效掌握电子商城系统信息,充分了解用户的需求,更有针对性的服务用户。

2.1可行性分析

2.1.1技术可行性分析

电子商城系统存储所使用的mysql数据库以及开发中所使用的IDEA+Tomcat这些开发工具的使用,能够给我们的编写工作带来很多的便利。电子商城系统使用NodeJS的Koa框架进行开发,使系统的可扩展性和维护性更佳,减少NodeJS配置代码,简化编程代码,目前NodeJS的Koa框架也是很多企业选择的框架之一。

2.1.2经济可行性分析

在开发电子商城系统中所使用的开发软件像IDEA开发工具、Tomcat8.0服务器、MySQL5.7数据库、Photoshop图片处理软件等,这些软件都是开源免费使用的,并且电子商城系统是自己设计并编码实现的,数据库是所使用的是较为流行mysql进行数据的存储,开源的mysql等技术的使用,可以大大减少系统开发费用。

2.1.3操作可行性分析

在日常生活中,随着快速推广和使用,越来越多人掌握使用方法,电子商城系统在这种条件背景下是很容易被人们所接受和熟悉的,所以在操作上没任何问题。

2.2需求分析

电子商城系统中的web后台管理端采用了IntelliJ IDEA 2019.3.4 开发工具,配合了NodeJS开发语言中NodeJS的Koa开发框架以及tomcat8.0服务器、jdk1.8,端采用了开发者工具稳定版1.05.2111300,页面使用wxss和wxml进行布局,web后台管理端采用json接口通信。

用户端:

(1)用户注册:不是电子商城系统中的会员用户,可以在线注册成为真正的会员用户;

(2)用户登录:是电子商城系统中的会员用户,可以直接登录来使用电子商城系统;

(3)交流论坛:用户点击“交流论坛”菜单显示所有的交流论坛信息,可以按照分类查看帖子信息,或者输入关键词进行局部搜索,点击可以进入帖子的详细展示界面,在此界面用户可以点赞、收藏、评论,也可以点击“发布内容”输入帖子信息进行发帖。

(4)网站公告:用户点击“网站公告”菜单显示管理员在后台发布的所有的网站公告信息,可以查看网站公告详情。

(5)电子资讯:用户点击“电子资讯”菜单显示所有的电子资讯信息,可以按照条件进行电子资讯的筛选或者输入关键词进行局部搜索,点击可以进入电子资讯详细展示界面,在此界面用户可以收藏、点赞和评论。

(6)电子商城:用户可以点击搜索查看自己喜欢的电子产品,点击可以进入到电子产品的详细界面当中,在详情界面可以查看电子产品的各种参数,对喜欢的电子产品可以加购、立即购买、收藏、评论。

(7)购物车:用户对喜欢的电子可以加购,在购物车里面,可以查看到所有加购的商品,支持对商品数量的更改、删除商品,可以进行选择购买。

(8)我的订单:用户在提交订单后,可以对提交的订单进行管理。

(9)收货地址:点击“我的”中“我的地址”按钮的时候就会显示出自己的收货地址信息,支持对收货地址的增删改查操作。

(10)我的收藏:点击“我的”中“我的收藏”按钮的时候就会显示出自己收藏的各种信息了,支持对收藏信息的搜索查询,如果你想不再收藏某一信息,点击删除就可以了。

(11)个人管理:在个人管理界面对个人的基本资料以及登录的密码进行更新维护。

Web后台管理端:

  1. 公共管理:可以对电子商城系统中用户端的轮播图+网站公告信息进行上传和管理;
  2. 用户管理:可以对能操作电子商城系统中web后台管理的管理员信息进行创建和管理,同时也可以对系统中用户端注册的用户进行管控;
  3. 论坛管理:管理员点击“论坛管理”菜单可以对其下交流论坛和论坛的分类进行增删改查。
  4. 资讯管理:管理员点击“资讯管理”菜单能够对其下子菜单电子资讯和资讯的分类进行增删改查。

5)电子商城:点击“电子商城”可以查看到系统中的商品信息,如果想要添加新的商品,点击“添加”按钮,根据提示输入上商品信息,点击“提交”按钮,信息没有错误的话,添加就完成了,如果商品信息有误,可以对商品更新维护,也可以直接删除某一商品。

(6)分类列表:点击“分类列表”可以查看到系统中的商品分类信息,如果想要添加新的分类,点击“添加”按钮,根据提示输入上分类信息,点击“提交”按钮,信息没有错误的话,添加就完成了,如果分类信息有误,可以对分类更新维护,也可以直接删除某一分类。

(7)订单列表:点击“订单列表”可以查看到用户购买的我的商品订单,对提交的订单进行管理。

(8)订单配送:管理员可以管控系统客户端展示的订单配送进行详细的操作,用户可以查询订单配送;

2.3非功能性分析

电子商城系统的非功能性需求比如电子商城系统的安全性怎么样,可靠性怎么样,性能怎么样,可拓展性怎么样等。具体可以表示在如下2-1表格中:

2-1电子商城系统非功能需求表

安全性

主要指电子商城系统数据库的安装,数据库的使用和密码的设定必须合乎规范。

可靠性

可靠性是指电子商城系统能够安装用户的指示进行操作,经过测试,可靠性90%以上。

性能

性能是影响电子商城系统占据市场的必要条件,所以性能最好要佳才好。

可扩展性

比如数据库预留多个属性,比如接口的使用等确保了系统的非功能性需求。

易用性

用户只要跟着电子商城系统的页面展示内容进行操作,就可以了。

可维护性

电子商城系统开发的可维护性是非常重要的,经过测试,可维护性没有问题

2.3用例分析

电子商城系统的完整UML用例图分别是图2-1和图2-2。在参与者上包括管理员、普通用户。

   用户角色的用例包括用户首页、交流论坛、网站公告、电子资讯、电子商城、商城管理(我的购物车、我的订单、我的地址)个人中心(首页、订单配送、论坛管理、收藏)。

图2-1 电子商城系统用户角色用例图

管理员角色的首页、公共管理(轮播图、网站公告)用户管理(管理员、注册用户)论坛管理(交流论坛、论坛分类)资讯管理(电子资讯、资讯分类)商城管理(电子商城、分类列表、订单列表、订单配送)。

图2-2 电子商城系统管理员角色用例图

2.4性能分析

在当今的科技背景下,性能分析的管理已经从以往的依赖手动操作转变为采取更加先进的自动化技术,以及利用大量的智能化系统,实现自动化的系统集成,从而提高了系统的运维速度,减轻了工作人员的劳作力度,提高了系统的可靠性,从而更好地满足当下的社会发展的需求,同时也大大缩短了系统的运维周期,提高了系统的整体运维能力。通过利用先进的计算机科学与互联网,我们研制出一套具有弹性的用户端,以有效地降低运营成本,极大地改善客户的体验。

通过电子商城系统的开发,我们建立了一个独立的系统,采用最新的数据库技术,以满足用户的需求,实现用户角色和功能模块的完美结合,使得管理更加高效、精准,与传统的管理信息完全不同,这样一来,既可以节省资源,又能够大大提升业务处理的速度。这款产品拥有快速、高效、强大的功能。

3电子商城系统总体设计

在上一章节中分析了电子商城系统的功能性需求,并且根据需求分析了电子商城系统中的用例。那么接下来就要开始对电子商城系统架构、主要功能和数据库开始进行设计。

3.1系统功能模块设计

通过对电子商城系统的功能需求分析以及用例分析,得出了电子商城系统的功能模块图如图3-1所示。

图3-1电子商城系统功能模块图

3.3数据库设计

3.3.1 数据库E-R模型

下面是整个电子商城系统的数据库表的E-R实体关系图,如图3-2所示:

图3-2 电子商城系统E-R实体关系图

3.3.2 数据库表设计

在数据库表中我们会看到系统的表名、主键、外键等信息,我们通过数据库表的主键、外键把每个表关联起来,然后在界面中展示,本电子商城系统的主要的数据库表如下:

表collect (收藏)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

collect_id

int

10

0

N

Y

收藏ID:

2

user_id

int

10

0

N

N

0

收藏人ID:

3

source_table

varchar

255

0

Y

N

来源表:

4

source_field

varchar

255

0

Y

N

来源字段:

5

source_id

int

10

0

N

N

0

来源ID:

6

title

varchar

255

0

Y

N

标题:

7

img

varchar

255

0

Y

N

封面:

8

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

9

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表comment (评论)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

comment_id

int

10

0

N

Y

评论ID:

2

user_id

int

10

0

N

N

0

评论人ID:

3

reply_to_id

int

10

0

N

N

0

回复评论ID:空为0

4

content

longtext

2147483647

0

Y

N

内容:

5

nickname

varchar

255

0

Y

N

昵称:

6

avatar

varchar

255

0

Y

N

头像地址:[0,255]

7

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

9

source_table

varchar

255

0

Y

N

来源表:

10

source_field

varchar

255

0

Y

N

来源字段:

11

source_id

int

10

0

N

N

0

来源ID:

表electronic_mall (电子商城)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

electronic_mall_id

int

10

0

N

Y

电子商城ID

2

brand

varchar

64

0

Y

N

品牌

3

recommend

int

10

0

N

N

0

智能推荐

4

cart_title

varchar

125

0

Y

N

标题:[0,125]用于产品html的标签中

5

cart_img

text

65535

0

Y

N

封面图:用于显示于产品列表页

6

cart_description

varchar

255

0

Y

N

描述:[0,255]用于产品规格描述

7

cart_price_ago

double

8

2

N

N

0.00

原价:[1]

8

cart_price

double

8

2

N

N

0.00

卖价:[1]

9

cart_inventory

int

10

0

N

N

0

商品库存

10

cart_type

varchar

64

0

N

N

未分类

商品分类:

11

cart_content

longtext

2147483647

0

Y

N

正文:产品的主体内容

12

cart_img_1

text

65535

0

Y

N

主图1:

13

cart_img_2

text

65535

0

Y

N

主图2:

14

cart_img_3

text

65535

0

Y

N

主图3:

15

cart_img_4

text

65535

0

Y

N

主图4:

16

cart_img_5

text

65535

0

Y

N

主图5:

17

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

18

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表forum (论坛)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

forum_id

mediumint

8

0

N

Y

论坛id

2

display

smallint

5

0

N

N

100

排序

3

user_id

mediumint

8

0

N

N

0

用户ID

4

nickname

varchar

16

0

Y

N

昵称:[0,16]

5

praise_len

int

10

0

Y

N

0

点赞数

6

hits

int

10

0

N

N

0

访问数

7

title

varchar

125

0

N

N

标题

8

keywords

varchar

125

0

Y

N

关键词

9

description

varchar

255

0

Y

N

描述

10

url

varchar

255

0

Y

N

来源地址

11

tag

varchar

255

0

Y

N

标签

12

img

text

65535

0

Y

N

封面图

13

content

longtext

2147483647

0

Y

N

正文

14

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

15

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

16

avatar

varchar

255

0

Y

N

发帖人头像:

17

type

varchar

64

0

N

N

0

论坛分类:[0,1000]用来搜索指定类型的论坛帖

表forum_type (论坛分类)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

type_id

smallint

5

0

N

Y

分类ID:[0,10000]

2

name

varchar

16

0

N

N

分类名称:[2,16]

3

description

varchar

255

0

Y

N

描述:[0,255]描述该分类的作用

4

url

varchar

255

0

Y

N

外链地址:[0,255]如果该分类是跳转到其他网站的情况下,就在该URL上设置

5

father_id

smallint

5

0

N

N

0

上级分类ID:[0,32767]

6

icon

varchar

255

0

Y

N

分类图标:

7

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表goods (商品信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

goods_id

mediumint

8

0

N

Y

产品id:[0,8388607]

2

title

varchar

125

0

Y

N

标题:[0,125]用于产品和html的<title>标签中

3

img

text

65535

0

Y

N

封面图:用于显示于产品列表页

4

description

varchar

255

0

Y

N

描述:[0,255]用于产品规格描述

5

price_ago

double

8

2

N

N

0.00

原价:[1]

6

price

double

8

2

N

N

0.00

卖价:[1]

7

sales

int

10

0

N

N

0

销量:[0,1000000000]

8

inventory

int

10

0

N

N

0

商品库存

9

type

varchar

64

0

N

N

商品分类:

10

hits

int

10

0

N

N

0

点击量:[0,1000000000]访问这篇产品的人次

11

content

longtext

2147483647

0

Y

N

正文:产品的主体内容

12

img_1

text

65535

0

Y

N

主图1:

13

img_2

text

65535

0

Y

N

主图2:

14

img_3

text

65535

0

Y

N

主图3:

15

img_4

text

65535

0

Y

N

主图4:

16

img_5

text

65535

0

Y

N

主图5:

17

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

18

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

19

customize_field

text

65535

0

Y

N

自定义字段

20

source_table

varchar

255

0

Y

N

来源表:

21

source_field

varchar

255

0

Y

N

来源字段:

22

source_id

int

10

0

N

N

0

来源ID:

23

user_id

int

10

0

Y

N

0

添加人

表goods_type (商品类型)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

type_id

int

10

0

N

Y

商品分类ID:

2

father_id

smallint

5

0

N

N

0

上级分类ID:[0,32767]

3

name

varchar

255

0

Y

N

商品名称:

4

desc

varchar

255

0

Y

N

描述:

5

icon

varchar

255

0

Y

N

图标:

6

source_table

varchar

255

0

Y

N

来源表:

7

source_field

varchar

255

0

Y

N

来源字段:

8

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

9

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表hits (用户点击)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

hits_id

int

10

0

N

Y

点赞ID:

2

user_id

int

10

0

N

N

0

点赞人:

3

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

4

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

5

source_table

varchar

255

0

Y

N

来源表:

6

source_field

varchar

255

0

Y

N

来源字段:

7

source_id

int

10

0

N

N

0

来源ID:

表logistics_delivery (物流配送)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

logistics_delivery_id

int

10

0

N

Y

物流配送ID

2

order_number

varchar

64

0

Y

N

订单号

3

product_name

varchar

64

0

Y

N

商品名称

4

purchase_quantity

varchar

64

0

Y

N

购买数量

5

total_transaction_amount

double

11

2

Y

N

0.00

交易总额

6

the_date_of_issuance

date

10

0

Y

N

发货日期

7

delivery_number

varchar

30

0

Y

N

配送订单

8

ordinary_users

int

10

0

Y

N

0

普通用户

9

shipping_address

varchar

64

0

Y

N

收货地址

10

delivery_status

varchar

64

0

Y

N

配送状态

11

signing_status

varchar

64

0

Y

N

签收状态

12

recommend

int

10

0

N

N

0

智能推荐

13

contact_name

varchar

255

0

Y

N

联系人名字

14

merchant_id

int

10

0

Y

N

商家id

15

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

16

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表notice (公告)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

notice_id

mediumint

8

0

N

Y

公告id:

2

title

varchar

125

0

N

N

标题:

3

content

longtext

2147483647

0

Y

N

正文:

4

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

5

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表order (订单)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

order_id

int

10

0

N

Y

订单ID:

2

order_number

varchar

64

0

Y

N

订单号:

3

goods_id

mediumint

8

0

N

N

商品id:[0,8388607]

4

title

varchar

32

0

Y

N

商品标题:

5

img

varchar

255

0

Y

N

商品图片:

6

price

double

10

2

N

N

0.00

价格:

7

price_ago

double

10

2

N

N

0.00

原价:

8

num

int

10

0

N

N

1

数量:

9

price_count

double

8

2

N

N

0.00

总价:

10

norms

varchar

255

0

Y

N

规格:

11

type

varchar

64

0

N

N

未分类

商品分类:

12

contact_name

varchar

32

0

Y

N

联系人姓名:

13

contact_email

varchar

125

0

Y

N

联系人邮箱:

14

contact_phone

varchar

11

0

Y

N

联系人手机:

15

contact_address

varchar

255

0

Y

N

收件地址:

16

postal_code

varchar

9

0

Y

N

邮政编码:

17

user_id

int

10

0

N

N

0

买家ID:

18

merchant_id

mediumint

8

0

N

N

0

商家ID:

19

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

20

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

21

description

varchar

255

0

Y

N

描述:[0,255]用于产品规格描述

22

state

varchar

16

0

N

N

待付款

订单状态:待付款,待发货,待签收,已签收,待退款,已退款,已拒绝,已完成

23

remark

text

65535

0

Y

N

订单备注

24

delivery_state

varchar

16

0

Y

N

未配送

发货状态:未配送,已配送

表praise (点赞)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

praise_id

int

10

0

N

Y

点赞ID:

2

user_id

int

10

0

N

N

0

点赞人:

3

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

4

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

5

source_table

varchar

255

0

Y

N

来源表:

6

source_field

varchar

255

0

Y

N

来源字段:

7

source_id

int

10

0

N

N

0

来源ID:

8

status

bit

1

0

N

N

1

点赞状态:1为点赞,0已取消

表registered_users (注册用户)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

registered_users_id

int

10

0

N

Y

注册用户ID

2

name

varchar

64

0

Y

N

姓名

3

gender

varchar

64

0

Y

N

性别

4

examine_state

varchar

16

0

N

N

已通过

审核状态

5

recommend

int

10

0

N

N

0

智能推荐

6

user_id

int

10

0

N

N

0

用户ID

7

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表sensitive_vocabulary (敏感词汇)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

sensitive_vocabulary_id

int

10

0

N

Y

敏感词汇ID

2

sensitive_vocabulary

varchar

64

0

Y

N

敏感词汇

3

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

4

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

4 电子商城系统实现

电子商城系统划分了用户端和web后台管理员端,用户端实现首页、交流论坛、网站公告、电子资讯、电子商城、商城管理(我的购物车、我的订单、我的地址)个人中心(首页、订单配送、论坛管理、收藏)等功能,web端是为后台管理员提供查看首页、公共管理(轮播图、网站公告)用户管理(管理员、注册用户)论坛管理(交流论坛、论坛分类)资讯管理(电子资讯、资讯分类)商城管理(电子商城、分类列表、订单列表、订单配送)。

4.1 用户端

4.1.1 用户注册界面

不是电子商城系统的会员是可以通过用户端在线进行注册成为会员,填写上自己的账号+密码+重复密码+昵称+邮箱等信息后点击“提交”按钮后将平台会自动验证是否有非空数据,然后会验证密码和重复密码是否一样,最后验证账号的重复使用,如果验证都没问题后便可注册成功。注册实现了用户成为电子商城系统的会员,其用户注册界面展示如下图4-1所示。

图4-1用户注册界面图

4.1.2 用户登录界面

注册后的会员可以通过自己的用户名+个人密码进行登录,在用户填写好自己的用户名+密码信息然后点击“登录”按钮后,将会先检测是不是有非空数据,然后再验证填写的用户信息跟数据库中保存的是否一致,一致后将可以登录成功,登录成功后左上角上就能看到显示的用户信息;否则是会提示相对应的错误信息,用户登录界面如下图4-2所示。

图4-2用户登录界面图

输入有效的用户名和密码信息,点击“登录”按钮,自动跳转到“首页”页面,首页界面如下图4-3所示。

图4-3首页界面图

4.1.3 搜索商品界面

在搜索的输入框中输入自己想要查询的商品信息并点击后面的“搜索”按钮后将会根据模糊匹配的方式,去数据库中搜索最匹配的商品信息并显示出来。搜索商品界面如下图4-4所示。

图4-4搜索商品界面图

4.1.4 我的订单详情界面

按照指定的步骤,能够轻松访问每一个订单的详情页面,其中包含订单的编号+数量+商品的名称+商品的数量+商品的照片订单的最新状况,能够根据自己的需要,轻松完成订单的处理,具体的功能请参见图4-5所示。

图4-5我的订单界面图

4.1.5 购物车界面

用户对喜欢的电子可以加购,在购物车里面,可以查看到所有加购的商品,支持对商品数量的更改、删除商品,可以进行选择购买,购物车信息界面如下图4-6所示。

    

图4-6购物车界面图

4.1.6个人中心界面

从电子商城系统端右上角的“个人中心”菜单进入后选择“个人中心”后可以查看到首页、订单配送、论坛管理、收藏信息,还可以查看自己的信息以及修改个人的信息,界面如下图4-7所示。

图4-7个人中心界面图

4.2 电子商城系统后台端

4.2.1 管理员登录界面

通过访问浏览器,管理者需要先在后端输入账号,然后在“登录”页面上查看身份信息,并ACK该账号与系统内的信息完全匹配。若通过了这些步骤,就能够完整地访问系统,并获得最终的登陆结果,详见图4-8。

图4-8管理员登录界面图

4.2.2 公共管理管理界面

管理员点击后台左边的“公共管理”菜单后,将可以维护和管理电子商城系统中的管理员轮播图+网站公告,公共管理界面如下图4-9所示。

图4-9公共管理界面图

4.2.3 用户管理界面

通过“用户管理”菜单,管理员可以有效地维护和管理电子商城系统上的用户信息,并且可以对违反规定的用户进行删除操作,同时也可以通过管理员的编辑,使得该系统的功能更加完善,详情请参见4-10。

图4-10用户管理界面图

4.2.4 电子资讯管理界面

点击“电子资讯”可以查看到系统中的电子资讯信息,如果想要添加新的电子资讯,点击“添加”按钮,根据提示输入上电子资讯信息,点击“提交”按钮,信息没有错误的话,添加就完成了,如果电子资讯信息有误,可以对电子资讯更新维护,也可以直接删除某一电子资讯,还可以对前台用户提交的电子资讯评论信息进行回复管理,界面如下图4-11所示

图4-11电子资讯管理界面图

4.2.5商城管理界面

点击“商城管理”可以查看到系统中的电子商城+分类列表+订单列表+订单配送,如果想要添加新的商品,点击“添加”按钮,根据提示输入上商品信息,点击“提交”按钮,信息没有错误的话,添加就完成了,如果商品信息有误,可以对商品更新维护,也可以直接删除某一商品,电子商城界面如下图4-12所示。

图4-12电子商城界面图

4.2.6订单信息界面

管理员点击后台左边的“订单列表”菜单后将可以查看到所有用户提交的订单信息记录,订单信息界面如下图4-13所示。

图4-13订单信息界面图

4.2.7订单配送界面

管理员点击后台左边的“订单配送”菜单后将可以查看到所有订单配送记录,订单配送界面如下图4-14所示。

图4-14订单配送界面图

5 电子商城系统测试

电子商城系统测试是为了检验软件是否达到设计要求,是否存在错误,通过测试的方法来检查电子商城系统,以便发现电子商城系统中的错误。测试工作是保证电子商城系统质量的关键。

5.1系统测试

电子商城系统用户登录功能测试:

表5-1 电子商城系统用户登录功能测试表

用例名称

用户登录电子商城系统系

目的

测试用户通过注册成功的用户名和密码可否登录功能

前提

在未登录的情况下

测试流程

1) 进入电子商城系统登录页面

2) 输入正确的用户名和密码

预期结果

用户名和密码正确的时候,跳转到登录成功界面,反之则显示错误信息,提示重新输入

实际结果

实际结果与预期结果一致

电子商城系统管理员登录功能测试:

表5-2 电子商城系统管理员登录功能测试表

用例名称

管理员登录到电子商城系统

目的

测试管理员通过用户名和密码可否登录功能

前提

未登录的情况下

测试流程

1) 进入电子商城系统登录页面

2) 输入正确的用户名和密码

预期结果

用户名和密码正确的时候,跳转到登录成功界面,反之则显示错误信息,提示重新输入

实际结果

实际结果与预期结果一致

商品信息查看的功能测试:

表5-3 商品信息查看功能测试表

用例名称

商品信息查看

目的

测试商品信息查看功能

前提

用户登录

测试流程

点击商品信息列表

预期结果

可以查看到所有商品信息

实际结果

实际结果与预期结果一致

web后台端上管理员发布公告信息功能测试:

管理员添加公告信息界面测试:

表5-4管理员添加公告信息界面测试表

用例名称

公告信息发布测试用例

目的

测试公告信息发布功能

前提

管理员用户正常登录情况下

测试流程

1)管理员点击公告信息管理,然后点击添加后并填写信息。

2)点击进行提交。

预期结果

提交以后,页面首页会显示新的公告信息 

实际结果

实际结果与预期结果一致

商品订单搜索功能测试:

表5-5商品订单搜索功能测试表

用例名称

商品订单搜索测试

目的

测试商品订单搜索功能

前提

用户正常登录情况

测试流程

1)在搜索框填入搜索关键字。

2)点击搜索按钮。

预期结果

页面显示包含有搜索关键字的商品订单

实际结果

实际结果与预期结果一致

订单配送搜索功能测试:

表5-6订单配送搜索功能测试表

用例名称

订单配送搜索测试

目的

测试订单配送搜索功能

前提

用户正常登录情况

测试流程

1)在搜索框填入搜索关键字。

2)点击搜索按钮。

预期结果

页面显示包含有搜索关键字的订单配送

实际结果

实际结果与预期结果一致

5.2测试结果

通过编写了电子商城系统的测试用例,已经检测完毕了5.1章节中的6大模块,它为电子商城系统系统的后期推广运营提供了强力的技术支撑。

总结与展望

经过对NodeJS电子商城系统的设计与实现的研究,我们得出以下结论:

功能方面:通过功能模块图区分用户端和管理端的功能权限,能够确保系统的安全性和用户体验。

数据库方面:选择使用口碑较好的mysql作为数据存储工具,利用开源的mysql等技术降低系统开发成本,并提供稳定的服务。通过数据库表的E-R实体关系图建立表单之间的连接,进一步完善数据库内容。

测试方面:通过测试用例检查系统的设计缺陷和程序错误,在系统测试阶段解决了一些问题。然而,仍需要持续修改和测试以实现项目的稳定运行。

页面美化方面:尽管系统功能达到了预期效果,但页面美化方面存在一些不足,如图标过于简洁,wxss页面的渲染布局不够完善。这需要进一步改进以提升用户体验。

电子商城系统的重要性:随着电子商城系统用户的增加,它成为电子商城系统正规化建设的基础性工程,并为电子商城系统的新发展提供借鉴。然而,电子商城系统中的揽件信息种类繁多、信息量大,需要进一步优化和研究,以开发出更高效的系统。


参考文献

[1]郑俊虹,汪香君,张俊铉.基于移动互联网技术的实验室资产管理系统[J].计算机时代,2023(03):93-96.

[2]姚丽娟,罗宏伟,丑晨,杨成兴.智慧网站导航系统研究[J].网络安全技术与应用,2023(03):48-50.

[3]顾煜新,蒋鸿溧,李妍.乐校吧设计开发与实现[J].丝网印刷,2023(05):67-70.

[4]雷少玲.学习平台设计案例分析[J].集成电路应用,2023,40(03):164-165.

[5]姜丽希,厉旭杰,濮济.数字社区管理系统[J].信息技术与信息化,2023(02):89-92.

[6]丰溢云,刘苑,代明阳,高子妍,陈安雅.网站服务平台[J].电脑编程技巧与维护,2023(02):63-65+169.DOI:10.16184/j.cnki.comprg.2023.02.003.

[7]Pratap Singh Surya,Singh Jagbir,Pal Anuj. Application on Soil Bearing Capacity by Using SPT Values[J]. IOP Conference Series: Earth and Environmental Science,2023,1110(1).

[8]Maruti Endang Sri,Yulianto Bambang,Suhartono Suhartono,Yohanes Budinuryanta,Cahyono Bambang Eko Hari. Scale development as a measuring tool of critical Javanese language’ awareness for pre-service Javanese teachers[J]. Cogent Arts & Humanities,2022,9(1).

[9]Liu Yanyan,Li Danyu,Ruan Haishan,Hu Yun,Shen Nanping. Development and usability test of a symptom management WeChat Mini Program for parents of children with cancer[J]. Asia-Pacific Journal of Oncology Nursing,2022,9(12).

[10]Minghui Wang,Yanyan Chen. School Hospital Management System Based on WeChat Platform[J]. Information and Knowledge Management,2022,3(2).

[11]Li Guangmin,Chen Wenjing,Yan Xiaowei,Wang Li. Modeling and Analysis of Group User Portrait through WeChat Mini Program[J]. Wireless Communications and Mobile Computing,2022,2022.

[12]张倩,李旭英,林华焜等.基于Vue.js+Koa框架的APP平台设计与实现——以酒类文化交流与电子商务为例[J].现代信息科技,2021,5(07):63-66+70.DOI:10.19850/j.cnki.2096-4706.2021.07.016.

[13]张贵强,王美玲.基于NodeJS的企业网站的设计与实现[J].信息技术与信息化,2019(12):58-60.

[14]何芳. 基于HTML5和Node.js技术的农产品销售平台设计[D].中南林业科技大学,2019.DOI:10.27662/d.cnki.gznlc.2019.000054.

[15]徐浪. 基于Node.js的Web应用框架研究与实现[D].安徽工业大学,2019.DOI:10.27790/d.cnki.gahgy.2019.000001.

致谢

非常感谢您的阅读和支持。在完成论文的过程中,我得到了许多人的帮助和支持。首先,我要感谢我的父母,他们一直以来对我无私的支持和理解,使我能够专注于学习,并给予我前进的动力。其次,我要感谢我的导师,他们给予我宝贵的建议和指导,使我能够有条理地完成论文的撰写和研究工作。他们时刻关注我的进展,并提供及时的帮助和鼓励。此外,我还要感谢我的同学们,他们在我遇到问题时给予了我热心的帮助和解答,为我提供了许多启发和思路。他们的支持和合作使我能够更好地完成我的研究工作。

在过去的两年中,我通过深入学习和不断努力,取得了一定的成果。然而,我也意识到自己还有很多需要提升的地方。因此,我将继续努力学习和进步,成为一个更优秀的人。

最后,我想向那些给予我支持和鼓励的教授、朋友和家人表示衷心的感谢和敬意。没有你们的支持,我无法完成这篇论文。谢谢大家!

免费领取项目源码,请关注❥点赞收藏并私信博主,谢谢~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值