【《化妆品购物网站的设计与实现》15000字】

II摘要随着互联网技术的快速发展，改变了各个行业的发展，特别是购物网站的出现，更是改变了人们习以为常的线下购物的方式。网上购物相对于线下购物具有节省顾客购物成本，顾客购买物品在时间和空间上更加自由，商家可以采取更加多样的营销手段，对店铺商品以及顾客信息的管理更加高效等优点，并且为商家提供了便利的平台。本毕业设计是一个模拟的化妆品购物网站。化妆品购物网站不仅能让客户在网上完成化妆品的查找、浏览、选择和购买，又能让商家在网上完成化妆品的新增、修改、删除、统计和销售等功能。化妆品购物网站包括了前台和后台两大部分。前台主要是为想要购买化妆品的顾客提供所有需求的化妆品产品组成的，它主要包括了用户登录、化妆品分类展示、化妆品搜索、购物车、订单管理等子模块。后台作为一个管理员的基础部分，它涵盖了化妆品的管理、化妆品分类、化妆品订单的管理以及用户的管理。本化妆品购物网站的开发工具主要是采用intellijIDEA，该应用系统软件开发工具主要在于采取系统智能化的方式编码，减少了系统程序员过于重复性和过于机械性的操作，采用Tomcat作为Web服务器，MySQL作为数据库。页面采用jsp技术，后台使用ssm框架进行了整合开发，化妆品购物网站系统设计界面简洁、清晰、美观，功能完善，易于操作，有较为良好的可扩展性，具有较好的使用价值和用户体验。关键词：网上购物；IntellijIDEA；SSM；MySQL1引言1.1课题研究背景和意义1998年，中国第一笔电子商务的成功交易，就已经意味着中国的互联网电子商务从概念迈入运营阶段。2003年的sars已经开始了中国网上购物的一个新篇章，面对非典的首次来袭，多数中国人都被困在房子里，有越来越多的中国人真正地认识到网购，和网络购物的便利，也就是有越来越多的中国人也已经开始认识和接受网上购物这一个新鲜的事物。2020年末的新冠肺炎病毒疫情使得人们更加地依赖于自己的网络购物，不仅仅是个别的用户，还有很多企业也会迫切地需要更为实际的销售方式，就是通过互联网的方式来实现自己商品的快速流通和市场销售，实体店的行业由于人们的生活和出行不便而逐渐进入"寒冰"的状态，人们更加愿意培育和养成的能够通过互联网的渠道与他人之间进行商品资料信息的交流和购买的习惯，而且此习惯更加具备依赖性，而且电子商务通过近二十年的发展，形成了较为成熟的营销和配送体系，越来越多人民形成了“网上订货、送货上门”的习惯。在此，自我国1978年深化经济改革和对外开放以来，中国的日用化妆品行业已经取得了突飞猛进的快速经济发展。目前现在我国国内共有各类化妆品研发制造加工企业将近3000家。但是现在进入二十一纪的世纪，随着整个国际互联网电子商务的广泛深入普及和快速应用，美容品和化妆品行业又一次地开始面临新的情况、新的挑战。移动互联网络正在改变着现代人们的日常生活习惯和生产方式，同样也正在改变着我国的美容化妆品行业传统生产方式与提供服务的方式。21世纪将开始步入电子商务的新时代，我们必将继续生活在电子商务的新时代，而且化妆品的产出和销售数量每年都呈明显的增长和上升趋势，成为现代人生活中刚需的组成部分。通过互联网对化妆品进行了营销，为化妆品购买者提供了更加心满意足的商品和服务，化妆品的网络销售具备很大的市场和发展前景。[6]一个化妆品购物网站的实现，对广大民众和企业商户来说都有着实体店不可比拟的优势。对用户来说：（1）节约购物的时间，减少精力耗费。用户在自己的网站中可以查找自己真正想要购买的东西，只需在自己的商城中略微进行搜索和查找就已经能够准确地找到，不用在偌大的商场中随时逛来或者逛去，耗费大量时间和精力，从累酸腰脚的逛街直接到通过鼠标手动操纵的网上进行购物，免除了舟车劳顿的痛苦，而且只要每个用户都能够拥有明确的购买方向和目标,就可以节省时间节省精力。（2）能够节省人们的购物支出。由于这些购物网站大大简化了从原来的生产者租赁到零售商等中间环节，减少了商户在店面租赁的成本、人员费、工商水电费、库存和其他各种杂费，因而导致商品的实际附加成本很低，所以网络上的商品价格通常都会在各个方面不同程度地比较低于市场上的零售价。（3）商品信息更加明确且齐全。在实体店购买化妆品，通常会有导购员在身边进行介绍和“诱导购物”，有时候我们会因为不够了解某件商品，而买了不适合自己的化妆品。但是在购物网站上我们可以同时打开多个店铺、多件商品进行“货比三家，择优选购”，而且购物网站上会将商品的详细信息进行清晰直观的描述。（4）购物没有时间上的限制。网上商城没有员工工作时间的限制，一天24小时都可以营业，用户挑选到了自己心仪的物品，只需要在线上进行下单，等待商家配送即可，方面快捷。（5）购物不受空间限制，不用驱车到商场再进行购物，也不用因为某品牌不在自己所在城市开店铺而无法购物。对商户来说：（1）降低销售成本，提高销售数量。免除了店铺成本、仓储成本、人工成本等，让利于大众，提高消费者购物欲望，可以做到薄利多销，提高销售收入。（2）没有大量的囤积货物。线下商店有过多的货物积压在店内，造成不动资产过多，资金流流转缓慢，而线上商店则可以根据订单数量进行进货量的灵活调整。（3）客户来源更多。对于实体商城而言，客户的来源大多为当地居民，销售方式和销量受到了客户的购买习惯和消费喜好的影响很大，而网上商城则能够给客户带来更多的销售数量，扩大市场和用户群体，将其业务发展范围延伸至全国。（4）营销推广成本低。互联网营销与实体店铺的营销相比，更加经济快捷，用户定位将更加精准，效果更加明显，投资回报率得以提高。（5）管理更加高效。运用数据库来管理各种类型的信息，能够使管理员商户做到更加明确、更加准确，不会因为一次人工操作失误而导致出现较低级别的错误，还能够随时进行查阅、核算、统计。1.2目前网上购物的发展现状这个世界上无时无刻都在发生着巨大的改变，而依靠移动互联网和信息化技术快速发展兴盛起来的中国电商产品服务行业也正是这样。21世纪初我国大型电商平台开始进入初级发展阶段，2003年，淘宝网正式成立，在接下来的十年中，各大电商平台顺势而起，纷纷出现在大众的视野之中。

时至今日，我国的电商行业经过了20多年的发展，早已建立起了一套相对完善的行业和技术体系，这种创新和协同发展的新业态，融合在人民的生活当中。

我国的电商发展现状以及未来的发展趋势：整体来说，我国电子商务行业仍在稳步前进，伴随着互联网技术的不断提升，各大电子商务服务商都致力于向平台用户提供更专业化的服务，在最大程度上降低交易过程中所需要的的成本。虽说我国电商行业仍在稳步前进发展，但纵观近几年的发展态势，增速已经有所放缓，这也就意味着电商行业的竞争将会更加激烈。[7]中国的电商产品和服务行业正步入成熟和快速发展时期，电商在中国零售产品和服务行业中占据的地位愈加重要。由于电商的供应链和各个环节越来越多，使得消费者对于商品的多元化和消费需要得以充分满足，用户对于电商网上购物的兴趣和关注从其商品的丰富程度、性价比，逐渐向商品的质量和安全保障等诸多方面迁移。1.3系统开发技术1.3.1开发系统介绍JSP的英文全称为JavaServerPages，其本质就是一个简化了的Servlet设计。JSP技术使用XML的tags和scriptlets，封装动态网页的处理逻辑。JSP技术有以下几个特性：（1）技术具有跨平台开发的特性。[1]（2）分离业务代码的特性。[11]（3）组件重用的特性。（4）继承Javaservlet功能的特性。图1.1JSP技术原理图1.3.2后台应用框架介绍SSM（Spring+SpringMVC+MyBatis）框架集由Spring、SpringMVC、MyBatis三个开发框架整合，常作为比较简单的web开发项目的框架。SSM框架有以下几个特点：（1）减少编码通过Spring的IOC特性，将多个对象之间的相互依赖关系交给了Spring控制，简化了开发人员的工作。比如spring简化了java程序对数据库的访问，提高了数据库的访问效率和稳定性，程序员只需要写好sql就行了。[2]（2）规范性，重用性SpringMVC使用了MVC设计理念的轻量级web框架，使我们开发的更简单的与Spring无缝衔接，进行更为灵活的数据验证，数据绑定机制等。[3]（3）易扩展，易维护Mybatis实现了对数据库的封装，数据库的相关操作(sql)主要通过采用xml文件配置，支持对象/对象关系映射标签，支持各种动态的sql。[4]基于SSM框架的网上购物商城整个流程如下：图1.2ssm流程图1.3.3系统开发工具介绍系统主要开发工具如下：（1）IDEA:全称IntelliJIDEA，是一个java语言的，开发的集成环境。idea主要提倡的特点是采用智能化编码，其具有特点的功能有智能的选取、历史记录功能等，最突出的一项功能是调试（Debug），可以针对Java代码、JavaScript、JQuery等技术进行调试。[10]（2）Tomcat：这是JavaWEB开发中用的最多的Servlet容器，Tomecat实际上是一个轻量级的应用服务器，减少了系统资源的开销，满足了更加轻量化与稳定性的追求。（3）MySQL:MySQL是一个关系型数据库管理系统。有以下特点：（1）运行速度快（2）使用成本低（3）容易使用（4）可移植性强（5）适用于更多用户所以选用MySQL作为数据库管理系统。2需求分析2.1可行性分析作为一个基于计算机开发的化妆品购物网站系统，开发和使用过程中必然会受到时间和设备性能上的限制。因此，在设计和进行一个项目的开发之前，必须根据其所需要的开发时间、所设计开发出来的化妆品购物网站系统质量以及经济可行性和资源条件等因素进行可行性分析，避免开发过程浪费资源。[5]此化妆品购物网站系统对软件、硬件要求不高，目前市场上的一般计算机软件和硬件都能满足系统开发的要求。此化妆品购物网站系统运用到的编程软件是IDEA，基于JSP和SSM框架技术进行开发，数据库采用MySQL。（1）利用JSP跨平台的特点，化妆品购物网站可以运行在Windows、Linux、Mac等这些系统中。[8]（2）利用JSP技术实现了Java和HTML的集成开发；SSM框架由Spring、SpringMVC、MyBatis三个开源开发框架整合而成，常作为比较简单的web开发项目的框架。[9]（3）此化妆品购物网站系统维护工作方便，具有一定软件开发工作经验的人员，一般都可以在短时间内掌握维护管理工作。化妆品购物网站系统的维护由程序开发人员进行负责，商家通过化妆品购物网站后台管理功能来对订单信息、用户信息、化妆品信息等进行管理，不必使用大量的销售人员和客户进行面对面的交流，在很大的程度上节约了人工成本。化妆品购物网站在其销售业绩方面得益于其销售模式和客源覆盖范围广等优势,一般都会远远优于其他实体门店的销售业绩,所以化妆品购物网站在经济上也是可行的。经过以上对该化妆品购物网站系统项目的技术方面、经济方面的可行性研究分析,我认为此次系统的设计和实现能够满足企业或者客户对于商家经济需要以及顾客购买化妆品商品的需要,能够降低实体店铺对于土地资源的占有率等,在技术、经济等各个方面都是可行的,确定了此次化妆品购物网站系统项目可以进行立项开发。2.2总体需求分析化妆品网络购物网站一直致力于为客户提供以化妆品商品的展示和订购作为其核心功能的网络化妆品购物服务，使得商家能够向客户宣传自己的化妆品商品并将其出售给顾客，让消费者通过化妆品购物网站便可以根据自己的需要自由选择所需要的化妆品商品。本化妆品购物网站系统包括了普通用户的前台和管理员的后台两大部分。前台主要是为客户提供所有需求的化妆品产品组成的，它主要包括了用户登录、化妆品商店分类展示、化妆品搜索、购物车、订单管理等子模块。后台作为一个管理员的基础部分，它涵盖了化妆品的管理、商家分类、订单的管理以及用户登录的管理等功能。图2.1化妆品购物网站组成2.3模块需求分析本系统分为两个大的模块，分别是前台——面向用户部分，后台——面向管理员部分。面向用户部分功能:（1）注册功能。用户点击注册按钮即可注册为该网站的用户，注册时仅需填写用户账号和用户密码即可。注册后用户可在会员中心填写电话和收货地址，可以修改密码，同时可以在订单中心查询和修改订单。（2）商品的选购功能。用户通过浏览化妆品购物网站,将自己想要在网上购买的所有化妆品商品都加入到自己的购物车中(也就是用户可以直接在自己的化妆品购物网站首页、化妆品分类商品页面、化妆品搜索结果页面、化妆品产品相关详细资料等页面上直接进行此次操作)，用户也可以继续在网上添加自己想要的化妆品商品。此功能需要用户进行账户登录。（3）管理您的购物车。用户在选择了完自己所需要购买的化妆品商品之后，就能够直接进入到自己的化妆品购物网站购物车页面，查看自己已经加入到购物车中的化妆品商品，就能够对某一个化妆品商品的数量和删除订单进行操作。（4）订单功能。用户确定购物车中的商品是自己想买的化妆品后提交订单，在订单确认界面，用户可以修改收货信息，包括姓名、电话、地址。（5）支付功能。用户在化妆品购物网站的订单页面确认后，选择支付方式，共两种支付方式，分别是微信支付和支付宝支付，确认付款后，等待商家发货即可。面向管理员部分功能：（1）类目管理。管理员可以删除和添加化妆品类目，修改某个化妆品类目的信息，可以通过化妆品类目的序号改变前台的显示顺序。（2）属性管理。管理员可以添加和删除化妆品属性的种类，并修改某化妆品属性的值，方便修改化妆品商品的具体属性。（3）商品管理。管理员可以通过此功能修改某化妆品商品的图片、名称、介绍、价格、属性等信息，还可以选择是否将本化妆品商品显示在爆款推荐框。（4）订单管理。管理员可以根据所有用户的化妆品订单状态对其对应化妆品订单进行查看，也可以对未发货的化妆品订单进行发货和对确认发货的化妆品订单进行其他操作，如完成此订单、删除此订单等。（5）购物网站用户管理。管理员可以通过此功能查看化妆品购物网站中非管理员用户的信息，并且可以实现对用户信息的修改。2.3.1数据流图数据流图就是一种描述整个化妆品购物网站系统内部数据流程的图像工具。在本化妆品购物网站的系统中，未经登录用户只需要提交自己的注册资料即可注册为化妆品购物网站会员、提交正确的登录信息就能以会员身份进入化妆品购物网站，登录后的会员可以将自己喜欢的化妆品加入购物车、提交订单、修改信息。管理员可通过化妆品购物网站后台的管理功能来实现对化妆品信息、订单和客户信息的管理。这些功能都涉及了对每一个数据库进行信息的处理。进行了分析后，我们就可以看出本化妆品购物网站系统的几个主要数据流图：顶层数据流图，如图所示：图2.2顶层数据流图第一层数据流图，如图所示图2.3第一层数据流图用户信息管理数据流图，如图所示图2.4用户信息管理数据流图化妆品管理数据流图，如图所示图2.5化妆品管理数据流图2.3.2数据字典数据字典是关于化妆品数据的信息集合，也就是对数据流程图中包含的所有元素的定义的集合。数据字典最重要的作用是供人查询对不了解的条目的含义解释。根据对本化妆品购物网站系统数据流程图进行的分析，化妆品购物网站中的数据字典主要内容如下：关键部分数据项。如表所示：表2.1关键部分数据项2.4系统用例分析化妆品购物网站系统分为非登录用户，登录用户，后台管理员，他们的用例图分析如下：非登录用户：非登录用户，可以进行注册登录，点击查看化妆品分类，点击进入商品详细信息页面。用户用例图如图2.6所示：图2.6非登录用户用例图登录用户：登陆的功能模块主要包括登录化妆品网站、购买化妆品、订单中心、购物车、会员中心等，登录用户用例图如图2.7所示：图2.7登录用户用例图管理员用户：管理员的功能模块主要包括管理化妆品、管理化妆品订单、管理化妆品购物网站用户，包括化妆品商品种类的增加修改删除，订单列表的状态修改，查看用户的列表注册信息。管理员用户例图如图2.8所示：图2.8管理员用户用例图3概要设计3.1系统整体设计化妆品购物网站主要是满足人们的购买需要和商家的售货需要，所以由用户使用的前台、管理员的后台两部分组成。前台:此部分主要实现客户对化妆品的浏览和查询功能，用户在未登录时即可实现对化妆品的浏览和对化妆品信息的查询；用户注册后就已经可以直接进行选择将喜欢的化妆品添加到购物车、从购物车中删除所有化妆品、提交订单、修改收货信息等操作。化妆品前台将化妆品分为护肤馆，美妆馆，美发馆，男士馆，香氛馆，让人们对于不同的化妆以及护肤需求有更加清晰的购买认知，方便不同人群对化妆品的选购。后台：该部分主要实现管理员对化妆品商城内的一些数据进行管理，包括化妆品信息的管理、用户信息的管理、订单管理等。化妆品购物网站的前台系统框架，如图所示：图3.1化妆品购物网站前台系统框架图前台主要功能介绍：①分类查看：用户能按分类来查看属于不同分类的化妆品。化妆品前台将化妆品分为护肤馆，美妆馆，美发馆，男士馆，香氛馆，让人们对于不同的化妆以及护肤需求有更加清晰的购买认知，方便不同人群对化妆品的选购。②搜索化妆品：登录用户和非登录用户都可以使用搜索化妆品这个功能，在搜索框输入化妆品的关键信息就可以查看相关的化妆品，点击查询结果中的某化妆品，可以查看此化妆品的详细信息。③用户注册：用户可以输入用户名和密码来进行注册，系统检查用户是否已经存在，如果已经存在，则提示“用户存在，请直接登录”④用户登录：用户输入正确的用户名和密码进行登录，若用户名和密码错误则无法登录。⑤会员中心：普通用户登录后，就能够随时随地在会员中心查看和修改个人相关信息，包括用户的个人密码，收货人的地址，电话等。⑥购物车：登录用户可以使用购物车功能，可以将化妆品加入到购物车，还可以从购物车对化妆品的数量进行修改。⑦订单中心：用户可以在订单中心中查看自己的订单状态，进行付款等操作。化妆品购物网站的后台系统框架，如图所示。图3.2化妆品购物网站后台系统框架化妆品购物网站后台主要功能介绍：①对用户的管理：作为管理员，可以随时做出查询和修改所有普通用户信息的操作，这些操作都是根据管理员自己的需求进行的。②对订单的管理：作为管理员，可以随时做出在线查看订单信息，对订单状态和信息做相应的操作。③对商品的管理：作为管理员，可以随时做出对商品进行增加、修改详细信息、删除的操作。④对商品类目的管理：作为管理员，可以随时做出对商品类目进行添加、删除，修改类目的图片等操作。3.2系统工作流程化妆品购物网站前台的工作流程如图所示：图3.3化妆品购物网站前台的工作流程图化妆品购物网站后台的工作流程如图所示：图3.4化妆品购物网站后台的工作流程图3.3系统功能模块设计(1)用户注册用户在化妆品购物网站注册后才能够直接登录本化妆品购物网站使用购物车等功能，用户在本化妆品购物网站注册的过程中需要正确的填写用户名、密码、确认密码，用户名在注册成功后，不可以进行修改操作，其他信息诸如密码、收货地址可以在日后进行修改。用户注册的流程图如图所示：图3.5用户注册流程图(2)用户登录用户在登录化妆品购物网站时，需要输入自己已经注册好的用户名和密码，化妆品购物网站系统会对进行验证，如果用户的将自己的信息输入错误，就不能正常登录，需要重新登录，用户输入的的信息正确，则可以成功登录，登录之后可以使用购物车、会员中心、我的订单等功能。用户登录流程图如图所示：图3.6用户登录流程图(3)用户信息修改用户登录后可以随时通过会员中心的功能，完成对自己的个人信息的修改操作，修改的内容包括收货人电话、收货地址等详细信息。用户信息修改流程图如图所示：图3.7用户信息修改流程图(4)用户查看化妆品登录用户和非登录用户都可以随时根据“护肤馆”“美妆馆”这些分类查看化妆品、搜索化妆品、查看化妆品详细信息，用户查看化妆品流程图如图所示：图3.8用户查看化妆品流程图(5)添加化妆品用户登录成功后可以将喜欢的化妆品添加至自己的购物车，也可以对已经添加到购物车的化妆品数量进行添加或删除。如果用户所选购的化妆品的剩余数量为0，则会弹出提示用户没有库存的信息，用户无法把化妆品添加到购物车中。添加到购物车流程如图所示：图3.9添加商品到购物车流程图(6)管理化妆品类目管理员成功的登录化妆品网站后台后，可以对化妆品购物网站的化妆品类目进行添加或者删除和修改操作。管理化妆品类目流程图如图所示：图3.10管理化妆品类目流程图(7)管理商品信息管理员成功登录化妆品网站后台后，就可以对化妆品购物网站所有化妆品商品进行添加或者删除和修改等操作。管理商品流程图如图3.11所示：图3.11管理商品流程图3.4系统数据库设计3.4.1概念模型设计数据库是对数据进行管理的有效方法和技术，它是由许许多多的数据所组成的有序集合，这些数据被储存在一个结构化的数据列表中。表与表之间要求具有一定的相互关联性，能够为使用者提供尽量少的冗余数据，反映出客观实体之间的基本联系。数据库可以有效帮助一个组织或一个工程师来管理任何各种类型的信息资源，减少数据复杂度，便于管理。数据库概念设计是根据对化妆品购物网站的设计、分析，给出化妆品购物网站中使用的数据库实体。根据对本系统的分析,规划了本系统使用所需要的各个实体,具体包括:用户、化妆品的种类、化妆品、管理员、订单。用户实体拥有共六个属性。用户的实体属性如图所示。图3.12用户实体属性图化妆品类别实体拥有共三个属性。化妆品类别的属性如图所示。图3.13化妆品类别实体属性图化妆品实体拥有共七个属性。化妆品的实体属性如图所示。图3.14化妆品实体属性图管理员实体拥有共三个属性。管理员的实体属性如图所示。图3.15管理员实体属性图（5）订单实体拥有的属性有共八个属性。订单的实体属性如图所示。图3.16订单实体属性图3.4.2逻辑结构设计用户信息表（users）化妆品购物网站用户信息表的内容如表所示。表3.1用户信息表(2)商品信息表（goods）化妆品购物网站化妆品信息表的内容如表所示。表3.2化妆品信息表(3)化妆品类别信息表（types）化妆品购物网站的化妆品类别信息表的内容如表所示。表3.3化妆品类别信息表(4)订单信息表（orders）化妆品购物网站订单信息表的内容如表3.4所示。表3.4订单信息(5)管理员信息表（admins）化妆品购物网站管理员信息表内容如表3.5所示。表3.5管理员信息表4详细设计4.1系统主页面系统主页面使用橙色、灰色为主要色调，整体颜色使网站富有活力，符合女性作为主要客户的审美，激发用户购买欲望。系统主页面简洁清晰，页面左上角是一个“化妆品购物网站”的文本框，在主页面左上角有一个小小的商店的标志，使网站看起来比较可爱，登录和注册按钮置于网页的右上角，上方的导航栏包括商品的分类和搜索框，商品分类主要有“护肤馆”“美发馆”“美妆馆”“香氛馆”“男士馆”，化妆品的分类可以根据运营过程中的需要进行添加和删除，用户登录后在网站最上方有“我的订单”“购物车”“会员中心”三个实用的按钮。在主页面，进行化妆品的分类显示，每个化妆品类别分两块进行显示：一个是该类化妆品类别的大图，该图片是在化妆品类目里进行修改的，主要是起美观的作用，吸引顾客，其他的小图则是在化妆品商品管理进行修改，是化妆品的实物图片，作为该化妆品的标志图片。在主页面右侧，是“爆款推荐”栏目，“爆款推荐”栏目根化妆品的编号显示前三项，可以根据管理员需要调整显示内容。化妆品购物网站主页面如图所示。图4.1化妆品购物网站主页面4.2非登录用户操作4.2.1用户注册用户可以通过点击在化妆品购物网站首页右上角的“注册”打开用户注册页面，用户注册界面同样以黄色为主要色调，与主页面保持相对一致。用户注册只需输入自己的用户名、密码和确认密码即可，点击注册按钮之后系统会检测一下是否已经存在此次注册所用的用户名。化妆品购物网站用户注册界面如图所示。图4.2用户注册界面用户注册成功后，可以使用注册的信息进行登录。若用户已经存在，则会跳转到注册界面进行提示。4.2.2用户登录用户点击化妆品购物网站主页面右上角“登录”按钮即可打开登陆界面，用户登录界面同样以黄色为主要色调，与主页面保持相对一致。输入正确的用户名和密码，系统检测通过后即可登陆成功，若系统检测出错误，则无法登录。化妆品购物网站用户登录界面如图所示。图4.3用户登录界面用户登录成功后可以使用网站上的很多个人功能，比如购物车、订单中心和会员中心。用户如果想要退出登录，关闭网页和点击退出按钮都可以退出登录。4.2.3查看化妆品信息非登录用户可以通过点击某个化妆品的名称或者化妆品图片来查看该化妆品的详细信息，在化妆品的详细信息页面中我们可以看到化妆品的名称、化妆品相关图片、化妆品类别、化妆品含量、化妆品商品的库存数量、化妆品商品价格、化妆品商品的相关描述，化妆品类别、化妆品含量、化妆品库存这几个信息用红色框架黑色字体进行表示，但是非登录用户无法添加商品到购物车，同时可以看到右侧的爆款推荐栏目。化妆品详细信息页面如图所示。图4.4化妆品详细信息页面4.2.4搜索商品非登录的用户可以通过在化妆品购物网站主页面上方导航栏的的搜索框中输入化妆品的部分关键字进行化妆品搜索，在化妆品购物网站搜索后会显示关键字相关的化妆品，如果没有相关化妆品则跳转空表页面。化妆品搜索结果页面同样可以显示在右侧的“爆款推荐”栏目。化妆品搜索结果页面如图所示。图4.5搜索化妆品结果页面4.3登录用户操作4.3.1我的订单登录后用户可以通过点击化妆品购物网站页面上方的“我的订单”按钮，随时查看自己的订单状态是什么，包括是已付款、立即付款、已发货等等，订单的基本信息，如果用户发现有未付款的订单，用户就可以在我的订单中在线进行付款操作，立即付款操作按钮设置为红色，较为醒目。我的订单页面如图所示。图4.6我的订单页面4.3.2购物车购物车页面采用上方为橙色的导航栏，导航栏下方为加入到购物车中的化妆品信息，将化妆品的图片、名称、单价、数量标示的非常清楚，对用户来说，使用起来非常方便。只有登录用户可以使用化妆品购物车功能，在每件化妆品的详细信息界面中间部分都有红色的“添加购物车”的按钮，可以修改添加到购物车中的化妆品商品数量，每添加一件化妆品到购物车，相应化妆品的库存数量就相应减少，当库存数量为0时，则无法添加到购物车。在用户自己的购物车中，用户既可以清晰的看到自己已经加购过的化妆品基本信息和已经加购的化妆品数量，也可以在购物车中随时修改已经加入购物车的化妆品数量，多件化妆品可以同时提交订单。购物车页面如图所示。图4.7购物车页面4.3.3会员中心登录用户可以通过点击橙色导航栏中的按钮进入会员中心，按照需要修改自己的基本信息，包括姓名、电话以及密码。会员中心页面如图所示。图4.8会员中心页面4.4后台管理4.4.1后台登录用户可以通过点击化妆品购物网站前台主页面最下方的一个大大的黄色按钮进入化妆品购物网站后台管理的入口，直接打开化妆品购物网站后台管理的登录操作界面，后台登陆界面采用蓝色作为基础色调，比较清新。在商城系统的后台登录界面，管理员只需要输入正确的用户名和密码就能够直接登录到化妆品购物网站后台管理的主页面，化妆品购物网站后台登录页面如图所示。图4.9后台登录界面4.4.2后台主页面管理员成功登录后台后，打开化妆品购物网站后台管理的主页面，化妆品购物网站后台管理页面用黄色调作为主色调，与前台的色调保持一致，采用一个导航栏的形式，简洁明了，使用方便，管理员可以在导航栏选择要管理的内容以及退出操作。化妆品购物网站后台主页面如图所示。图4.10后台主页面4.4.3商品类别列表点击化妆品购物网站后台管理的主页面上方导航栏中的类目管理，即可显示本化妆品购物网站已有的化妆品商品类别及其基本信息，可以随时对化妆品购物网站现有的化妆品商品类别进行修改和删除。商品类别包括图片、名称、序号（序号决定前台首页类目显示顺序,从小到大排序,可以为负数）等内容。商品类别列表页面如图所示。图4.11化妆品类别列表页面4.4.3添加商品类别在类目管理列表页面，点击右上角添加类目，可以进入化妆品类目添加页面，需要上传图片、名称、序号（序号决定前台首页类目显示顺序,从小到大排序,可以为负数）。添加商品类别页面如图所示。图4.12添加化妆品类别页面4.4.4商品属性列表点击后台管理的主页面上方导航栏中的属性管理，即可显示化妆品购物网站已有的所有的化妆品商品属性及其基本信息，管理员可以根据自己的需求对化妆品的属性（比如说含量、类别）进行删除和添加。商品属性列表页面如图所示。图4.13化妆品属性列表页面4.4.5添加商品属性在属性管理页面，在添加属性框中输入属性，可以进行属性添加。添加化妆品商品属性页面如图4.14所示。图4.14添加化妆品属性页面4.4.6商品列表点击化妆品购物网站后台管理的主页面上方橙色导航栏中的商品管理，即可显示已有的全部化妆品商品及其爆款推荐，化妆品商品和爆款推荐采用分页展示，一页显示10个化妆品，管理员可以根据运营需需求，选择某个化妆品，对其实现修改、删除、移出爆款等操作。化妆品管理列表页面如图所示。图4.15化妆品管理列表页面4.4.7添加商品在进入化妆品商品管理列表页面后，点击右上角添加商品，可以进入化妆品添加页面，该页面以橙色色调为主色调，符合本系统的大体色调，添加属性为蓝色按钮，提交保存为绿色按钮，添加一个商品需要填写的内容有化妆品名称、化妆品价格、化妆品介绍、化妆品图片、化妆品类目、化妆品属性等内容。添加化妆品页面如图所示。图4.16添加化妆品页面4.4.8订单列表点击化妆品购物网站后台管理的主页面上方导航栏中的订单管理，即可显示所有化妆品订单，订单列表页面的整体布置为上方显示后台管理的导航栏，主体内容根据不同的订单状态进行显示，包括“全部订单”“未付款”“配送中”“已完成”等。管理员可以根据化妆品订单状态对化妆品订单进行查看，可以对订单进行发货（发货按钮为黄色）、完成（完成按钮为黄色）、删除（删除按钮为红色）等操作。订单管理列表页面如图所示。图4.17订单管理列表页面4.4.9用户列表点击橙色调为主的化妆品购物网站后台管理的主页面上方导航栏中的用户管理，即可直接看到所有化妆品购物网站系统注册过的用户的基本信息，包括用户ID、用户名、电话、地址等内容，管理员可以根据需求对用户进行重置密码（此按钮为淡蓝色）、删除（此按钮为深蓝色）和删除（此按钮为红色）操作。用户管理列表页面如图所示。图4.18用户管理列表页面4.4.10添加用户在化妆品购物网站后台的用户管理列表页面，点击右上角的添加用户按钮，就可以可以进入用户添加页面，此界面更加的简洁明了地显示了需要填写的内容，包括用户名、密码、电话、地址等内容。添加用户页面如图所示。图4.19添加用户页面5测试部分5.1程序调试在web网页的设计中，出现问题是比较正常的情况。对于正常操作出现的错误，根据程序运行时反馈的数据或提示，进行修改纠正。但是有些是因为误操作产生的问题，因此我们要考虑到每个用户会发生的情况，例如：不登录直接加入购物车购买，订单数超过商品总数。出现这样的情况，也属于程序的问题，种种类型的问题我们都需要考虑到，它们十分隐蔽，若达不到其特殊操作情况，不会发生此类错误。5.2程序测试5.2.1测试的重要性及目的（1）测试的重要性程序的测试在网页开发中占据了很长的时间周期。为了保证网页的质量，在每个开发阶段都进行程序测试工作，在测试过程中出现任何问题，都可以在开发人员的时间安排下，尽快地作出修改，以此来达到设计初期的功能，不要等到最后所有的程序都完成后，再统一进行检测，统一检测不仅工作量会很大，还容易遗漏某些功能和项目。（2）测试的目的系统测试工作越完善，用户体验相对越好。系统的操作越简单，越容易被大众用户接受，当我们面对用户的数量越大，那么我们简单的操作更符合用户的需求。5.2.2测试的步骤（1）功能测试：进行功能测试的时候，首先要明确化妆品购物网站有多少个具体功能，每个功能的作用是什么，以及每个功能要实现的目标，然后根据这些分别检测在正确使用和错误使用的情况下，系统的具体功能是否达到了自己预期的效果。功能的实现是完成一个网站的基础目标，所以说我们要在开发的过程中，时刻保持对功能测试的重视，每做好一个功能就要对其进行相应的功能测试。（2）性能测试：当我们的功能都完成了初步的预期目标之后，要追求系统的运行流畅度和人性化程度。将整个化妆品网站的功能放到一起进行那个测试，保证不同功能之间的切换可以切换流畅，使功能的加载速度在人们乐于接受的时间之内完成。（3）安全性测试：网站的安全性是化妆品购物网站使用性的保证，保证用户能安全的进行登录、购买等操作才可以保证化妆品购物网站的长久运行，网站的安全性亦关乎到商家在该网站上的营销活动能否正常进行。所以，安全性测试也非常重要。5.3功能测试分别从普通用户的登录模块、管理员模块、用户模块设计测试用例完成功能测试。登录模块测试用例如表5.1所示。表5.1登录模块功能测试用例编号测试功能测试方法测试用例期望实际结果Cs-01登录验证单元测试输入化妆品购物网站正确的用户账号：tom和密码：123456化妆品购物网站用户正常登录测试通过Cs-02单元测试输入化妆品购物网站用户正确的的用户账号：tom和错误的密码：654321化妆品购物网站用户无法正常登录测试通过Cs-03单元测试输入化妆品购物网站用户错误的用户账号：mot和正确的密码：123456化妆品购物网站用户无法正常登录测试通过管理员模块测试用例表如表5.2所示。表5.2管理员模块测试用例表用例编号测试功能测试方法测试用例期望实际结果Cs-01登录验证单元测试输入化妆品购物网站正确的管理员账号：admin和密码：admin化妆品购物网站管理员正常登录测试通过Cs-02单元测试输入化妆品购物网站错误的管理员账号：admin和密码：123456化妆品购物网站管理员无法正常登录测试通过Cs-03增加商品种类单元测试增加化妆品商品类目显示新添加的化妆品种类测试通过Cs-04删除商品种类单元测试删除化妆品商品类目对应的化妆品类目消失测试通过Cs-05增加商品单元测试增加化妆品商品在首页出现新的化妆品商品信息测试通过Cs-06删除商品单元测试删除化妆品商品在首页的化妆品商品信息消失测试通过Cs-07对订单进行操作单元测试发货、完成、删除等完成相应功能测试通过Cs-08查看用户注册单元测试查看用户后台出现已注册用户测试通过Cs-09添加用户单元测试添加用户成功添加测试通过用户模块测试用例表如表5.3所示。表5.3用户模块测试用例表用例编号测试功能测试方法测试用例期望实际结果Cs-01点击浏览商品单元测试点击首页某化妆品商品显示化妆品商品详细信息测试通过Cs-02点击加入购物车单元测试将护肤馆的某商品加入购物车购物车出现相应护肤馆商品测试通过Cs-03选择订单支付单元测试进行订单支付支付成功显示待发货测试通过Cs-04清空购物车单元测试从购物车删除某化妆品商品相应化妆品商品从购物车消失测试通过5.4性能测试当我们的功能都完成了初步的预期目标之后，要追求系统的运行流畅度和人性化程度。将整个化妆品网站的功能放到一起进行那个测试，保证不同功能之间的切换可以切换流畅，使功能的加载速度在人们乐于接受的时间之内完成。对系统性能测试的用例表如表5.4所示。表5.4性能测试用例表用例编号测试功能测试用例期望实际结果Cs-01登录测试点击登录按钮后成功登陆的时间1秒内完成登录1秒内完成Cs-02点击商品测试点击化妆品商品后跳转化妆品商品详细信息的时间1秒内完成页面跳转1秒内完成Cs-03加入购物车测试化妆品成功加入购物车时间1秒内完成信息同步1秒内完成Cs-04提交订单测试点击提交订单后成功提交的时间1秒内完成提交1秒内完成5.5安全性测试网站的安全性是化妆品购物网站使用性的保证，保证用户能安全的进行登录、购买等操作才可以保证化妆品购物网站的长久运行。对网站的安全性测试用例表如表5.5所示。表5.5安全测试用例表用例编号测试功能测试用例期望实际结果Cs-01用户访问权限没有注册的用户随意输入账号登录化妆品购物网站前台无法登录测试通过Cs-02用户访问权限注册用户登陆化妆品购物网前台正常登录跳转测试通过Cs-03用户访问权限普通用户登陆化妆品购物网后台无法登录测试通过Cs-04用户访问权限管理员登陆化妆品购物网后台跳转到后台主页面测试通过6结论在开始本次毕业设计之前，我先进行制定了大体的计划，首先对网上购物这一背