2 相关技术介绍

2.1 Python语言

Python是一种高级的程序设计语言，语言简洁、易读、效率高，适用于快速开发和迭代。开发选用Django开发框架，提供功能强大、安全保障的开发。

2.2 Django框架技术

Django是受用户欢迎的PythonWeb应用框架，它提供了强大的工具和特性快速有效地构建可扩展、高效的Web应用。Django设计的目标是让用户聚焦于应用的逻辑而不是低层技术比如图2-1中的Django框架图：

图2-1 Django框架示意图

2.3 Vue技术

2.3.1 Vue框架

Vue是一个声明式的渐进式JavaScript框架，适合构建用户界面，对高性能的应用具有强大效率，也符合现代Web应用的开发框架。

2.3.2 Ant-Design-Vue组件

AntDesignVue为AntDesign的Vue版本，提供了大量丰富的用户界面组件，统一的设计风格，希望可以为开发者提供美观方便的界面、提升开发效率、增加设计优雅性。

2.3 Node技术

Node.JavaScript是基于Chrome的V8引擎实现运行时环境，允许JavaScript代码运行在服务端，通过事件驱动以及非阻塞I/O模型实现处理海量并行请求时的高效率，Node.js实现了通过JavaScript编写服务器端脚本，能实现前后台的统一化，简化了应用的开发与维护.

2.4 MySQL数据库

MySQL 是一种开放源代码的关系数据库，性能卓越且可靠性强，能够高效地管理多种信息。

3 系统设计

3.1 总体功能设计

3.1.1 功能设计

对商品销售网站功能设计，分为后台和前台部分进行设计，满足不同人员用户需求和进行使用。后台系统由管理员登录进入后，实现系统内各项管理功能的便捷实现，其管理的功能包括商品管理，实现对系统内商品管理功能，方便管理员录入、修改、查询系统的各类商品信息，包括名称、类别、备注等，方便管理。类型的管理，允许对系统内商品分类的管理。功能模块如图3-1所示。

图3-1 功能模块图

3.2 数据库设计

3.2.1 数据库物理设计

在网上免税商品销售网站中，数据库的物理设计包括多个表格，每个表格用于存储特定类型的信息，并定义它们之间的关系。

2. 关系设计

用户-商品：用户可以购买多件商品，而每件商品也可以被多个用户所下单购买，因而需要关联表用户-商品来记录用户的商品购买关系。这将会实现让系统跟踪哪一个用户购买了哪一件商品。

商品-分类：每个商品只能属于一个分类，而一个分类可以包含多个商品，由此商品表中的分类字段将参考分类表的唯一标识id字段。

用户与评论的关系：每个评论都与一位用户和一种商品相关联，通过用户ID和商品ID可以追溯到具体的评论来源。

用户与日志的关系：日志记录用户的操作行为，每条日志将引用相应用户的ID，以便了解用户在系统中的活动。

用户与通知的关系：每条通知都关联到一个用户，记录用户所需了解的重要信息。

3.2.2 数据库逻辑设计

根据物理设计，画出E-R 图（实体-关系图）。

3.2.3 数据库逻辑设计

本系统共设计了用户信息表、分类表、商品表、登录日志表、操作日志表、评论表、订单表、意见反馈表、访问记录表、广告表。物理设计表结构如下表3-1至3-10所示：

表3-1用户信息表

列名	字段类型	长度	是否为空
id	bigint	20	NO
username	varchar	50	YES
password	varchar	50	YES
role	varchar	2	YES
status	varchar	1	NO
nickname	varchar	20	YES

表3-2分类表

列名	字段类型	长度	是否为空
id	bigint		NO
title	varchar	100	YES
create_time	varchar	30	NO

表3-3商品表

列名	字段类型	长度	是否为空
id	bigint	20	NO
title	varchar	100	YES
cover	varchar	100	YES
description	longtext	1024	YES
price	varchar	50	YES
status	varchar	1	NO
create_time	varchar	30	YES
pv	int		YES
recommend_count	int		YES
wish_count	int		YES
collect_count	int		YES

表3-4评论表

列名	字段类型	长度	是否为空
id	bigint		NO
content	varchar	200	YES
comment_time	varchar	30	YES
like_count	int		NO
user_id	bigint		YES
thing_id	bigint		YES

表3-5订单表

列名	字段类型	长度	是否为空
id	bigint		NO
status	varchar	2	YES
order_time	varchar	30	YES
gwc	varchar	100	YES
amount	varchar	100
user_id	bigint		YES
order_number	varchar	13	YES
receiver_address	varchar	50	YES
receiver_name	varchar	20	YES
receiver_phone	varchar	20	YES
remark	varchar	30	YES

表3-6消息表

列名	字段类型	长度	是否为空
id	bigint		NO
title	varchar	100	YES
content	varchar	1000	YES
create_time	varchar	30	YES

表3-7登录日志表

列名	字段类型	长度	是否为空
id	bigint		NO
username	varchar	50	YES
ip	varchar	100	YES
ua	varchar	255	YES
log_time	varchar	200	YES

表3-8操作日志表

列名	字段类型	长度	是否为空
id	bigint		NO
re_ip	varchar	100	YES
re_time	varchar	30	YES
re_ua	varchar	255	YES
re_url	varchar	200	YES
re_method	varchar	10	YES
re_content	varchar	200	YES

表3-9浏览记录表

列名	字段类型	长度	是否为空
id	bigint		NO
thing_id	int	20	YES
score	int	11	YES
ip	varchar	100	YES

表3-10广告表

列名	字段类型	长度	是否为空
id	bigint		NO
image	varchar	100	YES
link	varchar	500	YES
create_time	varchar	100	YES
id	bigint		NO
image	varchar	100	YES
link	varchar	500	YES
create_time	varchar	100	YES
id	bigint		NO
image	varchar	100	YES
link	varchar	500	YES

3.3 前端功能实现

3.3.1 登录注册功能

采用前后台分离的设计模式，登录注册界面前端部分使用Vue3+AntDesign，后端部分使用DjangoRESTframework构建webAPI。登录注册实现页面如下图3-2所示。

图3-2 登录注册实现界面

3.3.2 商品列表信息界面

后端后端：通过前端前端与后端之间的响应，实现了商品类相关的全部电商核心交互操作：（1）商品详细信息（detail.vue）在前端由Vue3+AntDesign构成，由detailApi请求返回商品相关数据，动态展示图片、商品名称、价格等，其中评论（comments）和介绍（description）页用组件a-tabs来呈现（图3-3表示商品列表信息页面。

图3-3商品列表信息界面图

3.3.3 智能推荐实现

商品推荐功能是利用用户协同过滤算法，主要过程用Python类UserCF.py实现，是通过皮尔逊系数计算用户间的相似程度。其过程完成商品导购的无缝衔接与用户个性化推荐。

图3-4 商品推荐功能图

3.3.4 用户中心

用户中心实现对用户的个人资料管理与信息查看，用户可以对基本资料进行修改、对邮箱推送进行设置和查看消息通知。用户中心界面如图3-5。

图3-5 用户中心界面实现

3.3.5 我的订单实现

我的订单能够查询用户购买的免税商品的所有信息，包含基本的商品信息和商品的订单状态，而且可以对已下单商品进行管理记录，让用户时刻掌握与商品互动状态。我的订单界面如图3-6所示。

图3-6 我的订单功能实现

3.3.6 模糊搜索实现

模糊查询搜索是在搜索框中输入关键词搜索商品的过程，模糊搜索搜索系统能够迅速搜索并显示出满足条件的商品，用户直接在搜索栏内输入对应关键字，在很短的时间内就会显示出关键字相对应的结果，极大的提高了商品搜索的简易性，快捷性。

3.3.7 登录注册功能

评价模块是指在商品详情页下面发布商品评价，对购买的的商品发表意见和介绍自己购买的感受体验。用户能够对商品进行评价，从而方便其他消费者对商品进行选择。商品评价如图3-7所示。

图3-7 商品评论页面

3.4 后端功能实现

3.4.1 商品管理

商品管理模块中管理商品基础信息，包括商品名、分类、价格、等信息，通过商品管理模块管理员可以使得商品信息准确，及时更新，从而使用户可以在前台获取最新的商品信息资料。商品管理模块如图3-8所示。

图3-8  商品管理界面图

3.4.2 商品类别管理

其中的商品类型管理功能，管理员可以管理整个系统中的商品类型信息，包括增加类型，修改类型和删除类型。商品类别管理如图3-9所示。

图3-9  商品类别管理界面图

3.4.3 评论管理

评论管理模块主要对网站用户评论进行集中查看管理与审核删除处理，以保证社区和谐安全。评论管理界面如图3-10所示。

图3-10  评论管理界面图

3.4.4 订单管理

订单管理模块可以对网站的订单进行管理并浏览，其中包括对订单的审核记录及针对订单商品的跟踪，针对商品整个订单过程进行有效管理。订单管理界面如图3-11。

图3-11  订单管理界面图

3.4.5 用户管理

用户管理功能对网站用户的信息管理包括用户新增、编辑、删除用户账户等，可查看用户的注册、活动情况及订单申请情况，保证用户信息准确和安全，网站能够给用户提供更个性化的服务，用户管理界面如图3-12所示。

图3-12  用户管理界面图

3.4.6 统计分析

数据统计分析模块是通过对商品销售数据与用户参与数据进行统计分析，让管理员掌握整个系统的运行情况，可以对系统进行相关数据的报表统计分析，比如商品销售情况、用户参与程度以及网站浏览量等指标，从而帮助管理员能够根据系统的实际情况进行相关运营计划的制定和资源的完善。数据统计分析如图3-13。

图3-13  商品信息统计可视化界面图

3.4.7 消息管理

信息管理可以由管理员在网站上发布信息，及时向网站内的全部用户发布信息。在消息管理模块中，不仅仅可以进行信息发布，也能对消息状态进行管理（如已阅、未阅）。消息管理模块界面如图3-14。

图3-14  消息管理界面图

3.4.8 系统信息

系统信息模块能查看系统的各项基本信息，包括系统名称、服务器状况、内存用量、CPU负载率以及软件版本等。管理员可通过查看系统的各项基本性能，确认系统状态，保证网站处于正常的状态。系统信息管理的界面如图3-15所示。

图3-15  系统信息管理界面图

4 系统测试

4.1功能测试

（1）后台功能测试用例，如表4-1所示。

表4-1后台功能测试用例

模块名称	测试内容	并发数	状态	平均耗时(秒)
登录首页	1）管理员登录到后台首页	100	正常	0.218
	2）前端并发刷新后台首页
商品管理	1）新增一条商品信息	120	正常	0.303
	2）删除一条商品信息
用户管理列表	1）查看用户列表	100	正常	0.582
	2）新增一个用户
	3）删除一个用户
	4）查询用户关键词
日志管理	1）刷新操作日志列表	100	正常	0.877
	2）刷新错误日志列表
	1）刷新登录日志列表
分类管理	1）新增一个分类	100	正常	0.697
	2）刷新分类列表
	3）删除一个分类
	4）更新一个分类
评论管理	1）刷新评论列表	100	正常	0.605
	2）删除一条评论
总览	1）刷新总览页面	100	正常	0.572
订单管理	1）刷新订单列表	100	正常	0.339

（2）前台功能测试用例，如表4-2所示。

表4-2前台功能测试用例

模块名称	测试内容	并发数	状态	平均耗时(秒)
登录	1）用户登录到前台首页	100	正常	0.594
	2）并发刷新前台首页
注册	1）填写信息注册账号	100	正常	0.382
搜索	1）顶部输入内容并Enter	100	正常	0.227
	2）顶部留空并Enter
	3）刷新搜索页面
首页	1）刷新首页	100	正常	0.677
	2）点击一个分类查看结果
	3）点击一个标签查看结果
	4）点击一个单项跳转详情
详情页	1）多次刷新详情页	100	正常	0.653
	2）点击收藏
	3）点击添加转发
	4）点击评论按钮并刷新
	5）发送一条评论
	6）评论点击最新或最热
	7）点击喜欢一条评论按钮
我的订单	1）刷新页面	100	正常	0.601
	2）返回上一页
用户中心	1）刷新当前信息	100	正常	0.587
	2）刷新地址管理信息
	3）刷新我的收藏界面
	4）刷新我的订单界面
	5）刷新资料界面
	6）刷新安全界面
	7）刷新推送设置界面
	8）刷新消息界面
通知中心	1）点击通知中心icon	100	正常	0.217