SSM国潮文创用品销售网站设计与实现

摘 要

随着科学技术的发展，网购无疑成为了人们购物的主要途径之一。建构文创商城系统旨在解决传统文创产品的营销模式存在销售渠道单一、质量无法得到保证等问题，同时可以拓宽文创产品的销售渠道，带动文创产业的经济发展，满足消费者的购物需求。  

基于对国潮文创产业现状的研究， 本文实现了对国潮文创商城系统的分析与设计。国潮文创商城系统采用SM框架，MSQL数据库系统，实现了浏览商品、消费者购买、用户订单管理、页面管理、商品管理等功能。本文从研究背景和现状、系统需求分析、系统详细设计、系统实现、系统测试等方面详细叙述了国潮文创商城系统设计与实现的过程。

关键词：网站设计；SSM；MSQL数据库；销售

SSM Chaowen creative supplies sales website design and implementation

Abstract

With the development of Science and technology, online shopping has undoubtedly become one of the main ways for people to shop. The aim of constructing the cultural and creative mall system is to solve the problems of the traditional cultural and creative products marketing mode, such as the single sales channel and the UNGUARANTEED quality, and to expand the sales channels of cultural and creative products, drive the economic development of cultural and creative industries, to meet consumer shopping needs.

Based on the study of the current situation of Guochao literature and creative industry, this paper realizes the analysis and design of Guochao Literature and creative mall system. Guochaowen Creative Mall system adopts SM Framework and MSQL database system to realize the functions of browsing goods, consumer purchase, user order management, page management, commodity management and so on. In this paper, the background and current situation, system requirements analysis, system detailed design, system implementation, system testing and other aspects of the design and implementation process of Guochao literature creation mall system is described in detail.

Key words:website design; SSM; MSQL database; sales

目  录

第1章 绪论

1.1 研究背景与意义

1.2 开发现状

1.3 论文组成结构 2

第2章 开发工具及相关技术介绍

2.1 开发技术 3

2.2 ssm框架介绍 3

2.3 MySQL数据库 4

2.4 B/S结构 4

2.5 B/S体系工作原理 4

2.6 ssm框架各层关系 5

2.7JavaScript 运行模式 5

第3章 系统分析 7

3.1 可行性分析 7

3.1.1 经济可行性 7

3.1.2 技术可行性 7

3.1.3 操作可行性 7

3.2 功能性需求分析 8

3.3 非功能性需求分析 10

3.4 业务流程分析 10

第4章 系统设计

4.1 系统架构设计

4.2 功能模块设计

4.3 数据库设计

4.3.1 概念模型设计

4.3.2 数据库逻辑设计 15

4.3.3 数据库表设计

第5章 系统实现 20

5.1 用户登录的实现 20

5.2 系统前台主要功能实现

5.2.1 首页的实现

5.2.2 用户注册的实现 24

5.2.3 商品展示的实现 29

5.2.4 商品搜索的实现

5.2.5 商品订单的实现 32

5.2.6 投诉反馈的实现 33

5.3 系统后台主要功能实现 35

5.3.2 商品管理的实现 36

5.3.3 订单管理的实现 36

第6章 系统测试 39

6.1 软件测试的概念 39

6.2 软件测试过程 39

6.3 系统测试阶段 40

6.4 测试结果 41

参考文献 42

致谢 43

1. 绪论
   1. 研究背景与意义

21世纪是一个以网络为核心的信息时代，数字化、网络化与信息化为特征的时代。这些多元化的组合在商业领域得到了广泛的应用,文创产品即文化创意产品的简称，与传统产品相比，文创产品将人类的智慧、创意、现代科学技术、历史文化等进行融合，以传统观念中的相关产品作为载体，融入新鲜元素，设计出既能满足生活实用价值又能丰富消费者情感体验的产品。文创产品具有外观精致、可用于日常生活之中、富有文化内涵等多种特点。通过将各种设计元素和，独特的想法融入产品，使得文创产品更加别具一格，其所具有的多重特点也引起了消费者的购买欲。

随着人民生活水平的提高以及知识网络时代的到来，消费者对于精神的追求越来越高，传统观念上功能单一的产品已经不能满足消费者的需求。与传统产品相比，文化创意产品具有美观性、可用性、教育性和文化性相结合的优势。通过人类智慧和创意的结合，文化创意产品通过赋予文化、历史元素实现教育功能，利用文化传播凸显产品的文化内涵，增强故事性构建品牌营销，改善用户体验吸引消费者购买。伴随着互联网技术的蓬勃发展，文化创意产品的营销途径和营销策路层出不穷，很多电商平台也逐渐加入了文创产品模块，如阿里巴巴、京东等，网购已经成为了很多人购物的首要途径。互联网时代下，文化创意产品呈现出更加多元化的传播方式。 产品的开发水平得到了迅速提升。

1.2开发现状

由于近年来在线销售行业的兴起，也了解了一些相关信息。在中国，以前的销售只是传统销售，而在线销售似乎满足了市场需求。到目前为止，有一些家喻户晓的名字，如淘宝和天猫。然而，这种在线销售也有一些缺点:用户不能在下订单并付款后立即提货，他们还应该考虑货物是否受损。该系统是根据商品网络上的销售情况开发的。

文化创意产业的繁荣一方面是由于国家提高了对于文化产业的重视，例如，2016年文化部提出要带动和提高文化产业的发展: 2017年，国家文物局指出要重视具有社会价值和示范作用的文化产品的开发。另一方面，文化创意产业通过文创产品呈现的精神内涵向消费者的内心植入正确的文化价值观和深厚的文化底蕴，制造文化产品已经成为向大众传输文化观念、精神内涵、文化价值观的重要途径。消费者观念的转变和社会日新月异的发展使得文化产出业迎来了更大的机遇，文创产业与互联网相结合的思想可以通过目前所存在的文创设计网站体现出来，开启了多元化的销售渠道和方法，为文创商品的购买提供了便利，在很大程度上方便了人们的生活。

1.3论文组成结构

根据市场调研得到的信息数据，结合国内外前沿研究，利用相关系统开发和设计方法，最终设计出国潮文创用品网站设计系统。

本文共有七章，如下所示。

第一章概述了国潮文创用品网站设计系统的研究目的和意义；精炼地总结了国内外在内的领域研究情况和未来的研究趋势，最后给出了论文的组成结构。

第二章简要概述了本文所用的开发技术和工具。

第三章简要对系统各业务流程进行需求分析、可行性分析。

第四章对国潮文创用品网站设计系统进行设计。

第五章对国潮文创用品网站设计系统进行实现，并贴出相关页面截图，语言描述出具体功能实现的操作方法。

第六章对国潮文创用品网站设计系统采用测试用例的方式来对一些主要功能模块测试，最后得出测试结果。

第七章总结全文并对未来的研究做出展望。

1. 开发工具及相关技术介绍
   1. 开发技术

本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于Java的ssm框架进行开发。

前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

后端部分：采用ssm作为开发框架，同时集成MyBatis、Redis等相关技术。

1. 1. ssm框架介绍

SSM（Spring+SpringMVC+MyBatis）框架集由Spring、MyBatis两个开源框架整合而成（SpringMVC是Spring中的部分内容）。常作为数据源较简单的web项目的框架。

1.6.1 Spring

Spring就像是整个项目中装配bean的大工厂，在配置文件中可以指定使用特定的参数去调用实体类的构造方法来实例化对象。也可以称之为项目中的粘合剂。

Spring的核心思想是IoC（控制反转），即不再需要程序员去显式地`new`一个对象，而是让Spring框架帮你来完成这一切。

1.6.2 SpringMVC

SpringMVC在项目中拦截用户请求，它的核心Servlet即DispatcherServlet承担中介或是前台这样的职责，将用户请求通过HandlerMapping去匹配Controller，Controller就是具体对应请求所执行的操作。SpringMVC相当于SSH框架中struts。

1.6.3 mybatis

mybatis是对jdbc的封装，它让数据库底层操作变的透明。mybatis的操作都是围绕一个sqlSessionFactory实例展开的。mybatis通过配置文件关联到各实体类的Mapper文件，Mapper文件中配置了每个类对数据库所需进行的sql语句映射。在每次与数据库交互时，通过sqlSessionFactory拿到一个sqlSession，再执行sql命令。

页面发送请求给控制器，控制器调用业务层处理逻辑，逻辑层向持久层发送请求，持久层与数据库交互，后将结果返回给业务层，业务层将处理逻辑发送给控制器，控制器再调用视图展现数据。

             

1. 1. MySQL数据库

科技的进步，给日常带来许多便利：教室的投影器用到了虚拟成像技术，数码相机用到了光电检测技术，比如超市货物进出库的记录需要一个信息仓库。这个信息仓库就是数据库，而这次的超市商品管理系统也需要这项技术的支持。

用MySQL这个软件，是因为它能接受多个使用者访问，而且里面存在Archive等。它会先把数据进行分类，然后分别保存在表里，这样的特别操作就会提高数据管理系统自身的速度，让数据库能被灵活运用。MySQL的代码是公开的，而且允许别人二次编译升级。这个特点能够降低使用者的成本，再搭配合适的软件后形成一个良好的网站系统。虽然它有缺点，但是综合各方面来说，它是使用者的主流运用的对象。

1. 1. B/S结构

B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果， 不需要考虑不停装软件的问题。

1. 1. B/S体系工作原理

B/S架构采取浏览器请求，服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；

而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；

从Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中，用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的，浏览器的请求通过服务器进行处理，并将处理结果以及相应的信息返回给浏览器，其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器，该结构已经成为了当今软件应用的主流结构模式。

1. 1. ssm框架各层关系

DAO层、Service层这两个层次都可以单独开发，互相的耦合度很低，完全可以独立进行，这样的一种模式在开发大项目的过程中尤其有优势。

Controller，View层因为耦合度比较高，因而要结合在一起开发，但是也可以看作一个整体独立于前两个层进行开发。这样，在层与层之前只需要知道接口的定义，调用接口即可完成所需要的逻辑单元应用，一切显得非常清晰简单。

1. 1. JavaScript 运行模式

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

1.8.1是一种解释性脚本语言（代码不进行预编译）。

1.8.2主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。

1.8.3可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

1.8.4跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

1.8.5 JavaScript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。

1. 系统分析
   1. 可行性分析

本系统将在经济、技术、操作这三个角度上进行可行性分析。

1. 1. 1. 经济可行性

整个系统从设计到开发以及测试过程严谨步骤齐全，所有工作任务全部由本人完成，并未获取外部技术支持，节约了一切服务成本开销以及人工成本，在硬件方面，为节约成本使用一台二手移动工作站作为项目部署服务器以及数据库服务器，成本在一万元一下，真个网络部署也是由本人独立完成不涉及到其他人工费用，整个开发过程本着低成本，低消耗的原则。

1. 1. 1. 技术可行性

技术可行性分析的目的是确认该系统能否利用现有技术实现，并评估开发效率和完成情况。技术的可行性是指在当前的技术条件下，计算机软件和硬件的开发是否能够满足发展的要求。因为该系统的开发基于Java语言，所以开发该系统所需的软件和硬件条件可以在普通计算机上满足。因为它占用的内存相对较少，所以用SQL Server数据库开发和设计软件理论上没有问题，因为它占用的内存太少。上述技术可以有效地保证系统的成功和高效开发。

1. 1. 1. 操作可行性

国潮文创用品销售网站设计的使用界面简单易于操作，采用常见的界面窗口来登录界面，通过电脑进行访问操作，用户只要平时使用过电脑都能进行访问操作。此系统的开发采用SSM框架开发，人性化和完善化是B/S结构开发比较显要的特点使得用户操作相比较其他更加简洁方便。易操作、易管理、交互性好在本系统操作上体现得淋漓尽致。

1. 1. 功能性需求分析

设计互联网的国潮文创用品销售网站设计的目标是为了更加有效的进行商品的买卖活动，这也是商品交易的一种新选择。这使得人与商家交易趋于网络化的管理方式，使互联网交易更加容易，从而提高工作效率，降低管理成本。在本系统中需要对用户身份进行管理，包括买家身份和商家身份。

客户可以首次查看详细的介绍，国潮文创用品销售网站设计中各种商品的实物图，价格和其他基本信息，以便客户可以识别自己满意的商品。选择商品后，客户可以将选择的商品添加到购物车中，如果您在清算前改变主意，仍然可以不用购买。客户选择要购买的商品后，可以将其提交给系统软件，系统软件将自动生成一个相对的订单号。

网站管理员在系统软件中扮演着非常关键的角色，管理者可以执行商品管理，订单管理系统，用户管理系统，商品类目管理等要求。此外，系统软件还应确保信息内容清晰有序，管理员能够轻松的找到需要的管理类别。

本系统具有的前台功能包括以下各项：

1. 用户注册登录：用户进行注册，登录。
2. 商品浏览：以列表方式显示商品信息或者可以查看热门商品和优惠商品。
3. 商品搜索：用户可以通过关键字或者商品类目进行查询，尽快的找到自己喜欢的商品。
4. 购物车：这是国潮文创用品销售网站设计最根本组成。客户在寻找自己喜欢的商品时，可以将其添加到购物车中，然后再次查询其他商品。
5. 个人订单：客户选择要购买的商品，填写收货地址、收货人、联系电话，提交购买订单，然后在线付款，付款可以通过支付宝、微信或者银联等方式付款。
6. 投诉反馈：将好的建议或不足之处进行反映，达到完善的目的。

本系统具有的后台功能包括以下各项：

1. 用户管理：显示所有注册用户的信息，并进行修改、删除等操作。
2. 商品管理：用户下订单购买商品，由管理员定期负责处理，根据订单信息向用户送货，维护现有国潮文创用品销售网站设计中的所有商品详情。
3. 订单管理系统：查看订单状态，升级订单信息付款，升级交货状态并删除订单信息，并解决客户订单信息并交付给客户，向用户送货。
4. 投诉反馈管理：商家查看投诉反馈意见，对此进行审核通过和审核回复。

购买者用例图如下所示。

图3-1 购买者用例图

管理员用例图如下所示。

图3-2 管理员用例图

1. 1. 非功能性需求分析 

1.系统处理的准确性和机密性

系统软件应确保公司内部信息内容的机密性，以确保用户利益。系统软件应选择管理权限，操纵不同客户的应用程序管理权限，并且客户不得滥用该权限进行实际操作。系统软件应确保数据信息的安全性。另外，客户指定系统软件具有纵横比的可信度，数据信息的准确性，并且系统软件是可恢复的。

2.系统软件的开发和可扩展性

客户会在系统使用过程中不断对系统提出新要求，扩展系统功能，这就要求系统软件必须具有出色的可伸缩性，以考虑到客户的长期和易于使用的法规，客户会在系统使用过程中不断对系统提出新要求，扩展系统功能。

3.系统软件的便利性和可执行性

控制系统设计应个性化，用户界面应该做到清晰简单一目了然，操作简单方便，达到人机 友好的目的。

4.系统软件的响应时间

系统软件响应速度是考虑系统软件特性的优缺点的关键参考。该系统要求响应速度短，升级解决方案快，数据交换和传输时间短以及后台管理网络服务器的响应速度快。由于系统软件用户的唯一性，系统软件必须立即有效地做出响应。并且，请务必在安全前提下确保高效的响应能力。

1. 1. 业务流程分析

业务流程图(TFD)通过一些特定的符号描述业务的处理过程，它重点强调业务过程中每一项处理活动和具体业务部门的关系，选择部分模块进行具体描述。重点对本系统整体业务中最为主要的商品交易及订单业务进行描述，用户进入绿树成荫后进行各种模块信息的浏览，选择想要购买的商品添加到购物车，用户到购物车进行所购商品查询并确认购买、填写订单信息，另外，管理人员进入后端管理，以执行该订单信息控制模块的相关管理方法，并在解决后向客户提供反馈机制。

系统业务流程图如下所示。

图3-2系统业务流程图

1. 系统设计
   1. 系统架构设计

本系统主要使用了五层架构进行开发，主要分为“表现层”、“控制层”、“服务层”、“业务逻辑层”、“数据访问层”。

“表现层”主要作为与用户交互的接口，提供给用户良好的可体验性，本系统在前后端交互主要使用的是Ajax技术来实现数据传输，不仅可以达到无刷新交互，同时还拥有较稳定的运行状态。

“控制层”主要控制前端界面和后端程序数据之间的同步，然后根据前端请求完成数据更新或者是界面控制。以及负责将“服务层”提供的服务进行最后组装并调用。

“服务层”介于“控制层”和“业务逻辑层”之间，主要是将“业务逻辑层”的数据服务进行再一次组装，之后在作为接口提供给“控制层”使用。

“业务逻辑层”主要是动态的调用“数据访问层”的方法，对复杂的算法进行操作，处理前端传过来的请求并且做出相应的逻辑处理。

“数据访问层”主要负责对数据库的访问，可以访问数据库系统、文本文件、二进制文件、xml文档等等。负责业务对象的增加，修改，删除，加载。

系统架构图如下所示。

图4-1系统架构图

1. 1. 功能模块设计

通过软件的需求分析已经获得了系统的基本功能需求。根据各大功能模块的不同，将系统分为各种功能大块。系统功能结构如下图所示。

图4-2系统功能结构图

前台适用用于用户的登录、注册、商品的展示和检索、商品的购买和查看自己的订单等。

1. 浏览商品：只要进入这个平台就可以查看各种商品，有生活各类所需要的商品，用户可以根据自己的需要自行浏览，选择自己心仪的商品。
2. 查询商品：对于购买商品目标明确的用户，就可以在搜索栏里直接搜索自己想购买的商品，更快、更准确的找到商品。
3. 个人信息：登记个人信息并注册就可以成为平台的会员，该模块包括姓名、性别、所在城市、账户余额、电话和电子邮件。
4. 密码修改：这个模块中包括原密码、新密码和确认密码。
5. 个人订单：用户购买了商品之后，就会生成一张订单，订单号是自动生成的，当用户付款之后，就可以在订单管理模块待发货中看到付完款的订单，后台管理员看到订单详情，进行核对之后，订单状态就会变为已审核，同时订单状态也会反馈给用户。
6. 投诉反馈：将好的建议或不足之处进行反映，达到完善的目的。

后台包括管理员登录、增加商品、查看和修改商品信息、订单管理、会员管理。

1. 增加商品：该模块用来上架新的商品，包括增加商品名称、商品类别、商品简介、商品目前的销量和库存量、商品单价和商品图片。
2. 查看商品信息：可以查看上架商品的信息，能随时修改商品的信息，也可以下架卖出商品。
3. 订单管理：订单是前台生成的，后台可以对订单的状态进行一些改变，同时，买家的售后申请操作，卖家可以批准或删除。
   1. 数据库设计
      1. 概念模型设计

概念结构设计是在需求分析的基础之上，将需求分析抽象成概念，这样易于开发人员将复杂进行简单化操作，使得开发人员能够专注于处理模式和组织结构等，其中常用的概念模型是E-R模型。

系统E-R图如下所示。

图4-3系统E-R图

在图中，用户购买商品，关系为1:N，用户对商品的管理，包括商品价格、数量等，关系为1:N，用户将要买的商品加入购物车，关系为1:1，用户拥有自己的订单，关系为1:N。

1. 1. 1. 数据库逻辑设计

针对系统的实体和属性，结合数据设计思想，对系统的逻辑设计的内容进行如下描述。

商品（商品编号、挂卖者账号、挂卖者姓名、联系方式、商品编号、商品名称、商品类别、原价、挂卖数量、新旧程度、图片、商品介绍）。

订单（订单编号、挂卖者账号、商品编号、商品名称、商品类别、挂卖数量、购买数量、总价格、联系电话、收货地址、购买人、是否支付）。

投诉反馈（用户名、问题类型、联系方式、审核状态、审核回复）

商品类目（商品类目编号、添加时间、名称）。

1. 1. 1. 数据库表设计

数据库表是设计和实现系统的一个重要基础。以下列出了该购物系统几个重要的数据库表。

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	mall_center_id	int	10	0	N	Y		商城中心ID
2	article_no	varchar	64	0	Y	N		商品编号
3	commodity_brand	varchar	64	0	Y	N		商品品牌
4	hits	int	10	0	N	N	0	点击数
5	recommend	int	10	0	N	N	0	智能推荐
6	cart_title	varchar	125	0	Y	N		标题：[0,125]用于产品html的标签中
7	cart_img	text	65535	0	Y	N		封面图：用于显示于产品列表页
8	cart_description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述
9	cart_price_ago	double	8	2	N	N	0.00	原价：[1]
10	cart_price	double	8	2	N	N	0.00	卖价：[1]
11	cart_inventory	int	10	0	N	N	0	商品库存
12	cart_type	varchar	64	0	N	N	未分类	商品分类：
13	cart_content	longtext	2147483647	0	Y	N		正文：产品的主体内容
14	cart_img_1	text	65535	0	Y	N		主图1：
15	cart_img_2	text	65535	0	Y	N		主图2：
16	cart_img_3	text	65535	0	Y	N		主图3：
17	cart_img_4	text	65535	0	Y	N		主图4：
18	cart_img_5	text	65535	0	Y	N		主图5：
19	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	address_id	int	10	0	N	Y		收货地址：
2	name	varchar	32	0	Y	N		姓名：
3	phone	varchar	13	0	Y	N		手机：
4	postcode	varchar	8	0	Y	N		邮编：
5	address	varchar	255	0	N	N		地址：
6	user_id	mediumint	8	0	N	N		用户ID：[0,8388607]用户获取其他与用户相关的数据
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
9	default	bit	1	0	N	N	0	默认判断

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	auth_id	int	10	0	N	Y		授权ID：
2	user_group	varchar	64	0	Y	N		用户组：
3	mod_name	varchar	64	0	Y	N		模块名：
4	table_name	varchar	64	0	Y	N		表名：
5	page_title	varchar	255	0	Y	N		页面标题：
6	path	varchar	255	0	Y	N		路由路径：
7	position	varchar	32	0	Y	N		位置：
8	mode	varchar	32	0	N	N	_blank	跳转方式：
9	add	tinyint	3	0	N	N	1	是否可增加：
10	del	tinyint	3	0	N	N	1	是否可删除：
11	set	tinyint	3	0	N	N	1	是否可修改：
12	get	tinyint	3	0	N	N	1	是否可查看：
13	field_add	varchar	500	0	Y	N		添加字段：
14	field_set	varchar	500	0	Y	N		修改字段：
15	field_get	varchar	500	0	Y	N		查询字段：
16	table_nav_name	varchar	500	0	Y	N		跨表导航名称：
17	table_nav	varchar	500	0	Y	N		跨表导航：
18	option	text	65535	0	Y	N		配置：
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	cart_id	int	10	0	N	Y		购物车ID：
2	title	varchar	64	0	Y	N		标题：
3	img	varchar	255	0	N	N	0	图片：
4	user_id	int	10	0	N	N	0	用户ID：
5	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
6	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
7	state	int	10	0	N	N	0	状态：使用中，已失效
8	price	double	9	2	N	N	0.00	单价：
9	price_ago	double	9	2	N	N	0.00	原价：
10	price_count	double	11	2	N	N	0.00	总价：
11	num	int	10	0	N	N	1	数量：
12	goods_id	mediumint	8	0	N	N		商品id：[0,8388607]
13	type	varchar	64	0	N	N	未分类	商品分类：
14	description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
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	更新时间：

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	complaint_feedback_id	int	10	0	N	Y		投诉反馈ID
2	user_name	int	10	0	Y	N	0	用户名
3	feedback_type	varchar	64	0	Y	N		反馈类型
4	problem_type	varchar	64	0	Y	N		问题类型
5	contact_email	varchar	125	0	Y	N		联系邮箱
6	contact_number	varchar	16	0	Y	N		联系电话
7	problem_description	text	65535	0	Y	N		问题描述
8	complaint_suggestions	text	65535	0	Y	N		投诉建议
9	examine_state	varchar	16	0	N	N	未审核	审核状态
10	examine_reply	varchar	16	0	Y	N		审核回复
11	recommend	int	10	0	N	N	0	智能推荐
12	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
13	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

1. 系统实现
   1. 用户登录的实现

用户登录页面，该页面有一个权限区分，主要用于区分系统管理员和普通客户的登录。当登录的账号是系统管理员时，管理员可以进行商品的后台管理，而普通客户只能进行客户端的操作，普通客户只有在注册登录以后方可在网上购买商品。如果客户还没有登录的账号和密码，必须先在系统上注册一个。在登录后，可以进入购买的操作。

已登录的用户可以查看、修改个人信息以及密码修改等操作。用户信息的查看功能在yonghuzhuce_updt.aspx.cs页面中实现。用户信息，和密码修改功能在系统窗口中实现的。

登录界面如下图所示。

图5-1登录界面

登录系统主要代码如下。

/**

     * 登录

     * @param data

     * @param httpServletRequest

     * @return

     */

    @PostMapping("login")

    public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

        log.info("[执行登录接口]");

        String username = data.get("username");

        String email = data.get("email");

        String phone = data.get("phone");

        String password = data.get("password");

        List resultList = null;

        Map<String, String> map = new HashMap<>();

        if(username != null && "".equals(username) == false){

            map.put("username", username);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

        else if(email != null && "".equals(email) == false){

            map.put("email", email);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

        else if(phone != null && "".equals(phone) == false){

            map.put("phone", phone);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }else{

            return error(30000, "账号或密码不能为空");

        }

        if (resultList == null || password == null) {

            return error(30000, "账号或密码不能为空");

        }

        //判断是否有这个用户

        if (resultList.size()<=0){

            return error(30000,"用户不存在");

        }

        User byUsername = (User) resultList.get(0);

        Map<String, String> groupMap = new HashMap<>();

        groupMap.put("name",byUsername.getUserGroup());

        List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();

        if (groupList.size()<1){

            return error(30000,"用户组不存在");

        }

        UserGroup userGroup = (UserGroup) groupList.get(0);

        //查询用户审核状态

        if (!StringUtils.isEmpty(userGroup.getSourceTable())){

            String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();

            String res = String.valueOf(service.runCountSql(sql).getSingleResult());

            if (res==null){

                return error(30000,"用户不存在");

            }

            if (!res.equals("已通过")){

                return error(30000,"该用户审核未通过");

            }

        }

        //查询用户状态

        if (byUsername.getState()!=1){

            return error(30000,"用户非可用状态，不能登录");

        }

        String md5password = service.encryption(password);

        if (byUsername.getPassword().equals(md5password)) {

            // 存储Token到数据库

            AccessToken accessToken = new AccessToken();

            accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

            accessToken.setUser_id(byUsername.getUserId());

            tokenService.save(accessToken);

            // 返回用户信息

            JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

            user.put("token", accessToken.getToken());

            JSONObject ret = new JSONObject();

            ret.put("obj",user);

            return success(ret);

        } else {

            return error(30000, "账号或密码不正确");

        }

}

1. 1. 系统前台主要功能实现 
      1. 首页的实现

用户界面要尽量简洁大方，使用户能够方便找到需要的功能入口，浏览、购买商品，且要易于修改和维护，同时还要保证用户合法和系统安全。

首页界面如下图所示。

图5-1首页界面

首页关键代码如下。

@RequestMapping(value = {"/avg_group", "/avg"})

public Map<String, Object> avg(HttpServletRequest request) {

        Query count = service.avg(service.readQuery(request), service.readConfig(request));

        return success(count.getResultList());

}

1. 1. 1. 用户注册的实现

用户注册页面主要用于客户注册，在这个页面中客户要填写用户名，密码，姓名，地址和Email等信息，并且各项信息都不能为空。客户也可以点击修改个人资料和密码。系统管理员对已注册客户的信息可进行确认，可将用户列为正式用户，也可以将其删除。一般注册了的用户默认都是正是用户，前提是管理员没有删除该账号。客户在注册成功以后，才可登录系统。模块的功能是在yonghuzhuce.aspx.cs页面中实现的。

用户注册界面如下所示。

图5-1用户注册界面

用户注册的关键代码如下。

/**

     * 注册

     * @param user

     * @return

     */

    @PostMapping("register")

    public Map<String, Object> signUp(@RequestBody User user) {

        // 查询用户

        Map<String, String> query = new HashMap<>();

        query.put("username",user.getUsername());

        List list = service.select(query, new HashMap<>()).getResultList();

        if (list.size()>0){

            return error(30000, "用户已存在");

        }

        user.setUserId(null);

        user.setPassword(service.encryption(user.getPassword()));

        service.save(user);

        return success(1);

}

/**

     * 用户ID：[0,8388607]用户获取其他与用户相关的数据

     */

    @Id

    @GeneratedValue(strategy = GenerationType.IDENTITY)

    @Column(name = "user_id")

    private Integer userId;

    /**

     * 账户状态：[0,10](1可用|2异常|3已冻结|4已注销)

     */

    @Basic

    @Column(name = "state")

    private Integer state;

    /**

     * 所在用户组：[0,32767]决定用户身份和权限

     */

    @Basic

    @Column(name = "user_group")

    private String userGroup;

    /**

     * 上次登录时间：

     */

    @Basic

    @Column(name = "login_time")

    private Timestamp loginTime;

    /**

     * 手机号码：[0,11]用户的手机号码，用于找回密码时或登录时

     */

    @Basic

    @Column(name = "phone")

    private String phone;

    /**

     * 手机认证：[0,1](0未认证|1审核中|2已认证)

     */

    @Basic

    @Column(name = "phone_state")

    private Integer phoneState;

    /**

     * 用户名：[0,16]用户登录时所用的账户名称

     */

    @Basic

    @Column(name = "username")

    private String username;

    /**

     * 昵称：[0,16]

     */

    @Basic

    @Column(name = "nickname")

    private String nickname;

    /**

     * 密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成

     */

    @Basic

    @Column(name = "password")

    private String password;

    /**

     * 邮箱：[0,64]用户的邮箱，用于找回密码时或登录时

     */

    @Basic

    @Column(name = "email")

    private String email;

    /**

     * 邮箱认证：[0,1](0未认证|1审核中|2已认证)

     */

    @Basic

    @Column(name = "email_state")

    private Integer emailState;

    /**

     * 头像地址：[0,255]

     */

    @Basic

    @Column(name = "avatar")

    private String avatar;

    /**

     * 创建时间：

     */

    @Basic

    @Column(name = "create_time")

    @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")

    private Timestamp createTime;

    @Basic

    @Transient

    private String code;

}

1. 1. 1. 商品展示的实现

商品展示页是展示系统商品的页面，通过sql语句："select shangpinxinximingcheng,id,tupian,jiage,addtime from shangpinxinxi order by addtime desc"，将所有是商品按商品编号降序排列。

商品展示页面，如下图所示。

图5-1商品展示页面

商品展示主要代码如下。

 @PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1);

}

    public Map<String,Object> readBody(BufferedReader reader){

        BufferedReader br = null;

        StringBuilder sb = new StringBuilder("");

        try{

            br = reader;

            String str;

            while ((str = br.readLine()) != null){

                sb.append(str);

            }

            br.close();

            String json = sb.toString();

            return JSONObject.parseObject(json, Map.class);

        }catch (IOException e){

            e.printStackTrace();

        }finally{

            if (null != br){

                try{

                    br.close();

                }catch (IOException e){

                    e.printStackTrace();

                }

            }

        }

        return null;

}

    public void insert(Map<String,Object> body){

        StringBuffer sql = new StringBuffer("INSERT INTO ");

        sql.append("`").append(table).append("`").append(" (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            sql.append("`"+humpToLine(entry.getKey())+"`").append(",");

        }

        sql.deleteCharAt(sql.length()-1);

        sql.append(") VALUES (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            Object value = entry.getValue();

            if (value instanceof String){

                sql.append("'").append(entry.getValue()).append("'").append(",");

            }else {

                sql.append(entry.getValue()).append(",");

            }

        }

        sql.deleteCharAt(sql.length() - 1);

        sql.append(")");

        log.info("[{}] - 插入操作：{}",table,sql);

        Query query = runCountSql(sql.toString());

        query.executeUpdate();

    }

1. 1. 1. 商品搜索的实现

商品搜索引擎主要是为客户提供一个商品搜索的功能，便于客户查找自己所需要的商品。在这里，客户可以通过选择下拉列表框中的选项，输入商品名，商品状态，发布人等，再在文本框中输入相应的信息后点击确定，就可以搜索到对应的商品信息。

商品搜索界面如下图所示。

图5-1商品搜索界面

1. 1. 1. 商品订单的实现

客户订单管理模块主要包括了查看客户详细订单和处理订单等功能。这些功能分别在dingdan_detail.jsp、dingdan_list.jsp二个页面中实现的。

客户填写订单，主要是在把选订的商品加入购物车以后，需填写的一个订单。目的是为了让管理员了解客户的信息，也是为客户提供一个购物的便利，以下信息客户必须填写。为了方便客户，特为客户提供了多种的支付币种，支付方式，客户可以在支付页面中选择适合自己情况的方式。

订单生成界面如下图所示。

图5-1订单生成界面

商品展示主要代码如下。

 @RestController

@RequestMapping("auth")

public class AuthController extends BaseController<Auth, AuthService> {

    /**

     * 服务对象

     */

    @Autowired

    public AuthController(AuthService service) {

        setService(service);

    }

1. 1. 1. 投诉反馈的实现

用户在lyblist查看投诉反馈，先使用sql语句查询出所有留言表的数据，返回一个数组对象，在for循环里，使用ASP.NET得到每个数组对象的数据，然后放入页面模板中，用户点击我要投诉反馈则跳转至lyb. aspx.cs。

投诉反馈界面如下图所示。

图5-1投诉反馈界面

留言回复界面如下图所示。

图5-1留言回复界面

投诉反馈主要代码如下。

 @RequestMapping("/get_obj")

    public Map<String, Object> obj(HttpServletRequest request) {

        List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));

        if (resultList.size() > 0) {

            JSONObject jsonObject = new JSONObject();

            jsonObject.put("obj",resultList.get(0));

            return success(jsonObject);

        } else {

            return success(null);

        }

}

1. 1. 系统后台主要功能实现 
      1. 用户管理的实现

管理员对系统用户的管理，在yhzhgl.aspx.cs实现管理员用户的管理，包括录入、删除、修改，修改密码通过SESSION获取用户名，然后输入新密码，提交到mod.aspx.cs中，使用sql命令更新密码。

用户管理界面如下图所示。

图5-1用户管理界面

登录密码修改界面如下图所示。

图5-1登录密码修改界面

登录密码修改的逻辑代码如下。

public String encryption(String plainText) {

        String re_md5 = new String();

        try {

            MessageDigest md = MessageDigest.getInstance("MD5");

            md.update(plainText.getBytes());

            byte b[] = md.digest();

            int i;

            StringBuffer buf = new StringBuffer("");

            for (int offset = 0; offset < b.length; offset++) {

                i = b[offset];

                if (i < 0)

                    i += 256;

                if (i < 16)

                    buf.append("0");

                buf.append(Integer.toHexString(i));

            }

            re_md5 = buf.toString();

        } catch (Exception e) {

            e.printStackTrace();

        }

        return re_md5;

}

1. 1. 1. 商品管理的实现

管理员在首页通过管理员账号登录以后，就可以进入后台管理。查询商品信息主要可以查看商品的编号，商品图片，单价等信息。商品信息管理模块中包含商品类别信息管理和商品信息管理两个小模块。在商品类别信息管理小模块中系统管理员可以对商品类别信息管理进行更改，其功能是在shangpinleibie_updt.jsp页面中实现的。而商品信息管理模块提供了商品信息的添加修改删除等功能。其中添加是在shangpin_add.jsp中实现的，可以添加商品名，介绍，类型，单价，以及上传图片和商品的简介等信息。

商品管理界面如下图所示。

图5-1商品管理界面

商品管理主要代码如下。

  @RequestMapping("/get_list")

    public Map<String, Object> getList(HttpServletRequest request) {

        Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

        return success(map);

    }

1. 1. 1. 订单管理的实现

管理员在后台管理界面点击到所有订单界面dingdan_list.aspx.cs，向控制层发送请求，搜索当前所有订单信息，控制层向数据访问层调用搜索全部订单的请求，向数据库的订单表搜索当前所有订单并将订单信息以对象的形式层层返回到dingdan_list.aspx.cs界面，显示出当前所有订单信息。同时可以删除过期订单，确认已有订单，进行发货处理。

订单管理界面如下图所示。

图5-1订单管理界面

订单管理主要代码如下。

 @PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1);

}

1. 系统测试
   1. 软件测试的概念

软件测试是指使用人工或全自动方法来操作或测试某些系统软件的整个过程。其目的取决于是否考虑要求的要求或澄清预期结果与特定结果之间的差异。它是帮助识别和开发设计手机软件计算机技术的正确性，彻底性和质量的全过程。

软件测试和测试不关注整个过程的主题活动，而只是分析整个过程中的物质以及开发和设计的手机软件。测试工程师应“实施”手机软件，在整个过程中对材料（开发文本和源代码）进行演练和操作，以发现问题并报告质量。测试工程师还必须假设手机软件存在问题，因此他们所做的实际操作都是为了更好地发现大量问题，而不仅仅是证明一切都适当。

1. 1. 软件测试过程

功能性测试是指执行指定的工作流程，通过对一个系统的所有特性和功能都进行测试确保符合需求和规范。

系统功能性测试表如下表所示。

表6-1系统功能性测试表

编号	测试功能	测试内容	测试结果
1	用户登录	1．验证用户名与密码的正确性。 2．验证密码是否可见。	通过
2	首页展示	1．首页数据是否成功加载。 2．验证搜索功能的准确性。 3．验证是否可以异步加载。 4．验证导航栏按钮。	通过
3	个人信息修改	1．验证登录名是否可以正常更改。 2．验证联系方式是否可以更改。 3．验证收货地址可以正常修改。 4．验证密码是否可以修改。	通过
4	购物车管理	1．购物车清单是否可以生成。 2．验证消费信息是否准确。	通过
5	评价添加	1．验证评价数据准确性与完整性。 2．验证评价提交是否能成功展示。	通过
7	商品类目管理	1．验证类目新增是否可以成功。 2．验证类目删除是否可以成功。	通过
8	商品管理	1．商品信息是否与上传一致。 2．是否能完成价格修改。 3．验证库存信息修改。	通过
9	订单处理	1．能否正常上传单号完成发货。 2．验证数据准确性。	通过
10	添加商品	1．上传商品是否添加验证。 2．图片是否成功上传。 3．验证表单是否提交成功。	通过
11	用户管理	1．验证用户录入功能。 2．验证用户违规清理功能。	通过

1. 1. 系统测试阶段

第一个测试阶段：系统软件的操作界面由几个子控制模块组成，每个子控制模块都有其相对的作用。因此，系统软件的检测必须首先进行控制模块的检测。每个控制模块必须执行明确定义的子功能。测试控制模块的目的是确保每个控制模块都可以作为一个模块运行。

第二个测试阶段：集成检测是根据设计方案的软件体系结构，按照某种对策对经过控制模块检测的各个控制模块进行组装，并在整个组成过程中进行必要的检测。

第三个测试阶段：客户将执行国潮文创用品销售网站设计的工程验收。系统测试后，所有控制模块均已根据设计计划组装成详细的国潮文创用品销售网站设计。错误的插槽已被移除，操作接口必须进一步认证成效。

1. 1. 测试结果

系统软件可以在运行过程中执行其相关功能，可以完成查询，添加，删除，修改等功能，并且运行显示信息都正常，后端管理数据库查询也可以正常工作，数据信息确保一致性和可靠性。

1. 总结与展望

通过对国潮文创用品销售网站设计的研究及设计与开发，基于SSM框架的国潮文创用品销售网站设计基本开发完毕，并实现了国潮文创用品销售网站设计的基本功能。主要包括用户注册信息管理、用户信息管理、商品管理、商品评价信息管理、客户订单管理、留言反馈管理模块。但是由于时间仓促及知识的缺陷，所以本系统还有很多不足的地方，比如没有与银行系统挂钩的支付模块，没有安全访问的限制，没有销售报表的打印等多方面的问题，这些都有待进一步的完善。

本课题按软件工程的要求设计与实现了整个系统，即可行性计划、需求分析报告、总体计划设计、总体设计和自动化测试过程。经开发与测试，其功能基础符合要求。该系统软件的关键是探索系统软件的开发环境，编程语言等核心技术，系统软件数据库查询的基本结构以及系统流程图程序模块的详细分析。该系统的创新点就是支持商品的多条件查询和喜好商品的自动推荐。