摘 要
近年来，随着移动互联网的快速发展，电商背景下精品茶网站越来越受到网民们的欢迎，电商背景下精品茶网站对国家经济的发展也起着越来越重要的作用。简单的流程、便捷可靠的支付方式、快捷畅通的物流快递、安全的信息保护都使得电商背景下精品茶网站越来越赢得网民们的青睐。现今，大量的计算机技术应用于商业领域，包括软件技术、网络技术、硬件技术等。越来越多的企业使用计算机来开展业务、销售、购买和宣传各种商品。各种商业系统和软件已经解放了企业的双手，并使企业能够最大限度地获得利益。因此，计算机技术在商业领域占有非常重要的地位。
本文主要通过对系统的前台系统和后台管理系统进行了功能性需求分析，对系统的安全性和可扩展性进行了非功能性需求分析。在详细的需求分析的基础上，系统设计使用SSM框架，采用基于MVVM模式进行开发，使用Eclipse为编写工具，数据方面主要采用的是微软的MySQL关系型数据库来作为数据存储媒介等完成系统的开发.完成了系统的主要模块的页面设计和功能实现。本文展示了首页页面的实现效果图，并通过代码和页面介绍了用户管理、茶叶资讯、商品管理、订单列表、精品推荐功能的实现过程。
关键词：电商背景下精品茶网站；Java语言；关系型数据库；数据存储
Design and implementation of high-quality tea website under the background of SSM E-commerce
Abstract
In recent years, with the rapid development of mobile Internet, high-quality tea websites under the background of e-commerce are more and more welcomed by netizens. Under the background of e-commerce, high-quality tea websites also play a more and more important role in the development of national economy. Simple process, convenient and reliable payment method, fast and smooth logistics express delivery and safe information protection all make the high-quality tea website more and more popular with Internet users under the background of e-commerce. Nowadays, a large number of computer technologies are used in commercial fields, including software technology, network technology, hardware technology and so on. More and more enterprises use computers to carry out business, sell, buy and publicize all kinds of goods. Various business systems and software have liberated the hands of enterprises and enabled enterprises to maximize benefits. Therefore, computer technology plays a very important role in the commercial field.
This paper mainly analyzes the functional requirements of the foreground system and background management system, and analyzes the non functional requirements of the security and scalability of the system. On the basis of detailed demand analysis, the system design uses SSM framework, MVVM based mode for development, eclipse as the writing tool, and Microsoft MySQL relational database as the data storage medium to complete the development of the system The page design and function realization of the main modules of the system are completed. This paper shows the implementation effect of the home page, and introduces the implementation process of user management, tea information, commodity management, order list and boutique recommendation through code and page.
Key words: Boutique tea website under the background of e-commerce; Java language; Relational database; data storage
近年来，随着移动互联网的迅速发展，除了传统的网页浏览、资料搜索、发送电子邮件等基本应用外，国内大多数网民已经渐渐习惯了通过网络接受购物、通讯、旅游、娱乐等传统功能之外的新服务模式，其中利用网络购物也日益成为人们生活中一种重要的购物形式。互联网的快速发展为在线电商购物系统发展提供了强大保障和支撑，另外，在线网上购物的外部环境也逐渐得到了改善，移动互联网终端（手机、平板）使得网民结构变得越来越大众化，网上支付结算手段越来越便捷，快递物流越来越畅通，相应的法规政策也越来越完善。
-
- 开发意义
现如今，在线网上购物对人们的吸引力越来越大，人们对网上购物的看法也从一开始的不了解到了解，从怀疑到逐渐信任，从拒绝到慢慢接受并习惯。在线网上购物的观念已经越来越深入人心，促使人们在线网上购物的主要因素有：
（1）方便快捷。网上购物可全天 24 小时营业，人们不需要奔赴到商店就可进行购物，购买的商品也可以直接送达到家。这样就使得消费者即使足不出户，也能买到来自世界各地得喜爱商品。
（2）信息量大。相比于传统的购物的方式，电子商务所能容纳的信息量非常大，既包括现实产品也包括虚拟产品。另外，还可以提供一些比较特殊的产品，既能保护消费者的个人隐私，又能满足消费者不同的心理需求。
（3）私密性强。消费者有时候在购买一些不愿意让别人知道的商品时，利用网上购物，卖家和快递物流都可以保护好用户的隐私，这样就可以避免一些不必要的麻烦。
-
- 主要工作及论文结构
本文的主要工作是研究如何将计算机和信息管理进行有机结合，从而利用Java语言以及Mysql数据库技术在Dreamweaver中实现了系统的功能模块，切实的开发出一套贴近电商背景下精品茶网站的实际，有效管理电商背景下精品茶网站的系统。
论文结构如下：
第一章绪论：主要对电商背景下精品茶网站的开发背景,研究现状，目的,及意义进行了分析。
第二章开发技术及软件：主要把系统开发工具进行介绍，另外讲解开发系统所用到的一些特殊功能技术。
第三章系统分析：主要是对电商背景下精品茶网站进行需求分析，以及对其数据流程与功能进行分析。
第四章系统设计：主要根据系统需求对系统的设计进行介绍，以及对数据的开发与功能模块设计的过程。
第五章系统实现：本章主要结合系统界面截图，介绍了系统各个功能实现的结果。
第六章系统测试：本章系统进行功能模块的测试，撰写测试用例，确保系统各大功能准确无误。
第七章总结与展望：对整个论文的研究内容进行总结，概括整个论文的特点，指出不足之处，为下步深究指明方向。
本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于Java的ssm框架进行开发。
前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。
后端部分：采用ssm作为开发框架，同时集成MyBatis、Redis等相关技术
MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验，如Silverlight、音频、视频、3D、动画……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。
Mysql 经过多次的更新，功能层面已经非常的丰富和完善了，从Mysql4版本到5版本进行了比较大的更新，在商业的实际使用中取得了很好的实际应用效果。最新版本的Mysql支持对信息的压缩，同时还能进行加密能更好的满足对信息安全性的需求。同时经过系统的多次更新，数据库自身的镜像功能也得到了很大的增强，运行的流畅度和易用性方面有了不小的进步，驱动的使用和创建也更加的高效快捷。最大的变动还是进行了空间信息的显示优化，能更加方便的在应用地图上进行坐标的标注和运算。强大的备份功能也保证了用户使用的过程会更加安心，同时支持的Office特性还支持用户的自行安装和使用。在信息的显示形式上也进行了不小的更新，增加了两个非常使用的显示区，一个是信息区，对表格和文字进行了分类处理，界面的显示更加清爽和具体。第二是仪表的信息控件，能在仪表信息区进行信息的显示，同时还能进行多个信息的比对，为用户的实际使用带来了很大的便捷。
针对本文中设计的在线考试系统在实际的实现过程中，最终选择Mysql数据库的主要原因在于在企业的应用系统应用及开发的过程中会存在大量的数据库比较频繁的操作，而且数据的安全性要求也是非常的高。综合这些因素，最终选择安全性系数比较高的Mysql来对在线考试系统后台数据进行存储操作。
数据库管理系统的总体结构图如下图所示。
图2-1 数据库组成结构
-
-
B/S结构
-
B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果， 不需要考虑不停装软件的问题。
SSM即SpringMVVM+Spring+MySQL，这三个框架有各自最独有的优势，那么将它们组合在一起能够碰撞出很强的火花。设计者在不需消耗大量功夫，能做出Web应用程序，而且这个程序还具有层次清晰、升级更新操作不影响正常使用的、允许多次使用的特点。这个复合框架形成一个有着结构完整、功能强大和结构良好的体系：SpringMVVM使各板块分离，Spring使开发更灵活方便，让开发者直接对对象进行操纵，各层次分工明细，并实现各个层次间的解耦，让代码更加的灵活精简。这个框架使程序员能够规避在开发时期避免个别错误导致整体被破坏，也能在后期应对客户对产品提出的新需求。
-
- ssm框架各层关系：
DAO层、Service层这两个层次都可以单独开发，互相的耦合度很低，完全可以独立进行，这样的一种模式在开发大项目的过程中尤其有优势。
Controller，View层因为耦合度比较高，因而要结合在一起开发，但是也可以看作一个整体独立于前两个层进行开发。这样，在层与层之前只需要知道接口的定义，调用接口即可完成所需要的逻辑单元应用，一切显得非常清晰简单。
开发任何一个系统，都要对其可行性进行分析，对其时间和资源上的限制进行考虑，这样可以减少系统开发的风险。同时，分析之后不仅能够合理的运用人力，还能在各方面资源的消耗上得到节省。下面就对技术、经济和社会三个方面来介绍。
技术可行性主要考虑当前项目所用的技术是否能够符合，在设备上是否能够满足，及各种辅助工具是否提供帮助。本系统用的是Java开发语言，调试相对简单，当前的计算机硬件配置也完全能满足开发的需求，因此在技术上是绝对可行的。软件方面：由于软件的开发平台成熟可行,它们速度快、容量大、可靠性能高、价格低，完全能满足系统的需求。采用Java编程语言，已无技术上的问题。
系统所采用的Myeclipse开发平台和Mysql后端数据库均为免费开发工具。故开发成本主要集中在后期的推广及系统维护上。相对于成本较高的C/S模式，也是选用了成本较低的B/S模式，所以经济上几乎没任何问题。
本系统是自行开发的系统，以方便高效管理电商背景下精品茶网站为出发点，是具有实际意义的系统，开发的环境软件和用到的数据库也都是开源代码，不存在侵权等问题，所以在社会方面也是可行的。
对于性能分析，与传统的管理方式相比，传统的管理方式是使用人工通过用纸和笔进行数据信息的统计和管理，并且这种方式对于存储和查找某一数据信息都比较麻烦，随着计算机网络的到来，这种传统的方法很难适应当下社会的发展，不仅降低人们的办事效率，而且还需要很多的人力和物力，对于使用的时间和所要花费的费用都是比较高的，为了降低成本费用，提高用户的工作效率，进行开发一套基于计算机和网络技术的电商背景下精品茶网站。
电商背景下精品茶网站的开发设计时一个独立的系统，以之前数据库进行数据的存储开发，主要是为了实现电商背景下精品茶网站的用户角色及相对应的功能模块，让电商背景下精品茶网站的管理不会存在管理差异、低效率，而是跟传统的管理信息恰好相反，电商背景下精品茶网站的实现可以节约资源，并且对于业务的处理速度也提高，速度快、效率高，功能性强大。
3.3系统流程分析
3.3.1添加信息流程
添加信息,编号系统使用自动编号模式,没有用户填写,用户添加信息输入信息,系统将自动确认的信息和数据,验证的成功是有效的信息添加到数据库,信息无效,重新输入信息。添加信息流程如图3-3所示。
3.3.2操作流程
用户想进入系统，首先进入系统登录界面，通过正确的用户名、密码，选择登录类型登录，系统会检查登录信息，信息正确，然后输入相应的功能界面，提示信息错误，登录失败。系统操作流程如图3-4所示。
3.3.3删除信息流程
用户选择要删除的信息并单击Delete按钮。系统提示是否删除信息。如果用户想要删除信息，系统将删除信息。系统数据库删除信息。删除信息流程图如图3-5所示。
图3-5 删除信息流程图
电商背景下精品茶网站的系统项目的概述设计分析，主要内容有电商背景下精品茶网站的具体分析，进行数据库的是设计，数据采用mysql数据库，并且对于系统的设计采用比较人性化的操作设计，对于系统出现的错误信息可以及时做出处理及反馈。
基于电商背景下精品茶网站的设计基于现有的电脑，可以实现管理员，用户管理、茶叶资讯、商品管理、订单列表、精品推荐等详细的了解及统计分析。根据系统功能需求建立的模块关系图如下图：
-
- 开发流程设计
电商背景下精品茶网站的开发对管理模块和系统使用的数据库进行分析，编写代开发，规划和操作是构建信息管理应用程序的必要三步曲，它决定了系统是否能够真正实现预设功能以及是否可以在成功设计后实施。在开发过程中，每个阶段必须严格按照线性顺序进行开发，并且在相应阶段生成的每个工作都可以通过技术进行验证和检查。确保一个阶段完成后是正确的，不会造成下一阶段拖拽现象，使系统完成设计功能后得到保证。
从电商背景下精品茶网站的成功开发经验来看，上述方法效果最为明显，最大程度地降低了系统开发的复杂性。如图4-2所示。
图4-2开发系统流程图
数据库是信息系统的基础和核心。数据库设计的好坏直接影响到信息系统开发的成败。创建数据库表首先确定实体的属性和实体之间的关系。根据关系创建一个数据表。
4.3.1实体ER图
数据库是整个软件编程中最重要的一个步骤，对于数据库问题主要是判定数据库的数量和结构公式的创建。展示系统使用的是Mysql进行对数据库进行管理，进行保证数据的安全性、稳定性等。
概念模型的设计是为了抽象真实世界的信息，并对信息世界进行建模。它是数据库设计的强大工具。数据库概念模型设计可以通过E-R图描述现实世界的概念模型。系统的E-R图显示了系统中实体之间的链接。而且Mysql数据库是自我保护能力比较强的数据库，下图主要是对数据库实体的E-R图：
（1）商品管理信息管理E-R图，如图4-3所示：
图4-3商品管理信息实体属性图
(2) 精品推荐管理E-R图如图4-4所示：
图4-4精品推荐管理实体图
这些功能可以充分满足电商背景下精品茶网站的需求。此系统功能较为全面如下图系统功能结构如图4-5所示。
图4-5系统功能结构图
4.3.2数据表
将数据库概念设计的E-R图转换为关系数据库。在关系数据库中，数据关系由数据表组成，但是表的结构表现在表的字段上。
user_registration表
| 名称 |
类型 |
长度 |
不是null |
主键 |
注释 |
| user_registration_id |
int |
11 |
是 |
是 |
用户注册ID |
| user_name |
varchar |
64 |
是 |
否 |
用户名 |
| gender |
varchar |
64 |
否 |
否 |
性别 |
| personal_introduction |
varchar |
64 |
否 |
否 |
个人介绍 |
| examine_state |
varchar |
16 |
是 |
否 |
审核状态 |
| recommend |
int |
11 |
是 |
否 |
智能推荐 |
| user_id |
int |
11 |
是 |
否 |
用户ID |
| create_time |
datetime |
0 |
是 |
否 |
创建时间 |
| update_time |
timestamp |
0 |
是 |
否 |
更新时间 |
commodity_management表:
| 名称 |
类型 |
长度 |
不是null |
主键 |
注释 |
| commodity_management_id |
int |
11 |
是 |
是 |
商品管理ID |
| remarks |
varchar |
64 |
否 |
否 |
备注 |
| examine_state |
varchar |
16 |
是 |
否 |
审核状态 |
| recommend |
int |
11 |
是 |
否 |
智能推荐 |
| cart_title |
varchar |
125 |
否 |
否 |
标题 |
| cart_img |
text |
0 |
否 |
否 |
封面图 |
| cart_description |
varchar |
255 |
否 |
否 |
描述 |
| cart_price_ago |
double |
8 |
是 |
否 |
原价 |
| cart_price |
double |
8 |
是 |
否 |
卖价 |
| cart_inventory |
int |
11 |
是 |
否 |
商品库存 |
| cart_type |
varchar |
64 |
是 |
否 |
商品分类 |
| cart_content |
longtext |
0 |
否 |
否 |
正文 |
| cart_img_1 |
text |
0 |
否 |
否 |
主图1 |
| cart_img_2 |
text |
0 |
否 |
否 |
主图2 |
| cart_img_3 |
text |
0 |
否 |
否 |
主图3 |
| cart_img_4 |
text |
0 |
否 |
否 |
主图4 |
| cart_img_5 |
text |
0 |
否 |
否 |
主图5 |
| create_time |
datetime |
0 |
是 |
否 |
创建时间 |
| update_time |
timestamp |
0 |
是 |
否 |
更新时间 |
boutique_recommendation表:
| 名称 |
类型 |
长度 |
不是null |
主键 |
注释 |
| boutique_recommendation_id |
int |
11 |
是 |
是 |
精品推荐ID |
| trade_name |
varchar |
64 |
否 |
否 |
商品名称 |
| commodity_category |
varchar |
64 |
否 |
否 |
商品种类 |
| commodity_price |
varchar |
64 |
否 |
否 |
商品价格 |
| product_cover |
varchar |
255 |
否 |
否 |
商品封面 |
| product_description |
text |
0 |
否 |
否 |
商品描述 |
| product_introduction |
longtext |
0 |
否 |
否 |
商品介绍 |
| hits |
int |
11 |
是 |
否 |
点击数 |
| praise_len |
int |
11 |
是 |
否 |
点赞数 |
| examine_state |
varchar |
16 |
是 |
否 |
审核状态 |
| recommend |
int |
11 |
是 |
否 |
智能推荐 |
| create_time |
datetime |
0 |
是 |
否 |
创建时间 |
| update_time |
timestamp |
0 |
是 |
否 |
更新时间 |
comment表:
| 名称 |
类型 |
长度 |
不是null |
主键 |
注释 |
| comment_id |
int |
11 |
是 |
是 |
评论ID |
| user_id |
int |
11 |
是 |
否 |
评论人ID |
| reply_to_id |
int |
11 |
是 |
否 |
回复评论ID |
| content |
longtext |
0 |
否 |
否 |
内容 |
| nickname |
varchar |
255 |
否 |
否 |
昵称 |
| avatar |
varchar |
255 |
否 |
否 |
头像地址 |
| create_time |
timestamp |
0 |
是 |
否 |
创建时间 |
| update_time |
timestamp |
0 |
是 |
否 |
更新时间 |
| source_table |
varchar |
255 |
否 |
否 |
来源表 |
| source_field |
varchar |
255 |
否 |
否 |
来源字段 |
| source_id |
int |
10 |
是 |
否 |
来源ID |
slides表:
| 名称 |
类型 |
长度 |
不是null |
主键 |
注释 |
| slides_id |
int |
10 |
是 |
是 |
轮播图ID |
| title |
varchar |
64 |
否 |
否 |
标题 |
| content |
varchar |
255 |
否 |
否 |
内容 |
| url |
varchar |
255 |
否 |
否 |
链接 |
| img |
varchar |
255 |
否 |
否 |
轮播图 |
| hits |
int |
10 |
是 |
否 |
点击量 |
| create_time |
timestamp |
0 |
是 |
否 |
创建时间 |
| update_time |
timestamp |
0 |
是 |
否 |
更新时间 |
comment表：
| 名称 |
类型 |
长度 |
不是null |
主键 |
注释 |
| comment_id |
int |
11 |
是 |
是 |
评论ID |
| user_id |
int |
11 |
是 |
否 |
评论人ID |
| reply_to_id |
int |
11 |
是 |
否 |
回复评论ID |
| content |
longtext |
0 |
否 |
否 |
内容 |
| nickname |
varchar |
255 |
否 |
否 |
昵称 |
| avatar |
varchar |
255 |
否 |
否 |
头像地址 |
| create_time |
timestamp |
0 |
是 |
否 |
创建时间 |
| update_time |
timestamp |
0 |
是 |
否 |
更新时间 |
| source_table |
varchar |
255 |
否 |
否 |
来源表 |
| source_field |
varchar |
255 |
否 |
否 |
来源字段 |
| source_id |
int |
10 |
是 |
否 |
来源ID |
从web系统查询数据的根本的查询步骤：
Step1: 进行检查并且过滤来自用户的系统数据；
Step2: 成立起一个合适的数据库进行连接；
Step3: 进行查询系统数据库；
Step4: 获得查询的结构；
Step5: 把查询的结果展示给用户。
Step6: 数据库连接断开，释放资源。
数据库连接原理如下图所示。
图5-1数据库连接原理
数据库连接关键代码如下所示。
/**
* 临时访问牌(AccessToken)表实体类
*
*/
@TableName("access_token")
@Data
@EqualsAndHashCode(callSuper = false)
public class AccessToken implements Serializable {
private static final long serialVersionUID = 913269304437207500L;
/**
* 临时访问牌ID
*/
@TableId(value = "token_id", type = IdType.AUTO)
private Integer tokenId;
/**
* 临时访问牌
*/
@TableField(value = "token")
private String token;
/**
* 最大寿命：默认2小时
*/
@TableField(value = "maxage")
private Integer maxage;
/**
* 创建时间：
*/
@TableField(value = "create_time")
private Timestamp createTime;
/**
* 更新时间：
*/
@TableField(value = "update_time")
private Timestamp updateTime;
/**
* 用户信息
*/
@TableField(value = "user_id")
private Integer user_id;
}
为确保系统安全性，系统操作员只有在登录界面输入正确的用户名、密码、权限以及验证码，单击“登录”按钮后才能够进入本系统的主界面。
用户登录流程图如下所示。
图5-1用户登录流程图
登录界面如下图所示。
图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;
QueryWrapper wrapper = new QueryWrapper<User>();
Map<String, String> map = new HashMap<>();
if(username != null && "".equals(username) == false){
map.put("username", username);
resultList = service.selectBaseList(service.select(map, new HashMap<>()));
}
else if(email != null && "".equals(email) == false){
map.put("email", email);
resultList = service.selectBaseList(service.select(map, new HashMap<>()));
}
else if(phone != null && "".equals(phone) == false){
map.put("phone", phone);
resultList = service.selectBaseList(service.select(map, new HashMap<>()));
}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.selectBaseList(userGroupService.select(groupMap, new HashMap<>()));
if (groupList.size()<1){
return error(30000,"用户组不存在");
}
UserGroup userGroup = (UserGroup) groupList.get(0);
//查询用户审核状态
if (!StringUtils.isEmpty(userGroup.getSourceTable())){
String res = service.selectExamineState(userGroup.getSourceTable(),byUsername.getUserId());
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, "账号或密码不正确");
}
}
public String select(Map<String,String> query,Map<String,String> config){
StringBuffer sql = new StringBuffer("select ");
sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");
sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query, "0".equals(config.get(FindConfig.LIKE))));
if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){
sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");
}
if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){
sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");
}
if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){
int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;
int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;
sql.append(" limit ").append( (page-1)*limit ).append(" , ").append(limit);
}
log.info("[{}] - 查询操作，sql: {}",table,sql);
return sql.toString();
}
public List selectBaseList(String select) {
List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);
List<E> list = new ArrayList<>();
for (Map<String,Object> map:mapList) {
list.add(JSON.parseObject(JSON.toJSONString(map),eClass));
}
return list;
}
用户输入账号、设置密码、确认密码、昵称、邮箱、手机号、身份、姓名 性别、学号等必填信息后，点击注册按钮完成用户的注册。
用户注册流程图如下所示。
图5-1用户注册流程图
用户注册界面如下图所示。
图5-1用户注册界面
/**
* 注册
* @return
*/
@PostMapping("register")
public Map<String, Object> signUp(HttpServletRequest request) throws IOException {
// 查询用户
Map<String, String> query = new HashMap<>();
Map<String,Object> map = service.readBody(request.getReader());
query.put("username",String.valueOf(map.get("username")));
List list = service.selectBaseList(service.select(query, new HashMap<>()));
if (list.size()>0){
return error(30000, "用户已存在");
}
map.put("password",service.encryption(String.valueOf(map.get("password"))));
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){
E entity = JSON.parseObject(JSON.toJSONString(body),eClass);
baseMapper.insert(entity);
log.info("[{}] - 插入操作：{}",entity);
}
-
-
- 个人中心模块的实现
-
用户登录以后点击“个人中心”可以查看到自己的个人信息，对个人信息进行更新操作，个人信息界面。
个人中心界面如图所示。
图5-7讨论交流界面
讨论交流关键代码如下。
@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);
}
当访客点击了任意茶叶后将会进入该款茶叶的详情界面，可以了解到该茶叶的商品信息、价钱信息，同时可以对该茶叶进行加入购物车+立即购买+评论+收藏，茶叶详情展示。
茶叶详情界面如图所示。
图5-1茶叶详情界面
为确保系统安全性，系统操作员只有在登录界面输入正确的用户名、密码、权限以及验证码，单击“登录”按钮后才能够进入本系统的主界面。
管理员登陆流程图如下所示。
图5-1管理员登陆流程图
管理员登陆界面如下图所示。
图5-1管理员登陆界面
订单列表信息添加功能主要指对其订单号、商品图片、价格、原价、购买数量、总价、联系人名称、联系人电子、订单状态、买家等一些基本信息的编辑添加、删除和修改。
订单列表界面如图所示。
图5-1订单列表管理界面
订单列表管理关键代码如下：
@RequestMapping(value = "/del")
@Transactional
public Map<String, Object> del(HttpServletRequest request) {
service.delete(service.readQuery(request), service.readConfig(request));
return success(1);
}
}
商品管理信息添加功能主要指对其项标题、封面图、卖价、原价、商品库存、商品分类、描述、备注等一些基本信息的编辑查询添加、删除和修改。
商品管理信息流程图如下所示。
图5-1商品管理信息流程图
商品管理界面如下图所示。
图5-1商品管理界面
-
-
- 用户资料修改模块的实现
-
用户登录/注册成功之后可以修改自己的基本信息。修改页面的表单中每一个input的name值都要与实体类中的参数相匹配，在用户点击修改页面的时候，如果改后用户名与数据库里面重复了，页面会提示该用户名已经存在了，否则通过Id来查询用户，并将用户的信息修改为表单提交的数据。
个人信息界面如下所示。
图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;
}
-
-
- 精品推荐管理模块的实现
-
精品推荐信息添加功能主要指对其项商品名称、商品封面、商品种类、商品描述等一些基本信息的编辑查看评论、查询添加、删除和修改。
精品推荐管理信息流程图如下所示。
图5-1精品推荐管理信息流程图
精品推荐管理界面如下图所示。
图5-1精品推荐管理界面图
精品推荐管理关键代码如下所示。
public List selectBaseList(String select) {
List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);
List<E> list = new ArrayList<>();
for (Map<String,Object> map:mapList) {
list.add(JSON.parseObject(JSON.toJSONString(map),eClass));
}
return list;
}
1、服务器端
操作系统：Windows 7
Web服务器：Tomcat7.0
数据库：Mysql
开发语言：Java
2、客户端
浏览器：Internet Explorer10
界面布局：DIV+CSS
分辨率：最佳效果1027*768以上像素
3、开发工具
Visual Studio Code
Myeclipse
系统测试是用于检查软件的质量、性能、可靠性等是否符合用户需求。一套严谨的、规范的、完善的测试过程将大大提高软件的质量、可信度、可靠性，降低软件的出错率，降低用户风险系数。通过在计算机上对系统进行测试试验并从中发现此系统中存在的问题和错误然后加以修改，使之更加符合用户需求。
1.测试的目的是通过测试来发现程序在执行过程中的错误的过程。
2.好的测试方案是可以检验出还未被发现的错误的方案。
3.好的测试是发现了到目前为止还未被发现的错误的测试。
4.该系统能够完成在线投票活动/经费申请、在线投票维护、活动/经费申请维护、用户维护、系统维护等功能，做到所开发的系统操作简单，尽量使系统操作不受用户对电脑知识水平的限制。
下表是电商背景下精品茶网站功能的测试用例，检测了电商背景下精品茶网站中对精品推荐信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。
前置条件；用户登录系统。
表6-1精品推荐管理的测试用例
| 功能描述 |
用于精品推荐管理 |
|
| 测试目的 |
检测精品推荐管理时的各种操作的运行情况 |
|
| 测试数据以及操作 |
预期结果 |
实际结果 |
| 点击添加精品推荐，必填项合法输入，点击保存 |
提示添加成功 |
与预期结果一致 |
| 点击添加精品推荐，必填项输入不合法，点击保存 |
提示必填项不能为空 |
与预期结果一致 |
| 点击修改精品推荐，必填项修改为空，点击保存 |
提示必填项不能为空 |
与预期结果一致 |
| 点击修改精品推荐，必填项输入不合法，点击保存 |
提示必填项不能为空 |
与预期结果一致 |
| 点击删除精品推荐，选择精品推荐删除 |
提示删除成功 |
与预期结果一致 |
| 点击搜索精品推荐，输入存在的精品推荐名 |
查找出精品推荐 |
与预期结果一致 |
| 点击搜索精品推荐 ，输入不存在的在线投票名 |
不显示精品推荐 |
与预期结果一致 |
下表是运动分类管理功能的测试用例，检测了商品管理的操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。
前置条件；用户登录系统。
表6-2 商品管理管理的测试用例
| 功能描述 |
用于商品管理管理 |
|
| 测试目的 |
检测商品管理管理时各种操作的情况 |
|
| 测试数据以及操作 |
预期结果 |
实际结果 |
| 未选择报名，点击提交 |
提示请选择报名 |
与预期结果一致 |
| 未上传附件，点击提交 |
提示请选择附件 |
与预期结果一致 |
| 未选择原因，点击提交 |
提示请选择原因 |
与预期结果一致 |
根据以上测试情况，测试结果如下表所示。
表6-1测试结果表
| 测试项目 |
测试结果 |
| 登录测试 |
成功 |
| 修改密码测试 |
成功 |
| 商品管理测试 |
成功 |
| 精品推荐测试 |
成功 |
| 茶叶资讯 |
成功 |
| 用户管理测试 |
成功 |
| 资讯分类管理测试 |
成功 |
| 订单列表管理测试 |
成功 |
| 分类列表管理测试 |
成功 |
本研究针对电商背景下精品茶网站地需求建模，数据建模及过程建模分析设计并实现电商背景下精品茶网站的过程。给出系统应用架构并分析优劣势，通过功能分解图，系统组件图描述功能需求。设计建立了数据库，给出系统关键数据结构的定义。通过类关系图描述组件间的协作关系，给出各个类的定义方法。通过描述每一个类的字段，属性及方法实现电商背景下精品茶网站的前后端代码。最终给出系统集成整合方法，完成电商背景下精品茶网站地设计与实现。
在此项目的开发中，先要按照产品经理做出的产品模型铺出大体的页面，并在其中找好页面的逻辑关系，并且中途总结一些页面上的问题重新反馈给产品经理，当静态页面的搭建的大体已经完善时，就需要和负责后台开发的技术开发者联系，来接好前后台的数据接口，可以让后台的信息在前台显示出来，在这个项目实现中，不光明白了前端开发和产品经理的联系，也明白了后台在整个系统中起到了什么作用，因为前后台的连接，用户可以对系统进行操作，可以在输入自己的相关信息后，通过后台加工，完成对数据库的查找、修改、添加，而理解了这些关系与实现的方法后。再去完善整个系统的功能就更加清晰与简单了。此次的项目它涉及了前台与后台系统的搭建，在学校所学的知识基础上，此次的项目，让我对于一个系统的前端开发，以及后台的作用都有了一个更深切的认知。
参考文献
[1]李 慧. 高职 Java 语言程序设计线上线下混合式教学模式探究[J]. 教育天地,2022,4(2):
[2]雷珂,胡艳.Java集合框架底层解析[J].电脑编程技巧与维护,2022(01):13-15.
[3]孙辉中.JAVA编程语言在计算机软件开发中的应用[J].网络安全技术与应用,2022(01):49-50.
[4]刘学玉.JAVA编程语言在计算机软件开发中的应用[J].电子技术与软件工程,2022(01):57-60.
[5]张烈超,胡迎九.典型Java Web开发框架模型的研究[J].武汉交通职业学院学报,2021,23(04):122-127.
[6]徐旭,李明明,夏辉,陈曦,王天宇,肖硕,雍旭.基于SSM框架的互联网+多元监管下构建医疗设备质量控制管理服务平台研究[J].中国医学装备,2021,18(12):106-110.
[7]李春生,李朝霞,刘涛,胡亚楠.基于SSM的科研室管理系统的研究与设计[J].计算机技术与发展,2021,31(12):148-154.
[8]胡世洋,赖森林.浅论SSM框架在构建“微农”信息服务中的应用[J].电脑知识与技术,2021,17(34):4-6.
[9]李耀,李路兰,王明宇,杨广,王伟,孙新杰.基于SSM框架的创新创业申报系统的构建——以六盘水师范学院为例[J].电脑知识与技术,2021,17(33):47-48+52.
[10]王宇,夏丽丽,何颖刚.基于SSM框架的高校毕业论文管理系统的设计与实现[J].电子技术与软件工程,2021(22):26-29.
[11]Jun Ma, Jun Mao, Long Chen , Lili Yin. Design and Implementation of Multi-terminal Debugging System based on SSM Framework[J]. International Core Journal of Engineering,2021,7(7):
[12]丁明月. 基于SSM的化工技术电子商务平台的研究与实现[D].淮阴工学院,2021.
[13]王冯涛. 基于SSM的地铁站智慧管理系统的设计与实现[D].北京交通大学,2021.
[14]Kevin Suryaatmaja,Dermawan Wibisono,Achmad Ghazali,Rachma Fitriati. Uncovering the failure of Agile framework implementation using SSM-based action research[J]. Palgrave Communications,2020,6(8):
[15]熊禹. 针对Java语言的源代码同源性分析技术研究与实现[D].北京邮电大学,2020.
[16]GB/T 34944-2017, Java语言源代码漏洞测试规范[S].
[17]SJ/T 11683-2017, Java语言源代码缺陷控制与测试指南[S].
[18]Wijoyo Hadion,Haudi H,Sunarsi Denok,Cahyono Yoyok,Wijayanti Kiki Dwi,Nuryani Yusni,Nariah N,Akbar Mada Faisal. Design of Information System Buddhist Identity Card in Riau Province Using Java Programming Language[P]. 2nd Annual Conference on Education and Social Science (ACCESS 2020),2021.
致谢
在此论文完成之际，感谢我的指导老师。在指导老师的网页设计课上，当时我学到了很多东西，这对于我实习过程中也打了一定的基础，而且指导老师对于我的设计也提出许多建议，并予以悉心的指导，对于一些细小的问题都耐心的指导我去完善，授予我写论文的好友，时常的鼓励我，另外感谢教导我完善此项目的前端同学，对于这个项目，我是边学习边实现完成的，有许多东西开始并不是很明白，但前端开发的同学非常耐心的引导我去将这个项目完成，在系统的后端开发中，所用到的后台开发技术也时常会给我讲解，助于我更好的将论文完成，在此对帮助到我的同学和一直予以教导的指导老师致以衷心的感谢，祝事业有成。
点赞+收藏+关注 → 私信领取本源代码、数据库
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。