admin 管理员组

文章数量: 1184232


2024年3月30日发(作者:免费网站大全下载大片)

基于SSM的文创商城的设计与实现

宋代雨,王璐瑶,陶秋虹,梁林,张修军

*

(成都大学,成都610106)

摘要院设计开发的文创商域网站具有文化社区讨论、分享、文创商品购买、在线阅读书籍、产品问

题处理、产品使用分享等功能。前端采用HTML5,CSS3,JavaScript,VUE,ElementUI,SSM框架,

MySQL数据库技术,开发效率高、可维护性强、可扩展性好。在性能测试和功能测试中,系统的功能

满足需求,压力满足高并发需求,应用性良好。

关键词院文创商域网站;SSM框架;软件测试

1概述

设计开发的文创商城不仅实现了文创商品的销售袁

还将在线文化教育融入其中袁用户可以在线阅读袁在线

分享袁社区讨论遥其目的是让大家能够学习新思想袁新

技术

2关键技术

袁增加阅读量袁推动文创发展遥

系统基于Java语言编写袁采用MVC模式袁前端使

用VUE技术袁ElementUI组件库袁结合HTML5袁CSS3袁

JavaScript

使用Ajax

技术进行开发

异步提交数据

后台采用

数据库使用

SSM

MySQL

框架进行编写

进行数据

增删查改遥

2.1VUE

理念

VUE

袁同时具有简单

框架是渐进式框架

尧快速尧

紧凑

采用前后端分离的开发

尧对模块友好的优

点遥同时VUE比较轻便袁使用上比JQuery代码量小尧

入门简单遥

2.2SSM框架

而成袁

SSM

具有简化数据操作

框架是主流的后台开发框架

袁集中管理文件

袁由

3

配置代码量

个框架集合

3

袁更加灵活的优势遥

3.1

系统设计

随着电商平台的发展

体系结构

袁很多商务电子平台使用B/S

模式袁如阿里巴巴袁京东等遥网上文创商城使用B/S体

[2]

作袁

从而有效地节约计算机资源

不需要安装软件袁只需要访问浏览器即可进行操

3.2

前台系统使用者为用户

前台功能

袁从用户出发袁结合实际功

能袁为用户提供用户登录尧用户注册尧购买产品尧我的

中心尧购物商城尧我的社区尧在线学习7大板块袁每个

板块有不同的子功能遥

用户登录

用户注册

购买产品

查看个人信息

修改个人信息

我的中心

查看物流信息

查看个人积分

前台功能

查看退款状态

搜索物品

购物商城

物品销量排序

物品评价排序

发布留言

分享故事

我的社区

添加好友

好友聊天

讨论社区

在线学习

图1前台功能图

图1是前台功能设计表袁表中板块按照子功能展

开袁各个模块功能介绍如下院

用户登录板块院用户输入账号袁密码点击提交按

钮袁通过数据库验证进行登录遥用户注册板块院新用户

通过填写信息袁手机验证袁点击注册按钮袁将数据添加

基金项目:成龙谷孵化园支撑下新工科大学生创新实践

能力培养模式的研究与探索袁项目编号院JG2018-774遥

作者简介:宋代雨渊1999-冤袁研究方向院软件工程曰

王璐瑶渊2000-冤袁研究方向院计算机网络曰陶秋虹

渊1999-冤袁

方向院软件工程

研究方向

曰张修军

院图像处理

渊1973-冤袁

曰梁林

男袁

渊1999-冤袁

通讯作者

研究

袁硕

士袁副教授袁研究方向院智能信息处理遥

2020.08

47

到数据库中遥购买产品板块院用户购买商品时袁商品添

加进入购物车袁选择购物车中商品进行购买时袁用户填

写相关消息并且完成支付即可遥我的中心板块院可以查

看我的账号信息袁修改基本资料袁商品的物流状态袁购

物的积分袁退款状态等遥购物商城板块院在搜索框输入

想买的物品袁可以查看提供的商品的信息袁选择按照销

售量排序或评价排序后袁商品从高到低的展示出来遥我

的社区板块院用户进入我的社区袁可以发表留言尧分享

故事尧讨论交流尧与志同道合的人添加好友进行聊天遥

在线学习版块院可以搜索喜欢的电子书进行在线阅读遥

3.3

后台管理系统以管理员为主体

后台功能

袁对信息进行处理袁

便于查看文创商域的使用情况袁有用户管理尧商品管

理尧订单管理尧统计管理尧社区管理尧学习平台管理6

大板块袁每个板块有不同的子功能遥

重置密码

用户管理

违规封号

严重删除

添加商品

商品管理

删除商品

修改信息

商品上下架

查询订单

修改地址

订单管理

处理订单

订单退款

删除订单

后台功能

销售量

统计销售

销售额

统计管理

成交量

商品评价

可视化分析

审核留言

社区管理

审核文章

删除违规

添加书籍

学习平台管理

删除书籍

书籍上下架

编辑书籍简介

图2后台功能图

图2是后台功能设计表袁表中板块按照子功能展

开袁下方是各个模块功能介绍如下院

用户管理板块院管理员可以重置用户密码袁对违规

用户进行封闭账号袁严重者账号信息直接注销并且删

除遥商品管理板块院管理员可以修改商品的信息袁添加

删除商品袁商品的上下架遥订单管理板块院管理员可以

查询订单状态袁修改订单地址袁处理订单渊填写快递的

48

2020.08

信息尧发货等冤袁退款并删除订单遥统计管理板块院管

理员可以统计销售量尧销售额尧成交量尧商品评价尧进

行可视化分析袁为之后运营提供数据支持遥社区管理板

块院管理员审核留言袁文章袁删除违规内容遥学习平台

管理板块院管理员可以添加在线书籍袁删除书籍袁书籍

的上下架袁编辑书籍简介遥

4

4.1

系统关键技术实现

以我的社区板块为例实现发布分享操作

数据操作

程的控制

ShareThingController

袁当用户点击分享按钮

类负责分享操作的业务模块流

袁对服务器进行请求袁

此时ShareThingController类调用ShareThingService层的

接口来控制业务流程遥ShareThingService类当完成相关

业务操作后袁调用ShareThingDao类遥ShareThingDao

类通过与Mapper目录下的xml文件袁将请求数据在数

据库中操作袁由于有控制台输出袁将输出数据先返回给

ShareThingService

以JSON数据将状态信息和数据返回给页面

后袁回给ShareThingController袁

最后

4.2

高并发指在一个时间段

高并发处理

袁多个程序同时在一个应用服

务器上运行袁容易造成服务器崩溃的后果遥在本系统中袁

由于网上文创商城系统存在打折销售的现象袁因此可能出

现同一个时间段袁大量用户登录操作造成高并发现象遥

项目的前端代码来处理高并发现象袁合并了CSS和

js

的部分代码

袁采用浏览器缓存和文件压缩

袁通过减少HTTP请求和采用异步请求方

袁CDN加速袁同时袁

建立图片服务器来降低数据的高并发现象遥

案例中处理高并发的代码院

tle="">

5软件测试

随着软件开发的复杂度以及规模的逐渐增加袁软件

测试可以有效地发现漏洞并且修改袁减少由于软件自身

的问题而造成的用户使用问题

[3]

应的功能能否正常使用袁性能测试为了检测各指标是否

遥功能测试为了检查对

满足要求遥

功能测试采用黑盒测试

[4]

袁模仿用户在第一次状态

下使用网上文创商城的情景袁找出功能是否满足要求遥

表1基于SSM文创商域网站前台功能测试

测试ID

1

2

3

4

5

6

功能名测试过程预期结果实际结果

是否

通过

以模拟用户抢购商品为例院

场景说明院大量用户登录首页袁在导航栏中搜索产

品袁然后继续购买袁这个场景属于高并发场景遥

场景设计院100个用户同时登录袁同时退出遥图3

给出的是快增长模式的场景设计袁测试人数为100人袁

执行时间为15分钟袁用户同时进入同时退出遥

120

100

80

60

40

20

00:00:0000:01:0000:02:0000:03:0000:04:0000:05:0000:06:0000:07:0000:08:0000:09:0000:10:0000:11:0000:12:0000:13:0000:14:0000:15:0000:16:00

账号院admin

用户登录

密码院123456

成功进入我的成功进入我的

YES

中心首页中心首页

添加购物车袁支付成功完成支付成功完成支付

购买商品YES

订单功能功能

发布留言点击发布留言按钮

在页面中成功在页面中没有

显示留言显示留言

NO

InteractiveScheduleGraph

Legend

GlobalSchedule

成功修改数据袁成功修改数据袁

修改密码修改密码为;qweasdYES

重新登录成功重新登录成功

添加好友添加任意用户

商品退款点击商品退款

成功添加袁并成功添加袁并

YES

且可以聊天且可以聊天

经过管理员同经过管理员同

YES

意后成功意后成功

性能测试重点考虑了压力测试袁进行场景设计袁设

计了快增长模式模拟用户抢购商品的场景袁设计了慢增

长模式模拟用户搜索商品的场景遥

102

0

Time

图3场景设计图

91.8

81.6

71.4

61.2

40.8

30.6

20.4

10.2

0

51

00:07:0000:07:1000:07:2000:07:3000:07:4000:07:50

图4测试结果图

图4为测试的资源使用的比例图袁不同资源的曲

线颜色不同遥测试结果表明场景的CPU使用量约占

40%袁没有出现CPU占用率过高的现象袁瞬间高峰在

45%左右遥

测试结论院该场景的CPU占用率低于60%袁可以

化战略号召袁文创商域的研究和开发具有现实意义和

使用价值遥

参考文献

[1]武文豪,周向军.新时代坚定文化自信的三重意蕴

[2]蔡小华,蔡浩,叶永博,刘顺超.基于B/S的智能

刊,2020,(07):160-163.

[3]柴青山.基于MVVM模式的框架在物流软件

自动化测试系统中的应用研究[D].北京院北京邮

电大学,2019.

[4]李晓晨.软件Bug的报告生成与理解[D].大连院

大连理工大学,2019.

[J].理论导刊,2020,(04):111-116.

进行100个用户的高并发操作袁最大用户量估计在200

人左右遥

6结语

化线上实践教学管理系统研究与实现[J].高教学

系统使用前后端分离思想实现网页设计以及开发袁

与传统的Web开发框架进行比较袁在开发效率尧可维

护性尧可扩展性等方面都占有优势遥在功能测试和性

能测试方面袁功能和性能较优袁系统的压力满足快增

长模式的需求袁高并发没有让系统崩溃遥系统响应文

2020.08

49


本文标签: 用户 商品 测试 场景