摘 要
近年来，随着移动互联网的快速发展，电子商务越来越受到网民们的欢迎，电子商务对国家经济的发展也起着越来越重要的作用。简单的流程、便捷可靠的支付方式、快捷畅通的物流快递、安全的信息保护都使得电子商务越来越赢得网民们的青睐。现今，大量的计算机技术应用于商业领域，包括软件技术、网络技术、硬件技术等。越来越多的企业使用计算机来开展业务、销售、购买和宣传各种商品。各种商业系统和软件已经解放了企业的双手，并使企业能够最大限度地获得利益。因此，计算机技术在商业领域占有非常重要的地位。
本文主要通过对系统的前台系统和后台管理系统进行了功能性需求分析，对系统的安全性和可扩展性进行了非功能性需求分析。在详细的需求分析的基础上，根据系统的功能设计确定了数据库结构，实现完整的代码编写。彩妆专卖商城系统使用 Dreamweaver、HBuilder代码编辑器、Apache服务器等开发工具，完成了系统的主要模块的页面设计和功能实现。本文展示了首页页面的实现效果图，并通过代码和页面介绍了用户注册功能、商品搜索功能、生成订单和查看我的订单功能、在线付款功能的实现过程。
关键词：电子商务； HBuilder代码编辑器；商品搜索
Design and Implementation of a Makeup Monopoly Mall System
Abstract
In recent years, with the rapid development of mobile Internet, e-commerce is more and more popular among netizens, and e-commerce is playing an increasingly important role in the development of national economy. Simple procedures, convenient and reliable payment methods, fast and unblocked logistics and express delivery, and safe information protection all make e-commerce more and more win the favor of netizens. Nowadays, a large number of computer technologies are applied in the business field, including software technology, network technology, hardware technology, etc. More and more enterprises use computers to carry out business, sell, buy and advertise various goods. Various business systems and software have freed the hands of enterprises and enabled them to maximize profits. Therefore, computer technology plays a very important role in business.
This paper mainly analyzes the functional requirements of the foreground system and background management system of the system, and analyzes the non-functional requirements of the security and scalability of the system. On the basis of detailed demand analysis, the database structure is determined according to the function design of the system, and the complete code is written. The system uses Dreamweaver, HBuilder code editor, Apache server and other development tools to complete the page design and function realization of the main modules of the system. This paper shows the realization effect diagram of the home page, and through the code and page introduced the user registration function, commodity search function, order generation and view my order function, online payment function realization process.
Key words:E-commerce; HBuilder code editor; Commodity search
目 录
第1章 绪论
1.1 研究背景与意义
近年来，随着移动互联网的迅速发展，除了传统的网页浏览、资料搜索、发送电子邮件等基本应用外，国内大多数网民已经渐渐习惯了通过网络接受购物、通讯、旅游、娱乐等传统功能之外的新服务模式，其中利用网络购物也日益成为人们生活中一种重要的购物形式。互联网的快速发展为彩妆专卖商城系统发展提供了强大保障和支撑，另外，在线网上购物的外部环境也逐渐得到了改善，移动互联网终端（手机、平板）使得网民结构变得越来越大众化，网上支付结算手段越来越便捷，快递物流越来越畅通，相应的法规政策也越来越完善。现如今，在线网上购物对人们的吸引力越来越大，人们对网上购物的看法也从一开始的不了解到了解，从怀疑到逐渐信任，从拒绝到慢慢接受并习惯。在线网上购物的观念已经越来越深入人心，促使人们在线网上购物的主要因素有：
（1）方便快捷。网上购物可全天 24 小时营业，人们不需要奔赴到商店就可进行购物，购买的商品也可以直接送达到家。这样就使得消费者即使足不出户，也能买到来自世界各地得喜爱商品。
（2）信息量大。相比于传统的购物的方式，电子商务所能容纳的信息量非常大，既包括现实产品也包括虚拟产品。另外，还可以提供一些比较特殊的产品，既能保护消费者的个人隐私，又能满足消费者不同的心理需求。
（3）私密性强。消费者有时候在购买一些不愿意让别人知道的商品时，利用网上购物，卖家和快递物流都可以保护好用户的隐私，这样就可以避免一些不必要的麻烦。
1.2 开发现状
由于近年来在线销售行业的兴起，也了解了一些相关信息。在中国，以前的销售只是传统销售，而在线销售似乎满足了市场需求。到目前为止，有一些家喻户晓的名字，如淘宝和天猫。然而，这种在线销售也有一些缺点:用户不能在下订单并付款后立即提货，他们还应该考虑货物是否受损。该系统是根据商品网络上的销售情况开发的。
经过几年的发展，许多被消费者认可的网上购物中心已经出现在国内外。这些网上购物中心的内容是多样化的，它们包含的功能相对完善，包括注册用户、搜索商品、管理订单、介绍商品细节以及在线留言。如今，互联网的广泛使用在一定程度上导致了国内外在线购物中心的发展，只要企业通过这个平台在线打字，就可以随时管理系统的内容。通过展示商品内容和发布公告，鼓励消费者购买和进行在线交易。
1.3 论文组成结构
根据市场调研得到的信息数据，结合国内外前沿研究，利用相关系统开发和设计方法，最终设计出彩妆专卖商城系统。
本文共有七章，如下所示。
第一章概述了彩妆专卖商城系统的研究目的和意义；精炼地总结了国内外在内的领域研究情况和未来的研究趋势，最后给出了论文的组成结构。
第二章简要概述了本文所用的开发技术和工具。
第三章简要对系统各业务流程进行需求分析、可行性分析。
第四章对彩妆专卖商城系统进行设计。
第五章对彩妆专卖商城系统进行实现，并贴出相关页面截图，语言描述出具体功能实现的操作方法。
第六章对彩妆专卖商城系统采用测试用例的方式来对一些主要功能模块测试，最后得出测试结果。
第七章总结全文并对未来的研究做出展望。
第2章 开发工具及相关技术介绍
2.1 开发技术说明
本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于Java的springboot框架进行开发。
前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。
后端部分：采用springboot作为开发框架，同时集成MyBatis、Redis等相关技术。
2.2 JavaScript脚本语言
此作品中，其中包含了页面的搭建，以及前后台数据接口的连接等，而对于实现用户页面交互以及一些页面逻辑性判断等功能都是用JavaScript完成的[7]，而JavaScript是已经被广泛用于Web应用开发，是一种属于网络的脚本语言，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能。JavaScript作为一种描述语言，作用于web前端，它基于对象（object）和事件驱动（Event Driven）并且安全性也较好。它可以有效的在客户端运行并为服务器减轻负担[8]。
1、JavaScript具有的特点：
（1）脚本语言。JavaScript是一种脚本语言并具有解释性，在程序运行过程中，它就可以进行解释[9]。
（2）基于对象。JavaScript可以创建对象，而且还可以使用现在存在的对象，它是基于对象的脚本语言。
（3）简单。JavaScript不对使用的数据类型有着严格的要求，应用的是弱类型的变量类型，设计是十分紧凑简单。
（4）动态性。JavaScript是可以不经过Web服务器对用户的操作做出相应，是可以采用事件驱动的脚本语言。
（5）跨平台性。JavaScript可以不依赖操作系统，但需要浏览器的支持。所以在编写JavaScript脚本后可以在任意机器上使用，但要注意的一点，使用的浏览器是支持JavaScript脚本语言，现在大多浏览器也支持JavaScript[10]。
2、JavaScript的用途
JavaScript的用途是解决页面交互和数据交互，最终目的是丰富客户端效果以及数据的有效传递[11]。
（1）实现页面交互，提升用户体验实现页面特效。即js操作html的dom节构或操作样式。
（2）客户端表单验证。当数据传送到服务端前，可以将用户填入并上交的信息快速有效的验证，进行了数据的交互，为服务器减轻了负担[12]。
2.3 Mysql数据库
Mysql Database，通常简称为Mysql，是一款关系型数据库的管理系统。Mysql数据库系统是目前最流行的关系型数据库管理系统之一，其系统具有良好的可移植性，功能强大且使用十分方便[8]。Mysql支持很多系统和硬件，包括HP-UX，Linux，MicrosoftWindows，SunSolaris，AppleMac等[13]。
Mysql系统的特点：
（1）Mysql的多线索服务器的体系结构使其只利用很少的资源就能够支持多用户的、大数据的高性能事务处理；
（2）Mysql支持大量的多媒体数据，例如声音、动画、二进制图形和多维数据结构等；
（3）Mysql提供了安全保密管理系统，具有良好的安全性、一致性和完整性；
（4）具有新的分布式数据库能力和分布处理的能力；
（5）提供了一些高级语言的接口软件，可以帮助快速开发基于客户端的应用程序，具有良好的移植性、可连结性和可兼容性[14]。
Mysql数据库逻辑结构包含表空间(tablespace)、段(segment)、范围(extend)、数据块(datablock)、和模式对象(schemaobject) 。每一个数据库都可以逻辑划分为一个或多个表空间，每一个表空间都是由一个或多个数据文件来组成。Mysql数据库分为系统表空间和非系统表空间，每一个Mysql数据库都包含一个称作SYSTEM的系统表空间。
2.4 AJAX技术
AJAX是创建交互式网页的一种开发技术，利用AJAX技术可以实现以无刷新网页的方式更新HTML元素中的内容。传统的网页如果要更新网页内容，必须重新加载整个页面，而AJAX使用异步数据传输在网页和Web服务器之前传递HTTP请求，这样可以使网页只请求少量信息，而不用刷新整个页面[15]。
第3章 系统分析
3.1 可行性分析
本系统将在经济、技术、操作这三个角度上进行可行性分析。
3.1.1 经济可行性
整个系统从设计到开发以及测试过程严谨步骤齐全，所有工作任务全部由本人完成，并未获取外部技术支持，节约了一切服务成本开销以及人工成本，在硬件方面，为节约成本使用一台二手移动工作站作为项目部署服务器以及数据库服务器，成本在一万元一下，真个网络部署也是由本人独立完成不涉及到其他人工费用，整个开发过程本着低成本，低消耗的原则。
3.1.2 技术可行性
技术可行性分析的目的是确认该系统能否利用现有技术实现，并评估开发效率和完成情况。技术的可行性是指在当前的技术条件下，计算机软件和硬件的开发是否能够满足发展的要求。因为该系统的开发基于java语言，所以开发该系统所需的软件和硬件条件可以在普通计算机上满足。因为它占用的内存相对较少，所以用Mysql数据库开发和设计软件理论上没有问题，因为它占用的内存太少。上述技术可以有效地保证系统的成功和高效开发。
3.1.3 操作可行性
彩妆专卖商城系统的使用界面简单易于操作，采用常见的界面窗口来登录界面，通过电脑进行访问操作，用户只要平时使用过电脑都能进行访问操作。此系统的开发采用java技术开发，人性化和完善化是B/S结构开发比较显要的特点使得用户操作相比较其他更加简洁方便。易操作、易管理、交互性好在本系统操作上体现得淋漓尽致。
3.2 功能性需求分析
1.注册：首先检查用户名和邮箱是否存在，如果都不存在才能进行注册，并将用户输入的密码进行MD5加密，注册成功后提示注册成功，并将用户信息保存到数据库中。
2.商品展示功能模块主要包括产品搜索、查看商品详情功能。未注册用户（游客）和已注册用户均可以在首页进行产品搜索及查看商品详情。具体功能需求如下：
（1）商品搜索：前台用户可以在前台输入关键词进行搜索，搜索成功后返回该商品的动态排序列表，且能够进行分页展示。
（2）查看商品详情：用户可点击对应商品，从而查看该商品的商品详情。
3.购买订单管理功能模块主要包括加入购买订单、更新购买订单商品数量、删除购买订单商品：
- 加入购买订单：购买订单是存放用户想要下单的商品，包括商品、下单数量和总金额。
（2）更新商品数量：用户可在查看购买订单时更新所需商品的数量。
（3）全选/单选：用户可全选/单选所需商品，系统将对所选中的商品计算总价。
4.在线支付：
（1）提交订单：用户提交订单后会自动跳转到支付页面，支付页面显示订单金额和二维码。
（2）支付：用户可扫描二维码进行支付。
（3）返回订单状态：付款完成后将订单状态改为已付款状态，返回订单页面。
5.商品管理：
（1）商品列表：展示所有商品信息，形成的列表样式。
（2）商品搜索：通过商品名、商品类目来搜索商品。
（3）图片上传：给商品添加商品图片。
（4）增加商品；
（5）更新商品：更新商品的信息，如商品名、商品图片、价格、数量等。
（6）商品上下架；
6.商品类目管理：
（1）添加品类：管理员可对品类进行管理，点击添加品类选择父类并输入品类名称即可添加品类。
（2）修改品类：管理员可对品类的名称进行修改。
（3）查看子品类：管理员可查看所有平级品类的品类ID，品类名称等。
7.订单管理：
（1）按订单号查询订单：
（2）查看订单详情：
8.资讯管理：
（1）资讯列表：展示所有资讯信息，形成的列表样式。
（2）资讯搜索：通过资讯标题、资讯编号来搜索资讯。
（3）图片上传：给资讯添加资讯图片。
（4）增加资讯；
（5）更新资讯：更新资讯的信息，如资讯标题、资讯图片、内容等。
（6）资讯删除；
系统用例图如下所示。
图3-1系统用例图
商品添加用例描述如下表所示。
表3-1商品添加用例描述
| 用例名称 | 添加新商品 | |
| 参与者 | 管理员 | |
| 用例概述 | 本用例用于管理员进行添加新商品操作 | |
| 前置条件 | 管理员添加新商品前必须登录系统 | |
| 后置条件 | 系统中添加一个新商品 | |
| 基本事件流 | 参与者动作 | 系统响应 |
4、管理员填写新商品信息，点击“添加”按钮。 | 2、系统打开添加新商品界面。 3、系统检查管理员输入的商品信息是正确有效的。 5、系统将商品添加到数据库中。 6、系统提示“操作成功”。 7、系统跳转到商品管理界面。 | |
| 其他事件流 | 1、系统验证管理员输入的商品名为空，则提示“*请填写商品名称！”。 2、系统验证管理员输入的价格不是货币格式，则提示“*价格必须是货币格式！” | |
商品删除用例描述如下表所示。
表3-2商品删除用例描述
| 用例名称 | 删除商品 | |
| 参与者 | 管理员 | |
| 用例概述 | 本用例用于管理员进行删除商品操作 | |
| 前置条件 | 管理员删除商品前必须登录系统 | |
| 后置条件 | 系统中删除一个商品 | |
| 基本事件流 | 参与者动作 | 系统响应 |
| 1、管理员在后台主界面选择“商品管理”。 4、管理员选择一个商品，点击“删除”按钮。 6、管理员点击“确定”按钮。 | 2、系统从数据库中获取商品信息列表 3、系统打开商品列表界面。 5、系统提示“你确定要删除吗？”。 7、系统将商品从数据库中删除。 8、系统提示“删除成功”。 9、系统跳转到商品管理界面。 | |
| 其他事件流 | 无 | |
用户编辑用例描述如下表所示。
表3-3用户编辑用例描述
| 用例名称 | 修改用户 | |
| 参与者 | 管理员 | |
| 用例概述 | 本用例用于管理员进行修改用户信息操作 | |
| 前置条件 | 管理员已经登录系统 | |
| 后置条件 | 系统中更新一条用户记录 | |
| 基本事件流 | 参与者动作 | 系统响应 |
| 1、管理员在后台主界面选择“用户管理”。 4、管理员在用户列表中选择一个用户，点击“编辑”按钮。 6、管理员填写用户信息，点击“保存修改”按钮。 | 2、系统从数据库中获取用户信息。 3、系统打开用户列表界面。 5、系统打开修改用户信息界面。 7、系统将更改后的添加到数据库中。 8、系统提示“操作成功”。 9、系统跳转到用户管理界面。 | |
| 其他事件流 | 无 | |
商品购买用例描述如下表所示。
表3-5商品购买用例描述
| 用例名称 | 商品购买 | |
| 参与者 | 用户 | |
| 用例概述 | 本用例用于用户进行对商品购买操作 | |
| 前置条件 | 用户已经登录系统 | |
| 后置条件 | 系统中增加一条用户购买记录 | |
| 基本事件流 | 参与者动作 | 系统响应 |
| 1、用户在前台首页选择任意一个商品分类。 4、管理员在用户列表中选择一个商品。 7、用户填写购买订单，点击“购买”按钮。 | 2、系统从数据库中获取商品列表信息。 3、系统打开商品列表界面。 5、系统从数据库中获取商品信息。 6、系统打开商品信息及购买界面。 8、系统检查用户输入的信息是正确有效的。 9、系统将购买记录添加到数据库中。 | |
| 其他事件流 | 1、系统验证用户输入的字段为空，则提示“*购买数量不能为空！”。 | |
3.3 非功能性需求分析
随着用户量的增加，系统可能会需要同时服务上千、上万个页面，服务器需要同时响应大量用户的操作，这就要求系统需要有良好的可扩展性，否则系统会出现延迟，卡顿甚至服务器崩溃的问题。高扩展性可以使软件保持旺盛的生命力，同时也能够使系统更好的适应用户增加、提高性能需求、增加应用功能等改变。
系统中保存了大量用户和管理员的个人信息，因此，保证系统服务器和数据安全是在开发过程中需要考虑的重要问题。安全性包括服务器安全、操作系统安全、数据库安全、程序代码安全以及用户个人信息和支付安全等，系统可以通过采用防火墙技术、加密技术、认证技术等来增强其安全性，只有一个健壮安全的系统才能具有长久的生命力。
第4章 系统设计
4.1 功能模块设计
通过软件的需求分析已经获得了系统的基本功能需求。根据各大功能模块的不同，将系统分为各种功能大块。系统功能结构如下图所示。
图4-2系统功能结构图
注册/登录
游客(未进行注册或登陆的用户)可以浏览、搜索商品，但不能进行收藏和购买。用户注册首先需要进行表单验证，来验证用户名和手机号码是否合法，然后验证用户名和手机号是否已经存在，验证通过即可注册。
注册成功后，用户可以通过输入用户名来登录系统，输入密码后进行验证。登录成功后，用户可以使用商品收藏、商品购买、查看我的订单、个人信息管理等功能。
个人信息管理
用户登录系统后，在账户设置中，可以修改昵称、头像、手机号、登陆密码、收货地址等个人基本信息。
商品搜索
系统首页展示了商品搜索输入框，用户在输入框内输入与商品名称相关的关键字，系统通过模糊查询搜索到用户需要的商品并展示。
商品信息展示
用户在浏览商品时，点击某一个商品，跳转到该商品的信息展示页。在商品信息页面展示了商品的详情信息，比如商品介绍，商品详情，商品销量和收藏量等，用户通过浏览信息了解商品的主要功能和用途，最终决定是否购买。
商品购买
在商品信息页面，用户可以通过点击“购买”进行购买商品，点击后跳转到订单生成页面。订单生成页面会展示商品信息，收货地址，优惠信息等，用户确认后信息无误点击“提交”生成订单，订单生成后跳转到支付页面，支付完成则购买成功。
生成订单
用户在购买商品时，点击商品信息页面的“立即购买”或购买记录页面的“去结算”，跳转到订单生成页面，在订单生成页面用户需要确认收货地址、收货人手机号、收货人姓名等信息，确认无误后点击“提交订单”，订单提交成功，生成一条订单信息。
查看订单详情
用户在查看我的订单列表时，可以点击某一个订单来查看该订单的详细信息，主要包括订单编号、订单状态、订单日期、订单中的商品、交易金额等。订单详情还可以查看商品物流信息，用户通过能够物流信息了解所购买商品的发货状态。
商品列表
管理员可以在“商品列表”中展示商城中需要销售的商品，包含商品名称，商品属性以及类目等商品信息。管理员可以对商品进行搜索，按分类查询商品。
商品添加
添加商品首先需要输入商品基本信息，如商品名称、商品数量、商品分类等；然后需要编辑商品信息详情，如商品规格，商品描述，商品图片等。管理员也可以删除已添加的商品。
商品管理
用户在购买商品时需要选择商品规格，管理员可以设置商品规格的名称以及展示的顺序等。管理员还可以给商品规格添加属性值，也可以删除不需要的属性值。同时，管理员可以编辑商品信息，如商品介绍、商品展示图片等，方便用户浏览。
订单管理
管理员根据订单号、收货人姓名、收货地址、收货人手机号码等基本订单信息进行发货配送。
留言管理
系统首页可以发布留言。用户可以添加、发送留言的信息，如留言内容等信息，管理员回复留言信息。
4.2 数据库设计
4.2.1 概念模型设计
概念设计包括实体和联系两部分，如该系统中，用户是一个实体，其属性包括用户 ID 标识、用户名、密码、电话、地址等属性。联系是指实体之间有意义的关联，包括一对一、一对多、多对多三种类型。
系统E-R图如下所示。
图4-3系统E-R图
在图中，用户购买商品，关系为1:N，管理员管理商品的关系为1:N，用户和订单的关系为1:N。
4.2.2 数据库逻辑设计
针对系统的实体和属性，结合数据设计思想，对系统的逻辑设计的内容进行如下描述。
商品（商品编号、商品名称、商品图片、价格、类目、库存数量、介绍）。
订单（订单编号、用户名、订单内容、总金额、手机号、收货地址、是否支付、当前状态）。
商品类目（商品类目编号、添加时间、名称）。
资讯（资讯编号、标题、类别、内容、图片）。
4.2.3 数据库表设计
数据库表是设计和实现系统的一个重要基础。以下列出了该购物系统几个重要的数据库表。
表名：config
功能：配置文件
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| name | varchar | 100 | 配置参数名称 | ||
| value | varchar | 100 | 配置参数值 |
表名：chat
功能：在线客服
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| userid | bigint | 用户id | |||
| adminid | bigint | 管理员id | |||
| ask | longtext | 4294967295 | 提问 | ||
| reply | longtext | 4294967295 | 回复 | ||
| isreply | int | 是否回复 |
表名：chanpinfenlei
功能：产品分类
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| chanpinfenlei | varchar | 200 | 产品分类 |
表名：token
功能：token表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| userid | bigint | 用户id | |||
| username | varchar | 100 | 用户名 | ||
| tablename | varchar | 100 | 表名 | ||
| role | varchar | 100 | 角色 | ||
| token | varchar | 200 | 密码 | ||
| addtime | timestamp | 新增时间 | CURRENT_TIMESTAMP | ||
| expiratedtime | timestamp | 过期时间 | CURRENT_TIMESTAMP |
表名：cart
功能：购物车表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| tablename | varchar | 200 | 商品表名 | meizhuangchanpin | |
| userid | bigint | 用户id | |||
| goodid | bigint | 商品id | |||
| goodname | varchar | 200 | 商品名称 | ||
| picture | longtext | 4294967295 | 图片 | ||
| buynumber | int | 购买数量 | |||
| price | float | 单价 | |||
| discountprice | float | 会员价 |
表名：systemintro
功能：关于我们
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| title | varchar | 200 | 标题 | ||
| subtitle | varchar | 200 | 副标题 | ||
| content | longtext | 4294967295 | 内容 | ||
| picture1 | longtext | 4294967295 | 图片1 | ||
| picture2 | longtext | 4294967295 | 图片2 | ||
| picture3 | longtext | 4294967295 | 图片3 |
表名：address
功能：地址
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| userid | bigint | 用户id | |||
| address | varchar | 200 | 地址 | ||
| name | varchar | 200 | 收货人 | ||
| phone | varchar | 200 | 电话 | ||
| isdefault | varchar | 200 | 是否默认地址[是/否] |
表名：storeup
功能：收藏表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| userid | bigint | 用户id | |||
| refid | bigint | 商品id | |||
| tablename | varchar | 200 | 表名 | ||
| name | varchar | 200 | 名称 | ||
| picture | longtext | 4294967295 | 图片 | ||
| type | varchar | 200 | 类型(1:收藏,21:赞,22:踩,31:竞拍参与,41:关注) | 1 | |
| inteltype | varchar | 200 | 推荐类型 | ||
| remark | varchar | 200 | 备注 |
表名：aboutus
功能：关于我们
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| title | varchar | 200 | 标题 | ||
| subtitle | varchar | 200 | 副标题 | ||
| content | longtext | 4294967295 | 内容 | ||
| picture1 | longtext | 4294967295 | 图片1 | ||
| picture2 | longtext | 4294967295 | 图片2 | ||
| picture3 | longtext | 4294967295 | 图片3 |
表名：orders
功能：订单
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| orderid | varchar | 200 | 订单编号 | ||
| tablename | varchar | 200 | 商品表名 | meizhuangchanpin | |
| userid | bigint | 用户id | |||
| goodid | bigint | 商品id | |||
| goodname | varchar | 200 | 商品名称 | ||
| picture | longtext | 4294967295 | 商品图片 | ||
| buynumber | int | 购买数量 | |||
| price | float | 价格 | 0 | ||
| discountprice | float | 折扣价格 | 0 | ||
| total | float | 总价格 | 0 | ||
| discounttotal | float | 折扣总价格 | 0 | ||
| type | int | 支付类型 | 1 | ||
| status | varchar | 200 | 状态 | ||
| address | varchar | 200 | 地址 | ||
| tel | varchar | 200 | 电话 | ||
| consignee | varchar | 200 | 收货人 | ||
| remark | varchar | 200 | 备注 | ||
| logistics | longtext | 4294967295 | 物流 |
表名：news
功能：美容资讯
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| title | varchar | 200 | 标题 | ||
| introduction | longtext | 4294967295 | 简介 | ||
| picture | longtext | 4294967295 | 图片 | ||
| content | longtext | 4294967295 | 内容 |
表名：messages
功能：在线留言
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| userid | bigint | 留言人id | |||
| username | varchar | 200 | 用户名 | ||
| avatarurl | longtext | 4294967295 | 头像 | ||
| content | longtext | 4294967295 | 留言内容 | ||
| cpicture | longtext | 4294967295 | 留言图片 | ||
| reply | longtext | 4294967295 | 回复内容 | ||
| rpicture | longtext | 4294967295 | 回复图片 |
表名：meizhuangchanpin
功能：美妆产品
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| chanpinbianhao | varchar | 200 | 产品编号 | ||
| chanpinmingcheng | varchar | 200 | 产品名称 | ||
| chanpinfenlei | varchar | 200 | 产品分类 | ||
| pinpai | varchar | 200 | 品牌 | ||
| guige | varchar | 200 | 规格 | ||
| zuoyong | varchar | 200 | 作用 | ||
| xiangqing | longtext | 4294967295 | 详情 | ||
| fengmian | longtext | 4294967295 | 封面 | ||
| onelimittimes | int | 单限 | |||
| alllimittimes | int | 库存 | |||
| clicktime | datetime | 最近点击时间 | |||
| clicknum | int | 点击次数 | 0 | ||
| price | float | 价格 |
表名：yonghu
功能：用户
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| yonghuzhanghao | varchar | 200 | 用户账号 | ||
| mima | varchar | 200 | 密码 | ||
| yonghuxingming | varchar | 200 | 用户姓名 | ||
| touxiang | longtext | 4294967295 | 头像 | ||
| xingbie | varchar | 200 | 性别 | ||
| nianling | int | 年龄 | |||
| shoujihaoma | varchar | 200 | 手机号码 | ||
| zhuceriqi | date | 注册日期 | |||
| money | float | 余额 | 0 |
表名：discussmeizhuangchanpin
功能：美妆产品评论表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| refid | bigint | 关联表id | |||
| userid | bigint | 用户id | |||
| avatarurl | longtext | 4294967295 | 头像 | ||
| nickname | varchar | 200 | 用户名 | ||
| content | longtext | 4294967295 | 评论内容 | ||
| reply | longtext | 4294967295 | 回复内容 |
表名：users
功能：用户表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| username | varchar | 100 | 用户名 | ||
| password | varchar | 100 | 密码 | ||
| role | varchar | 100 | 角色 | 管理员 | |
| addtime | timestamp | 新增时间 | CURRENT_TIMESTAMP |
第5章 系统实现
5.1 用户登录的实现
用户注册完成后，点击“登陆”进入到登陆页面，输入用户名和密码，点击“登陆”按钮，对用户名和密码进行验证，根据传入的用户名和密码在数据库中是否能查询到一条用户信息，若不能返回用户信息则登陆失败，页面提示用户名或密码错误。
登录界面如下图所示。
图5-1登录界面
5.2 系统前台主要功能实现
5.2.1 首页的实现
用户界面要尽量简洁大方，使用户能够方便找到需要的功能入口，浏览、购买商品，且要易于修改和维护，同时还要保证用户合法和系统安全。
首页界面如下图所示。
图5-1首页界面
5.2.2 用户注册的实现
用户进入系统首页后，点击“注册”链接进入到注册页面，按照页面提示输入用户名、密码和手机号，页面进行表单验证，验证输入的用户名和手机号是否合法，表单验证通过后，点击“立即注册”按钮，利用 Ajax 技术，对用户名和手机号实现页面无刷新验证，检测数据库中是否已经存在该用户名或手机号，若数据库中不存在，则注册成功，注册成功后，自动跳转到登录页面。
用户注册界面如下所示。
图5-1用户注册界面
5.2.3 商品展示的实现
商品展示页是展示系统商品的页面，通过sql语句："select shangpinxinximingcheng,id,tupian,jiage,addtime from shangpinxinxi order by addtime desc"，将所有是商品按商品编号降序排列。
商品展示页面，如下图所示。
图5-1商品展示页面
5.2.4 商品搜索的实现
系统首页提供了搜索商品的输入框，用户在输入框内输入想要查找商品的关键字，点击搜索按钮，系统将用户输入的关键字传递到后台。首先创建一个实体类 PageBean，该实体类的属性包括页码 pageCode、每页记录数 pageSize、总记录数 totalRecord 和一个 List 集合 beanList，利用输入的关键字对数据库进行模糊查询，将得到的结果存入 PageBean 中，返回PageBean 跳转到 goodList.php 页面，在 goodList.php 页面，使用循环将搜索到的结果分页展示。
商品搜索界面如下图所示。
图5-1商品搜索界面
5.2.5 商品购买的实现
用户在浏览商品时，对于心仪的想要购买的商品，可以将该商品添加到购买记录中。点击“添加购买记录”按钮，页面将该商品的数据传递到后台，首先查询数据库购买记录表中是否已经存在该商品，若存在直接将商品数量加一，若不存在则创建一个新的购买记录对象，添加购买记录成功，数据库中的购买记录表添加一条信息。用户还可以点击“我的购买记录”查看添加到购买记录的商品，系统通过读取 session获取到用户 ID，将用户 ID 传递到后台，在购买记录表中查询该用户的所有购买记录信息，返回数据到我的购买记录页面。
商品购买界面如下图所示。
图5-1商品购买界面
个人购买记录界面如下图所示。
图5-1个人购买记录界面
5.3 系统后台主要功能实现
5.3.1 会员管理的实现
管理员对系统会员的管理，在yhzhgl.php实现管理员会员的管理，包括录入、删除、修改，修改密码通过SESSION获取会员名，然后输入新密码，提交到mod.php中，使用sql命令更新密码。
会员管理界面如下图所示。
图5-1会员管理界面
5.3.2 美妆产品管理的实现
管理员可以获取系统中所有美妆产品的列表并对其进行编辑。管理员在添加商品时，需要输入商品基本信息，如名称、价格、规格等，还需要输入商品详情描述，包括对商品功能的描述以及展示图片等。添加商品完成，数据库商品表添加一条信息。管理员可以搜索商品，同时可以对已经添加的商品进行编辑。
商品管理界面如下图所示。
图5-1商品管理界面
商品管理主要代码如下。
5.3.3 订单管理的实现
管理员在后台管理界面点击到所有订单界面dingdan_list.php，向控制层dingdanAction发送请求，搜索当前所有订单信息，dingdanAction向订单数据访问层调用搜索全部订单的请求，向数据库的订单表搜索当前所有订单并将订单信息以对象的形式层层返回到dingdan_list.php界面，显示出当前所有订单信息。同时可以删除过期订单，确认已有订单，进行发货处理。
订单管理界面如下图所示。
图5-1订单管理界面
第6章 系统测试
6.1 系统可靠性测试
以进入系统首页的访问速度为例展示系统的性能测试；系统的主要用户群体是购物理念较为先进的消费者，系统要在3秒钟内响应；需要完成页面的菜单栏、首页轮播图片、类目及商品列表、商品评价以及各功能模块入口等元素的显示。
6.2 系统功能性测试
功能性测试是指执行指定的工作流程，通过对一个系统的所有特性和功能都进行测试确保符合需求和规范。
系统功能性测试表如下表所示。
表6-1系统功能性测试表
| 编号 | 测试功能 | 测试内容 | 测试结果 |
| 1 | 用户登录 | 1．验证用户名与密码的正确性。 2．验证密码是否可见。 | 通过 |
| 2 | 首页展示 | 1．首页数据是否成功加载。 2．验证搜索功能的准确性。 3．验证是否可以异步加载。 4．验证导航栏按钮。 | 通过 |
| 3 | 个人信息修改 | 1．验证登录名是否可以正常更改。 2．验证联系方式是否可以更改。 3．验证收货地址可以正常修改。 4．验证密码是否可以修改。 | 通过 |
| 7 | 商品类目管理 | 1．验证类目新增是否可以成功。 2．验证类目删除是否可以成功。 | 通过 |
| 8 | 商品管理 | 1．商品信息是否与上传一致。 2．是否能完成价格修改。 3．验证库存信息修改。 | 通过 |
| 9 | 订单处理 | 1．能否正常上传单号完成发货。 2．验证数据准确性。 | 通过 |
| 10 | 添加商品 | 1．上传商品是否添加验证。 2．图片是否成功上传。 3．验证表单是否提交成功。 | 通过 |
| 11 | 用户管理 | 1．验证用户录入功能。 2．验证用户违规清理功能。 | 通过 |
6.3 系统合格性测试
集成测试后，所有的模块已经全部连接完毕，形成了一个完整的系统。合格性测试是在集成测试完毕后，进一步对系统进行综合性的检测。经过合格性测试，可以检查出系统是否符合系统的设计，能够完成需求的所有功能。本系统经过最后的测试，所有模块功能都能按预定要求工作。
6.4 测试结果
在实际测试中，经过一系列系统性的测试，使我们能够及时发现一些系统在设计中出现的疏忽和漏洞。经过严密的测试，不仅发现了模块内部的错误，也查找到模块连接后产生的错误。经过测试，对系统产生错误的地方进行优化、修改和完善，使得系统能够实现最初设计的基本功能。
第7章 总结与展望
本文针对彩妆专卖商城系统的特点和用户需求，利用 PHP相关技术、Web 开发技术和MVC 模式等技术，通过详细的需求分析、页面设计和功能设计，最终实现了一个基于 java 的彩妆专卖商城系统。
系统利用 Html 提供的标签库、JQuery 技术和 CSS 技术进行了系统页面设计，实现了包括用户模块、商品模块、购买记录模块和订单模块的前台系统以及包括用户管理模块、商品管理模块、订单管理模块的后台系统。另外，系统还进行了数据安全设计和推荐商品模块设计，并添加了用户的访问控制，建立了一个完整、健壮、安全稳定的彩妆专卖商城系统。
该系统的特点有：
（1）简单大方，易于操作的 Web 页面；
（2）利用 Ajax 技术使页面进行无刷新更新；
（3）根据用户的浏览和购买记录，向用户推荐可能感兴趣的商品；
（4）系统具有商品搜索功能，使用户能够简单方便的找到自己心仪的商品；
（5）商品评论功能可以帮助用户更全面的了解商品信息，用户可以发表自己对已购买商品的评价；
（6）有良好的安全性和可扩展性，增强了系统的可靠性，使系统保持持久的生命力。
由于时间限制和本人能力条件有限，该系统还存在一些不足，今后也会出现许多新的开发技术，未来还可以对系统做出如下改进：
（1）优化系统页面，使页面更加美观且方便操作；
（2）优化商品搜索功能，提供多条件选择查询搜索；
（3）优化商品推荐功能，提高商品推荐的精准度；
（4）优化在线支付功能，提供更多支付接口，使用户付款更加方便；
（5）进一步提高系统的安全性，使系统更加健壮；
（6）优化数据和代码，提升软件效率，方便系统维护和扩展。
参考文献
[1]余鹏翔,石军锋.基于SpringBoot框架的群养母猪饲喂站管理系统设计与试验[J].中国农机化学报,2023,44(03):149-155+241.DOI:10.13733/j.jcam.issn.2095-5553.2023.03.021.
[2]刘敏.一个在线Java语言教学系统的设计与实现[J].电脑知识与技术,2023,19(05):48-51+59.DOI:10.14004/j.cnki.ckt.2023.0263.
[3]Pratap Singh Surya,Singh Jagbir,Pal Anuj. Application on Soil Bearing Capacity by Using SPT Values[J]. IOP Conference Series: Earth and Environmental Science,2023,1110(1).
[4]佟羽齐,刘德华,张栎柯,李剑波,张俊杰.基于SpringBoot框架的钻前管理系统的设计与实现[J].信息与电脑(理论版),2023,35(02):111-113.
[5]Maruti Endang Sri,Yulianto Bambang,Suhartono Suhartono,Yohanes Budinuryanta,Cahyono Bambang Eko Hari. Scale development as a measuring tool of critical Javanese language’ awareness for pre-service Javanese teachers[J]. Cogent Arts & Humanities,2022,9(1).
[6]夏清欢,应沈静,陶骏,龚勇,宋卫卫.基于Java语言的杨辉三角程序设计与探讨[J].电脑知识与技术,2022,18(33):34-37.DOI:10.14004/j.cnki.ckt.2022.2089.
[7]杜瑞庆,李一诺.基于Java语言的即时通讯系统设计与实现[J].电脑知识与技术,2022,18(31):29-32.DOI:10.14004/j.cnki.ckt.2022.2043.
[8]邝砾,张凌燕,张欢,施如意.程序设计类课程的思政教育探索与实践——以Java语言程序设计课程为例[J].科教导刊,2022(28):121-124.DOI:10.16400/j.cnki.kjdk.2022.28.038.
[9]李乐.Java语言应用研究[J].智慧中国,2022(09):80-81.
[10]朱志慧,蔡洁.基于SpringBoot+Vue+Uni-app框架的校园失物招领系统[J].电子技术与软件工程,2022(17):62-65.
[11]施展,朱彦.基于Vue与SpringBoot框架的学生成绩分析和弱项辅助系统设计[J].信息技术与信息化,2022(08):127-131.
[12]邵志豪,于子桐.基于Java语言的传感健身系统设计与研究[J].电脑编程技巧与维护,2022(08):7-9.DOI:10.16184/j.cnki.comprg.2022.08.016.
[13]宋旸.使用Java语言开发Web应用软件的知识探讨[J].中国设备工程,2022(14):121-123.
[14]陈新府豪. 基于SpringBoot和Vue框架的创新方法推理系统的设计与实现[D].浙江理工大学,2022.DOI:10.27786/d.cnki.gzjlg.2022.000649.
[15]王曼维,杨荻,李岩,及松洁.基于SpringBoot框架的智慧医疗问诊系统设计与实现[J].中国医学装备,2022,19(03):133-136.
[16]熊柏祥.基于Springboot和Vue框架的考试资源服务平台的设计与实现[J].信息与电脑(理论版),2022,34(01):97-99+103.
[17]曹明昊. 基于SpringBoot和Vue框架的邯郸市现代农业园区信息管理系统的研发[D].河北工程大学,2021.DOI:10.27104/d.cnki.ghbjy.2021.000671.
[18]Siyi Liu. Explore Java Language and Android Mobile Software Development[J]. International Journal of Frontiers in Engineering Technology,2021,3.0(2.0).
[19]廖雪琳. A化妆品公司营销改进策略研究[D].电子科技大学,2020.DOI:10.27005/d.cnki.gdzku.2020.002922.
[20]天晴.故宫淘宝彩妆停产[J].疯狂英语(初中版),2019(02):7.
致 谢
时光飞逝，转眼间我在学校的这些年生活即将结束，回顾这几年的学习生活，收获良多，既有幸福也有难过，学校生活的结束对于我来说也是一个新的开始。论文即将完成，在此，我心中有许多想要感谢的人。首先感谢我的导师，不仅在学习研究方面加以指导，也在生活和为人处世上给予帮助。还要感谢授课老师，你们严谨的学术精神和积极向上的工作态度都在激励我的成长和进步。感谢多年来一直生活在一起的室友，谢谢你们多年来的陪伴和照顾。最后，要感谢各位论文评审老师，感谢您们在百忙之中抽空评阅本论文并给出宝贵的意见和建议。
点赞+收藏+关注 →私信领取本源代码、数据库
关注博主下篇更精彩
一键三连！！！
一键三连！！！
一键三连！！！
感谢一键三连！！！
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
