本系统为用户而设计制作“梦回汉唐”汉服商城网站，旨在实现“梦回汉唐”汉服商城网站智能化、现代化管理。本“梦回汉唐”汉服商城网站自动化系统的开发和研制的最终目的是将“梦回汉唐”汉服商城网站的运作模式从手工记录数据转变为网络信息查询管理，从而为现代管理人员的使用提供更多的便利和条件。使“梦回汉唐”汉服商城网站数字化、智能化，是提高工作效率的重要举措。
为了更好地发挥本系统的技术优势，根据“梦回汉唐”汉服商城网站的需求，本文尝试以MVC经典设计模式中的JSP技术，JAVA语言为基础，通过必要的编码处理、“梦回汉唐”汉服商城网站整体框架、功能服务多样化和有效性的高级经验和技术实现方法，旨在完成一个快速、高效、便捷的“梦回汉唐”汉服商城网站。本系统以用户与管理员两类人，作为目标用户，其中用户主要功能包含用户的注册与登录，汉服商品的查询与购买等，对账号相关信息的修改；管理员主要功能包括了对用户、商品分类、汉服商品、订单信息等；管理员可以实现最高权限级别的全系统管理，
关键字：“梦回汉唐”汉服商城网站
系统相关技术
本系统采用了MVC设计思想，通过视图层、模型层及控制层三者的交互，实现系统的功能，软件界面清晰友好美观，系统基本功能一目了然。系统的整体架构为JSP应用技术，以Java 作为编程语言，用MySQL存储数据。
MVC简介
模型―视图―控制器（MVC）是一个工具箱。MVC开始是存在于桌面程序中的，M是指业务模型，V是指用户界面，C则是控制器，使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。
本软件研发中使用了目前这种最广泛通行的软件设计模型MVC。MVC(Model-View-Controller)的应用程序架构可以被用于解析分布式应用编程的特点。而这个抽象出架构，可以帮助把应用程序划分为几个逻辑部分，让编程过程变得比较简单。将某个应用领域的注入、管理、输出过程，依照Model、View、Controller的方法加以分开，而这么一种应用领域可以被分成三层—建模层、视图层、管理层。
MVC模式如图2.1：
 |
图2.1 MVC模式图
MVC模型的诞生，很好的缓解了传统开发WEB应用方法中出现的问题。M代表任务模块(Mode1)，包括实现任务所必须的全部的操作和数据信息；V代表视图(View)页面，现实模式所提交的全部数据信息；C代表控制台层(Control1er)，它把模块映射到用户界面中，管理应用的输入输出和相应请求。其模块的相互关系如图所示。在MVC模式中，由于三层之间各尽其职、彼此独立工作，各层内容的变化并没有影响到其它层次，因此大大降低了各种数据表示、各种数据表示与所必须控制对象的耦合度，也就可以很好的进行项目开发中的分配，从而加快了工程进度。
系统开发、运行环境
预期的物理环境如下：
1）控制系统在正常温度环境条件下运行。
2）控制系统在干净的场所内运行。
预期的生产技术环境条件如下：
1）网络传输速度为1M以上的网络。
2）电脑：CPU双核以上P42.0G及以上，内存二百五十六万M或以上,硬盘大小四十兆G或是以上，10M网卡/一百兆M千兆网卡，Windows2000/2003/NT/XP/Vista/Windows 7以上中文操作系统。
3）数据库“梦回汉唐”汉服商城网站：Oracle9g或以上。
环境配置如表2.2：
表2.2 环境配置表
| 序号 | 配置项 | 环境要求 |
| 1 | 系统开发工具 | Eclipse |
| 2 | 数据库 | Mysql |
| 3 | 运行环境 | Jre tomcat |
| 4 | Java主要开发包 | Lang util springframework servlet text io |
需求分析
需求的分析中用户需求就是比较的重要，而且可以通过各种的路径，以及各用户对于系统的功能需求，你需要对这些内容做出整理以及分类，然后分析这些需求的现实情况下的可能原因，还需要有认真的分析过程，结合现实的情况下最终做出一系列的需求资料。在有关用户的期望分析中能够明确一些可能实现的情况，“梦回汉唐”汉服商城网站功能是许多个可以测试的功能相结合的，正是由于这些功能可以使得用户能够更加积极的提供出需求，让系统功能可以变得更加的完善。这样就可以保证所有设计的功能模块都是可以用到的，而且也是可测试的，对于后续系统的开发能够有比较关键的作用，也能快速完成用户所提供的需求[12]。
系统用例图
一个用例图就能对应出系统中的一个功能过程，系统中完整的功能都是由许多不同的用例图所组成的。
系统用例图如图3-1、图3-2所示。
图3-1 管理员用例图
图3-2用户用例图
系统设计
4.1 总体功能设计
一般个人用户和管理者都需要登录才能进入“梦回汉唐”汉服商城网站，使用者登录时会在后台判断使用的权限类型，包括一般使用者和管理者,一般使用者只能对汉服商品提供查阅和个别使用信息内容的查看，而管理者则能对多个信息内容提供使用。
整体系统的主要功能模块如图4-1：
图4-1 “梦回汉唐”汉服商城网站功能图
4.2 系统登录模块设计
用户在启动操作系统时会调用的一个模块。该模型通过用户输入的账号、密码来确定应用的类别，切换到该类应用的页面。
本模块的功能点包括：
1）确定账号与密码是否一致。
2）完全按照系统所规定使用权限的权限类型,，直接通过登陆进入到系统权限的制定管理页面中即可进行授权使用。
登录模块流程图如图4-2：
4.3 数据库设计
管理静止网站时是由WEB客户端向Web传送静态页面，而Web客户端直接对所传送的静态页面进行管理。
实现动态网页数据库信息查询请求的最基本处理流程概括为：当一个WEB用户成功向动态网页服务器数据库发送信息请求成功后，对其动态页面库的一种主要的处理实现方法之一是，屏蔽掉其中所有动态HTML代码，只须使用一个动态的动态网页文件，由动态Web浏览器程序直接地在该数据库服务器上进行传递动态信息，然后再通过该数据库服务器的处理程序返回到信息集，由该Web应用服务器处理程序再一次将包含动态程序代码在内的动态页面，转化为一个静态页面信息并自动返回到网页浏览器。也就是网站在这个动态页里对网页信息自动进行检索并最终把这些信息自动返回传递到网站用户处的这个全自动化过程。
数据库查询示意图如图4-3：
图4-3 数据库查询示意图
数据库设计阶段目标表见表4-4：
表4-4 数据库设计阶段目标表
| 目标 | |
| 概念设计 | 了解功能需求，通过分析系统功能定义出系统有哪些实体联系图(即E-R图) |
| 逻辑设计 | 把E-R图转换成能处理的逻辑模型，检查是否满足第三范式的要求 |
| 物理设计 | 基于基本数据模型，生成适用于应用系统的物理结构 |
4.3.1 E-R图设计
根据以上分析，本系统中包含多个实体，根据他们以及他们的关系绘制出E-R图如下：
- 用户信息实体如下图4-5：
图4-5用户信息实体示例图
- 汉服商品实体如下图4-6：
图4-6汉服商品实体示例图
- 订单信息实体如下图4-7：
图4-7订单信息实体示例图
系统实现
5.1后台管理员功能模块实现
本模块主要是使用者可以通过“梦回汉唐”汉服商城网站的首页进入该系统。用户输入正确的账号名和密码，一旦输入信息有错，将在系统显示错误提示，同时严禁系统用户做出其他动作。如果注册信息正确无误，系统就会按照使用者的身份信息做出有关权利的判定，用户进入前台系统，管理者则进入后台系统。管理员登录主页面如图5-1所示：
图5-1 管理员登录主页面
管理员进入系统主页面，主要功能包括对首页、个人中心、用户管理、商品分类管理、汉服商品管理、系统管理、订单管理等进行操作。管理员主页面如图5-2所示：
图5-2管理员主界面
管理员点击用户管理，在用户管理页面对用户名、姓名、性别、头像、手机、是否会员等信息，可以查询，添加或删除用户信息等操作。如图5-3所示：
图5-3用户管理界面
管理员点击商品分类管理，在商品分类管理页面对商品分类等信息，可以查询，添加或删除商品分类等操作。如图5-4所示：
图5-4商品分类管理界面
管理员点击汉服商品管理，在汉服商品管理页面对商品名称、商品分类、商品图片、商品规格、商品品牌、是否新品、活动商品、服装颜色、服装尺码、单限、库存、价格、会员价等信息，可以查询或者添加、删除汉服商品等操作。如图5-5所示：
图5-5汉服商品管理界面
管理员点击系统管理，在系统管理页面对关于我们、轮播图管理、系统简介、公告信息、客服中心等信息，可以查询或删除系统信息等操作。如图5-6所示：
图5-6系统管理界面
管理员点击订单管理，在订单管理页面对订单编号、商品名称、商品图片、购买数量、价格、折扣价格、总价格、折扣总价格、支付类型、状态、地址、电话、收货人、备注、商品类型等信息，可以查询或删除订单信息等操作。如图5-7所示：
图5-7订单管理界面
5.2 前台用户功能模块实现
当游客打开系统的网址后，首先看到的就是首页界面。在这里，游客能够看到“梦回汉唐”汉服商城网站的导航条显示首页、汉服商品、公告信息、购物车、客服中心、个人中心。系统首页界面如图5-8所示：
图5-8系统首页界面
在系统首页点击中间的注册/登录按钮，然后页面跳转到注册登录界面，后来输入信息完成后，单击注册或者登录操作，如图5-9所示：
图5-9 用户注册、用户登录界面
用户点击汉服商品，在汉服商品页面的搜索栏输入商品名称、商品品牌、是否新品、活动商品等信息，进行查询，还可以查看商品名称、商品分类、商品图片、商品规格、商品品牌、是否新品、活动商品、服装颜色、服装尺码、单限、库存、价格、会员价、点击次数，如有需要可以添加到购物车、立即购买或者收藏、评论等操作；如图5-10所示：
图5-10汉服商品页面
购物车:用户将想要购买的商品加入购物车，加入购物车后可以增减数量、删除、点击购买，可一键清除失效商品，如图5-11所示：
图5-11购物车页面
用户点击个人中心，在个人中心页面可以修改个人信息、密码修改，还可以对我的订单、我的地址、我的收藏进行详细操作，如图5-12所示。
图5-12个人中心界面图
系统测试
6.1 测试方法与步骤
本系统首先在本地服务器上进行了安装和测试,之后鉴于对系统的结构和处理方法的充分熟悉和对系统特性的充分了解，对系统进行了白盒测试和黑盒试验[15]。
在发展软件系统的整个过程中,人们必须面临错综复杂性的实际问题,所以,在软件系统生存周期的各个过程中都必然地会形成错误。应用软件检测目的在于:出现出错并运行某个程序的步骤,而应用软件检测的最重要目的便是找到其中尚未发生的出错。
为了制定出合理的测试计划,根据以下原则开始了测量；任何测试都要追溯到客户需要；当确定了客户使用模型后就要着手制定测试计划,并在编码以前就对整个软件测试工作做出规划和制定；御用Pareto原理,主要对占出了百分之八十九以上的最易于出错的约百分之二十的模板实施了检测,并从小规模开始逐步实施大量检测,范围一般从主要检测单编程模板再到完全集成的模板;同时精心设计了检测方法,尽可能地全面覆盖所有程序逻辑并使其满足要求的能力[16]。
测试环境，软件和硬件的配置清单见下表。
测试环境表6-1：
表6-1 测试环境表
| 设备名称 | 硬件配置 | 应用程序 | |
| 服务器端 | 处理器 | 1.6GHz 双核 Intel Core i5 (Turbo Boost 最高可达 3.6GHz)，配备 4MB 三级缓存 | jdk1.8, tomcat9.0.12, Mysql8.0 maven3.5 |
| 内存 | 8 GB | ||
| 主硬盘 | 128GB PCIe 固态硬盘 | ||
| 网卡 | 802.11a/b/g/n | ||
| 客户端 | 处理器 | 1.6GHz 双核 Intel Core i5 (Turbo Boost 最高可达 3.6GHz)，配备 4MB 三级缓存 | macOS |
| 内存 | 8 GB | ||
| 主硬盘 | 128GB PCIe 固态硬盘 | ||
| 显卡 | Intel UHD Graphics 617 | ||
| 网卡 | 802.11a/b/g/n | ||
6.2 模块测试
6.2.1 登录模块测试
进入本系统时，根据不同登录方式区分用户以及管理员的登录。二者登录均需填写用户名和密码。当填写了错误的用户名或密码时，将提示“用户名或密码错误”，按确认按钮返回注册窗口。登录界面简介且高效，输入错误后返回注册窗口也不会卡顿。
6.3 测试用例
本“梦回汉唐”汉服商城网站在采用单元测试的方法，对系统各模块进行测试，检测流程必须严格遵循检测的标准流程，进行单位检测，子系统检测和控制系统检测。经过单位检测，就检查出了控制系统中各个模块内在的错误；经过子系统检测，发现了模板之间相互协作与沟通上的出错；经过集成测试，发现了流程中出现的错误。通过修正，确定了“梦回汉唐”汉服商城网站能够实现需求分解中确定的技术要求。根据单元测试对系统进行集成测试，判断各功能组合完成后是否存在逻辑和功能上的错误，保证系统集成后不会出现bug。最后，对系统进行系统测试，确保整个系统的完整性和功能的流通性。
通过管理员和用户两个角色对系统进行完整的系统测试，并对相应的测试进行了详细的测试用例制作，同时记录了详细测试过程，形成了相关的系统测试文档。
具体测试用例如下：
表6-2 注册测试用例表
| 测试对象 | 测试案例 | 操作说明 | 实际结果 | 是否通过 |
| 注册 | 用户 | 未注册用户登录提示请注册 | 得到相应信息提示 | 是 |
表6-3 后台管理员测试用例表
| 测试对象 | 测试案例 | 操作说明 | 实际结果 | 是否通过 |
| 后台管理员管理权限 | 添加管理员 | 点击后台管理员/管理员列表/添加管理员按钮 | 显示添加管理员弹框 | 是 |
| 点击后台管理员/管理员列表/取消管理员按钮 | 关闭弹框 | 是 | ||
| 搜索管理员 | 在输入框中输入要找的管理员(用户名/手机号/邮箱)点击搜索按钮 | 显示搜索到的管理员结果 | 是 | |
| 编辑管理员权限/信息 | 点击要编辑的管理员 | 显示要编辑管理员的弹框 | 是 | |
| 删除管理员 | 点击删除管理员 | 显示删除管理员弹窗/确认删除 | 是 |