基于SSM框架的在线美妆商城的设计与实现

[20]。3.2.1在线美妆商城数据库概念设计数据库概念模型设计能够充分反映出现实世界，是现实世界的一个真实模型。通过实体、实体之间的联系，反映现实世界中的概念和规则，为数据库设计提供基础。在线美妆商城数据库概念模型E-R图如3-2所示。图3-2在线美妆商城E-R图（1）购物车的主要组成部分包括消费者信息、商品信息以及数量信息共同组成，每一项数据都不可为空，具体实体属性如图3-3所示。图3-3购物车实体属性图（2）商城负责人主要包括电话、密码、性别、喜好、权限等数据共同组成，每一项数据都不可为空，其实体属性如图3-4所示。图3-4商城负责人实体属性图（3）美妆商品评论由消费者信息、商品信息和具体评论信息共同组成，每一项数据都不可为空，实体属性如图3-5所示。图3.5美妆商品评论实体属性图（4）美妆商品由商品类别信息、商品基本信息共同组成，包括价格、类别和图片等属性，每一项数据都不可为空，实体属性图如图3-6所示。图3-6美妆商品实体属性图（5）美妆商品订单由消费者信息、订单具体信息共同组成，包括消费者姓名、订单内容、订单金额和订单状态等属性，实体属性图如图3-7所示。图3-7美妆商品订单实体属性图（6）美妆消费者由消费者的昵称、电话、密码、收货地址、喜好以及状态共同组成，每一项数据都不可为空，实体属性如图3-8所示。图3.8美妆消费者实体属性图（7）消费者留言由消费者信息和留言信息共同组成，包括消费者id、昵称、留言内容、回复内容和时间信息等，每一项数据都不可为空，具体的实体属性图如图3-9所示。图3-9消费者留言实体属性图（8）美妆建议由消费者信息和建议内容共同组成，包括消费者id、昵称、建议标题、建议内容等，实体属性图如图3-10所示。图3-10美妆建议实体属性图（9）物流由订单信息和物流信息共同组成，包括物流信息所属订单的id、物流情况以及更新时间，每一项数据都不可为空，实体属性如图3-11所示。图3-11物流实体属性图3.2.2在线美妆商城数据库逻辑结构设计依据概念模型的设计，分析出在线美妆商城的逻辑结构设计，具体如下：（1）tb_carts表结构如表3-1所示。表3-1tb_carts美妆消费者购物车表列名数据类型长度是否主键是否为空说明idint11是否主键uidint11否否美妆消费者idcidint11否否美妆商品idcnamevarchar255否否美妆商品名称cimagevarchar255否否美妆商品图片countint11否否美妆商品数量（2）tb_admins表结构如表3-2所示。表3-2tb_admins商城负责人表列名数据类型长度是否主键是否为空说明idint11是否主键nicknamevarchar255否否商城负责人昵称telvarchar255否否商城负责人账号passwordvarchar255否否商城负责人密码gendervarchar255否否商城负责人性别addressvarchar255否否商城负责人地址hobbyvarchar255否否商城负责人喜好statusvarchar255否否权限状态（3）tb_compents表结构如表3-3所示。表3-3tb_compents美妆商品评论表列名数据类型长度是否主键是否为空说明idint11是否主键uidint11否否美妆消费者idunamevarchar255否否美妆消费者姓名cidint11否否美妆商品idcnamevarchar255否否美妆商品名称contentvarchar255否否评论内容createtimedatetime-否否评论时间（4）tb_cosmetics表结构如表3-4所示。表3-4tb_cosmetics美妆商品表列名数据类型长度是否主键是否为空说明idint11是否主键cidint11否否美妆商品类别idcnamevarchar255否否类别名称namevarchar255否否美妆商品名称表3-4（续）列名数据类型长度是否主键是否为空说明sdescvarchar255否否美妆商品简介ldescvarchar255否否美妆商品说明pricedouble10否否美妆商品价格imagevarchar255否否美妆商品图片（5）tb_orders表结构如表3-5所示。表3-5tb_orders美妆商品订单表列名数据类型长度是否主键是否为空说明idint11是否主键uidint11否否美妆消费者idunamevarchar255否否美妆消费者名称infovarchar255否否美妆商品订单详情totaldouble10否否订单总金额createtimedatetime-否否下单时间statusvarchar255否否订单状态（6）tb_users表结构如表3-6所示。表3-6tb_users美妆消费者表列名数据类型长度是否主键是否为空说明idint11是否主键nicknamevarchar255否否美妆消费者昵称telvarchar255否否美妆消费者账号passwordvarchar255否否美妆消费者密码gendervarchar255否否美妆消费者性别addressvarchar255否否默认收货地址hobbyvarchar255否否喜好标签statusvarchar255否否权限状态（7）tb_logitics表结构如表3-7所示。表3-7tb_logitics物流表列名数据类型长度是否主键是否为空说明idint11是否主键oidint11否否订单idlcontentvarchar255否否物流进度ltimedatetime-否否更新进度时间（8）tb_suggest表结构如表3-8所示。表3-8tb_suggests美妆建议表列名数据类型长度是否主键是否为空说明idint11是否主键uidvarchar255否否美妆消费者id表3-8（续）列名数据类型长度是否主键是否为空说明unamevarchar255否否美妆消费者昵称titlevarchar255否否美妆建议标题contentvarchar255否否美妆建议内容imagevarchar255否否美妆建议插图stimedatetime-否否建议发表时间（9）tb_leaves表结构如表3-9所示。表3-9tb_leavers美妆消费者留言表列名数据类型长度是否主键是否为空说明idint11是否主键uidint11否否美妆消费者idunamevarchar255否否美妆消费者昵称contentvarchar255否否留言内容ltimedatetime-否否留言时间replyvarchar255否否回复内容rtimedatetime-否否回复时间3.3本章小结本章对美妆商城依次进行了功能的总体设计、功能详细描述、数据库的概念设计和数据库详细设计四个部分，共同完成整个系统设计层面的剖析，整体采用图、文、表三者结合的方式阐述了在线美妆商城的设计理念。第4章系统的详细设计与实现在线美妆商城的系统实现章节主要介绍了美妆消费者登录模块、美妆商品检索模块、美妆商品数据管理模块、订单模块和支付模块的实现过程。4.1美妆消费者登录模块美妆消费者的登录实现思路为，当美妆消费者访问登录界面时需要填写美妆消费者的账号和密码两个数据，这两个数据被vue利用v-model绑定给了tel和password两个字段值，当美妆消费者点击登录按钮后，会执行vue程序中负责登录的方法，校验tel和password数据是否为空，不为空则利用vue向服务器发起axios请求，服务器端根据tel和password检索美妆消费者表，取回数据反馈给vue程序，vue解析返回的json数据，确定登录结果。4.1.1美妆消费者登录时序图美妆消费者首先访问登录页面，录入登录信息后由系统控制进行校验，给出登录结果，成功则进入个人中心，失败则退回登录页面。美妆消费者登录模块时序图如图4-1所示。图4-1美妆消费者登录时序图4.1.2美妆消费者登录的实现登录数据会被执行两次校验，分别是数据完整性校验和数据正确性校验，完整性校验由页面完成，正确性校验由服务器端的控制器查询数据库完成。美妆消费者登录模块流程如图4-2所示。图4-2美妆消费者登录模块流程图美妆消费者登录页面为用户提供账号、密码的输入框以及提交登录请求的立即登录按钮，具体效果如图4-3所示。图4-3美妆消费者登录模块效果图登录成功效果如图4-4所示。图4-4美妆消费者登录成功效果图4.2美妆商品检索模块美妆消费者可以检索美妆商品数据，检索方式为利用关键词对美妆商品表按照商品名称执行模糊检索操作。其流程是当美妆消费者访问美妆商品页面时，可以在页面上输入美妆商品的关键词，点击检索按钮调用Vue程序中定义的search方法，将v-model绑定的keywords输入框的值作为请求参数，利用axios将请求发送给服务器端，服务器端在keywords前后添加%作为占位符，启动模糊检索从数据库中取回模糊检索的结果封装为Json数组，相应给美妆商品页面，利用v-for显示在页面上，同时还提供根据类别进行检索的方式，查询符合类比额的美妆商品。4.2.1美妆商品检索时序图美妆消费者检索商品时需要访问商品页面，输入商品关键词或者选择类别，由控制器根据接收关键词后，从数据库进行模糊检索，或者接收类别信息进行类别检索，将匹配数据反馈给页面，呈现给用户。美妆商品检索模块时序图如图4-5所示。图4-5美妆商品检索时序图4.2.2美妆商品检索的实现按关键词进行美妆商品检索需要消费者先行输入关键词，提交给服务器后，由服务器补全关键词并利用Mybatis提供的检索方法依次作模糊查询的条件，找到匹配的商品数据，将商品数据封装后呈现给消费者。关键词是商品的名称，利用通配符进行匹配后可以检索到名称中包含关键词的商品。按类别则需要消费者选择一级分类以及二级分类，然后服务器端会按照分类将符合的数据显示给消费者。美妆商品检索模块流程如图4-6所示。图4-6美妆商品检索模块流程图美妆商品检索模块实现效果如图4-7所示。图4-7美妆商品检索模块实现效果图4.3美妆商品数据新增模块美妆商品数据管理是属于商城运营者独有的功能，包括新增美妆商品、删除美妆商品、编辑美妆商品和检索全部美妆商品数据。其中检索全部美妆商品数据的方法默认访问美妆商品数据管理模块即自动执行，由vue发起axios请求美妆商品Json数组，利用v-for便利显示。网站运营者对美妆商品的新增和删除请求都是仅发送一次axios请求，但是对于美妆商品的更新方法需要发送多次axios请求。本次主要对美妆商品新增模块的实现进行详细介绍。4.3.1美妆商品数据新增时序图管理人员首先访问美妆商品的新增页面，输入数据后控制器会接收美妆信息，生成美妆数据存入数据库，并检索全部美妆数据显示在列表页面。美妆商品数据新增模块时序图如图4-8所示。图4-8美妆商品新增时序图4.3.2美妆商品数据新增的实现管理人员首先访问美妆商品页面，点击新增商品按钮进入新增页面，输入数据后控制器会接收美妆信息，生成美妆数据存入数据库，并检索全部美妆数据显示在列表页面。美妆商品数据新增模块流程如图4-9所示。图4-9美妆商品数据新增模块流程图美妆商品管理界面效果如图4-10所示。图4-10美妆商品管理界面效果图美妆商品新增界面效果如图4-11所示。图4-11美妆商品新增界面效果图美妆商品新增成功商品界面效果如图4-12所示。图4-12美妆商品新增成功商品界面效果图美妆商品新增成功商品详情界面效果如图4-13所示。图4-13美妆商品新增成功商品详情界面效果图4.4订单模块消费者可以进行对于美妆商品的购买，系统会根据消费者购物车中存在的商品生成对应的订单信息，并将页面跳转到用户填写收货信息的数据录入页面，将用户信息、商品信息和收货信息组合生成完整的订单数据。4.4.1订单模块时序图消费者需要首先访问购物车页面，点击立即下单按钮后进入填写收货信息的页面，录入个人收货信息，提交给控制器并生订单数据，并跳转支付页面进行支付，具体订单模块时序图如图4-14所示。图4-14订单模块时序图4.4.2订单功能的实现消费者需要通过购物车界面进入收货信息的填写页面，在收获信息页面填写收货人姓名、电话、地址和备注信息后，会生成订单数据，经由支付宝结算后会正式生成订单数据。订单功能的流程如图4-15所示。图4-15订单功能流程图订单数据会包含下单会员的基本信息、下单时间以及订单状态数据，具体的订单功能效果如图4-16所示。图4-16订单功能效果图4.5支付模块本商城支付模块对接了支付宝的沙箱支付环境，使用沙箱环境分配的指定账号和支付密码可以完成对于商品的付款操作，整体支付安全由支付宝提供保障，支付后无需消费者手动操作，会有支付宝回调至商城订单页面。4.5.1支付模块时序图消费者提交订单后，会进入支付宝的登录页面，输入支付宝账户后进入付款页面，再付款成功后由支付宝回调商城控制器进入订单页面，具体支付模块时序图如图4-17所示。图4-17支付模块时序图4.5.2支付模块的实现具体支付的流程为输入个人账号密码，经过支付宝校验进入付款页面，按照订单金额输入支付密码，生成付款结果，回调显示个人订单数据。支付模块的流程如图4-18所示。图4-18支付模块流程图支付模块的全部页面均有沙箱环境负责，服务器端通过读取交互结果将沙箱环境的支付页面呈现给消费者，购物车效果如图4-19所示。图4-19购物车效果图收获地址效果如图4-20所示。图4-20收货地址效果图支付宝支付效果如图4-21所示。图4-21支付宝支付效果图支付成功效果如图4-22所示。图4-22支付成功效果图4.6本章小结本章对美妆商城中最为核心的功能模块的实现过程进行了说明，通过时序图、流程图和效果图清晰的阐述了消费者登录模块、美妆商品检索模块、商品数据管理模块、订单模块和支付模块的研发成果。第5章系统测试测试是通过测试活动发现被测对象与用户需求之间的差异，并给予解决，以提升质量，保证数据的准确性和完整性，为决策提供数据依据，降低失败的风险。5.1测试的目的对在线美妆商城进行软件测试的目的在于提高程序的质量与稳定性，确保软件程序的每一项功能均能符合预期效果，为用户提供高效且稳定的服务，从而提升用户在使用在线美妆商城时的体验，达到扩大用户基数的目的。5.2本系统采用的测试方法本次对在线美妆商城进行测试时采用的测试方法主要为黑盒测试，即功能测试。通过黑盒测试，可以实现在无需了解软件内部结构的前提下检查软件功能的效果，此种测试方式与美妆消费者的真实行为最为匹配。通过设定输入数据的方式为程序运行提供基础数据，对比分析预期输出结果与实际结果判定功能是否符合要求。由于本次项目开发的过程中所设计的数据由数字、图片和字符串构成，因此对数据进行了等价类划分，具体等价类划分规则如表5-1所示。表5-1等价类划分规则表编号输入条件有效等价类无效等价类1长度长度大于0长度等于02字符串非空字符串空字符串3数字数值大于0数值小于等于05.3系统功能测试由于在线美妆商城的功能模块众多，在系统测试环节如果进行逐一测试将消耗大量篇幅，因此选择系统实现章节中涉及的核心功能模块：消费者登录、美妆商品检索、美妆商品数据管理、订单和支付五大功能模块作为系统测试的代表。5.3.1美妆消费者登录模块测试用例美妆商城应能根据美妆消费者输入的个人账号和密码进行校验，若信息不全或存在数据错误将给出提示，具体美妆商城的登录模块测试情况如表5-2所示。表5-2美妆商城登录模块测试表编号数据输入用例描述预期结果实际结果1账号码:1234561.输入正确账号和正确密码2.点击登录按钮登录成功与预期结果一致2账号码:123456781.输入正确账号和错误密码2.点击登录按钮登录失败并给出错误提示与预期结果一致3账号码:1234561.输入错误账号和正确密码2.点击登录按钮登录失败并给出错误提示与预期结果一致4密码:1234561.不输入账号只输入密码2.点击登录按钮页面拦截登录请求，给出提示必须输入账号与预期结果一致5账号:157761668331.不输入密码只输入账号2.点击登录按钮页面拦截登录请求，给出提示必须输入密码与预期结果一致6账号：Null密码：Null1.账号为空、密码为空2.点击登录按钮页面拦截登录请求，给出提示必须输入账号、密码与预期结果一致测试结果：经过测试，在线美妆商城的登录模块能够有效提供登录信息的验证服务，能够过滤掉没有使用权限的人员。5.3.2美妆商品检索模块测试用例在线美妆商城提供两种检索方式供用户选择，分别是利用关键词检索和利用类别检索。由于使用类别进行检索时，系统会自动赋予类别选择项，无需用户输入数据，因此不在此测试用例范围内。本次主要针对用户在使用关键词检索时，关键词数据不能为空，商城应能根据输入数据给出对应提示，具体如表5-3所示。表5-3美妆商品检索模块测试表编号数据输入用例描述预期结果实际结果1口红1.输入正常商品关键词2.点击检索按钮检索成功，显示匹配商品信息与预期结果一致2Null1.不输入任何商品关键词2.点击检索按钮页面给出提示，检索操作必须输入关键词与预期结果一致310011.输入商品编号2.点击检索按钮检索成功，将编号视为商品名称进行检索与预期结果一致测试结果：经过测试，在线美妆商城的检索模块能够有效提供检索关键词的验证服务，能够过滤掉不存在的关键词。5.3.3新增美妆商品模块测试用例美妆商品数据由美妆商城的负责人进行录入，需要保证每一条数据都能够完整填写才能带给美妆消费者好的体验，美妆商城应能够根据负责人输入的数据给出不同的反馈，只有当输入的美妆商品完全符合要求时，才能够提交新增请求，生成美妆商品数据，具体如表5-4所示。表5-4美妆商品检索模块测试表编号数据输入用例描述预期结果实际结果1名称:YS口红简介:美妆口红详情:非常好看的口红价格:19.91.输入口红名称、简介、详情、价格、图片2.点击提交按钮商品新增成功与预期结果一致2名称:YS口红详情:非常好看的口红价格:19.91.输入口红名称、详情、价格、图片，不输入简介2.点击提交按钮提示数据信息有误与预期结果一致3名称:YS口红简介:美妆口红价格:19.91.输入口红名称、简介、价格、图片，不输入详情2.点击提交按钮提示数据信息有误与预期结果一致4名称:YS口红简介:美妆口红详情:非常好看的口红价格:-11.输入口红名称、简介、详情、图片和错误价格2.点击提交按钮提示数据信息有误与预期结果一致5名称:YS口红简介:美妆口红详情:非常好看的口红价格:19.91.输入口红名称、简介、详情、价格，不上传图片2.点击提交按钮提示数据信息有误与预期结果一致测试结果：经过测试，在线美妆商城可以对新增美妆商品时的必要数据进行完整性方面的校验，能够保证在线美妆商城在录入美妆商品信息时不会出现重复数据。5.3.4订单模块测试用例订单模块要求消费者必须按照规定输入收货人姓名、收货人联系电话以及收货地址信息才能提交订单进入支付界面，如果信息输入不全，商城应能给出错误提示，具体如表5-5所示。表5-5订单模块测试表编号数据输入用例描述预期结果实际结果1姓名:李亮手机号址:北京CBD1011.输入姓名、手机号码和地址2.点击提交进入支付页面与预期结果一致表5-5（续）编号数据输入用例描述预期结果实际结果2手机号址:北京CBD1011.不输入姓名，只输入手机号码和地址2.点击提交页面提示请补全数据与预期结果一致3姓名:李亮地址:北京CBD1011.不输入手机号码，只输入姓名和地址2.点击提交页面提示请补全数据与预期结果一致4姓名:李亮手机号:155123488881.不输入地址，只输入手机号码和姓名2.点击提交页面提示请补全数据与预期结果一致测试结果：经过测试，在线美妆商城的订单管理功能可以正常使用，当输入的信息错误时系统会给出错误提示，与预期结果一致，订单模块测试通过，达到预期效果。5.3.5支付模块测试用例美妆商城的支付模块对接了支付宝提供的虚拟支付环境，因此需要使用支付宝平台提供的账号和支付密码进行对于商品的付款，输入正确的账号和支付密码。若输入的支付账号密码存在错误时，应能得到校验并给出错误提示，具体美妆商城的支付模块测试情况如表5-6所示。表5-6美妆商城支付模块测试表编号数据输入用例描述预期结果实际结果1账号:afheug8026@密码:1111111.输入正确支付账号和正确支付密码2.点击付款按钮付款成功与预期结果一致2账号:afheug8026@密码:111111.输入正确支付账号和错误支付密码2.点击付款按钮付款失败并给出错误提示与预期结果一致3账号:afeug8026@密码:1111111.输入错误支付账号和正确支付密码2.点击付款按钮付款失败并给出错误提示与预期结果一致4密码:1111111.不输入支付账号只输入支付密码2.点击付款按钮付款失败并给出错误提示与预期结果一致5账号:afheug8026@1.不输入支付密码只输入支付账号2.点击付款按钮付款失败并给出错误提示与预期结果一致测试结果：经过测试，在线美妆商城的支付功能可以正常使用，当输入的账号、密码错误时系统会给出错误提示，与预期结果一致，支付模块测试通过，达到预期效果。5.4性能测试本次对在线美妆商城的性能测试选择了Apache提供的JMeter测试工具，模拟当100个美妆消费者同时访问系统时系统的事务成功率、应答情况和CPU消耗情况，具体性能测试结果如下表5-7所示。表5-7性能测试结果表并发用户数事务平均响应时间事务最大响应时间事务成功率平均流量（字节）CPU利用率MEM利用率1001.34秒2.08秒100%517723%7%2001.46秒2.32秒100%524631%13%5002.35秒4.21秒100%518537%25%5.5本章小结本章对在线美妆商城进行了测试，通过功能测试确定在线美妆商城的功能符合预期要求，能够为美妆消费者提供良好的服务。通过性能测试确定在线美妆商城能够满足不小于500人并发使用的需求，系统响应时间会因并发使用者数量的提升而加长，但事务响应成功率能够保证100%有效，能够提供稳定有效的服务。

第6章结论基于SSM的在线美妆商城已经实现了在需求设计中分析的用户所需要的全部功能，包括用户模块、美妆商品模块、在线下单模块、订单模块和在线留言模块等。美妆消费者能够通过在线的方式购买美妆商品、对美妆商品进行评价。能够解决同类型平台专业性不足的问题，从而更好的满足消费者的需求。并且设计了合理的化妆品商品管理机制，降低假货出现的可能，提升化妆品品质从而带给消费者更好的体验积累消费者的信任，打造自主品牌。基于SSM的在线美妆商城还存在一定的不足需要优化，目前在线美妆商城的数据还没有实施加密处理，对美妆消费者的隐私保护还不够完善，容易发生隐私泄露的问题，会在后续通过向在线美妆商城中引入加密框架来对数据完成加密，提升对美妆消费者隐私保护的效果。参考文献张颖,郭丽,张艺璇,吴志刚.直播电商模式开启化妆品零售新时代[J].中国化妆品,2020(05):14-15.张颖.疫情加快化妆品零售业进入直播电商渠道[J].中国化妆品,2020(05):16-20.周静婷.MN化妆品跨境电商公司差异化营销策略研究[J].投资与合作,2021(07):64-65.梁晨.HT化妆品公司营销策略研究[D].南昌大学,2021.吴生亮.新媒体环境下关于化妆品电商引流的探索与研究[