基于SSM的美容资讯商务网站的设计与实现

徐 刚，翟梦娇

(洛阳师范学院，河南 洛阳 471934)

引言

随着社会的快速发展和科学技术的进步，人们对生活质量的要求越来越高，女性对于自己的外表也更加注重.在快速的生活节奏下，线下购物具有局限性，因此，女性对网络购物的需求也日益增加.基于此，本文构建了一个集购物与美容资讯于一体的网站.该网站既可以为消费者节省时间和精力，又可以为商家和企业提供一种新的销售途径.

1 系统需求分析

1.1 功能需求分析

该系统需要实现用户查看关注商品、购买商品、浏览美妆信息的功能.网站用户分为游客和注册用户两类，游客用户仅具有浏览网页、查看商品和美妆信息的权限；注册用户除具有游客用户的权限外，还具有购物车、购买商品、关注商品的权限.

此外，该系统还需要管理员具有对注册用户和订单进行查询和删除的功能；对商品进行新增、删除、修改和查询的功能；对美妆信息进行新增、删除和查询功能；对商品类型进行新增、删除和查询功能.

1.2 性能需求分析

1)安全性.系统要能有效地防止他人非法进入系统，从而保证数据的安全性.不同的身份进行注册登录后，具有不同的权限.2)高效性.系统既要便于用户购物，又要使用户获得及时的美妆信息，优惠活动要在第一时间发布在首页.3)便捷性.系统界面需要简单明了、操作简便，能够达到所见即所得的效果,用户在使用过程中，不可出现过多的等待或复杂的干扰信息.

2 系统总体设计

本系统主要包括两大功能模块：电子商务模块和后台管理模块.

2.1 电子商务模块设计

根据系统目标和需求，该模块主要服务于两类用户：游客用户和注册用户.游客用户只能浏览商品和查看已经发布的美妆信息，不能进行购买商品等操作；而注册用户除了浏览商品和查看已经发布的美妆信息外，还可以进行商品的购买、商品的关注以及进入用户中心以后的一些常规操作.该模块的架构图如图1所示.

图1 电子商务模块架构图

2.2 后台管理模块设计

根据系统目标和需求，该模块主要便于管理员对整个平台进行详细的管理.后台管理模块分为商品管理、商品类型管理、订单管理、用户管理和美妆信息管理.其中，商品管理可以进行新增商品、删除商品、修改商品详情和查询商品的操作；商品类型管理可以进行新增商品类型、删除商品类型和查询已经添加的商品类型信息的操作；订单管理可以进行查询订单和删除订单的操作；用户管理可以进行查询注册用户和删除违规操作的用户的操作；美妆信息管理中，后台管理员可以进行美妆信息的新增、美妆信息的删除和已经发布的美妆信息的查询功能.该模块的架构图如图2所示.

图2 后台管理模块架构图

3 系统详细设计

3.1 开发工具简介

该系统使用JAVA作为编程语言(JDK版本为8u201 x64)，Eclipse Java EE IDE for Web Developers(Oxygen.2 Release 4.7.2 x64)作为开发平台，使用MySQL 5.5作为数据库软件，以tomcat 9.0作为服务器，使用Spring + Spring MVC + My Batis作为框架来实现各个子系统的功能.其中，Spring版本为5.0.2，MyBatis版本为3.4.5[1-2].

3.2 数据库设计

根据系统的模块和设计，本系统建立如下九张表.

1) 管理员表.包括管理员用户名字段和密码字段.系统初始一名管理员，用户名和密码均为admin，类型均为varchar，长度均为50，均不可为空值.主键为用户名字段.该数据库表格的信息见表1.

表1 管理员表

2) 商品类型表.包括商品ID和商品类型字段.商品ID类型为int，长度为10；商品类型字段的类型为varchar，长度为50，均不可为空值.主键为商品ID字段.该数据库表格的信息见表2.

表2 商品类型表

3) 注册用户表.包括注册用户的ID，密码和电子邮箱字段.用户ID类型为int，长度为10；电子邮箱和密码类型均为varchar，长度均为50，均不可为空值.主键为用户ID字段.该数据库表格的信息见表3.

表3 注册用户表

4) 购物车表.包括购物车ID、用户ID、商品ID和购买数量字段.这四个类型均为int，长度均为10，均不可为空值.主键为购物车ID，用户ID和商品ID为外键.该数据库表格的信息见表4.

表4 购物车表

5) 商品信息表.包括商品ID、商品名称、进货价格、销售价格、库存数量、商品图片和商品类型字段.其中，商品ID、库存数量的类型均为int，长度为10；商品名称和商品图片均为varchar，长度为50；进货价格和销售价格类型均为double.商品图片字段可以为空值，其余字段均不可为空值.主键为商品ID.商品类型为外键.该数据库表格的信息见表5.

表5 商品信息表

6) 用户关注表.包括关注表ID、用户ID、商品ID和关注时间字段.其中，关注表ID、用户ID和商品ID的类型均为int，长度均为10；关注时间类型为datetime，均不可为空值.主键为关注表ID，用户ID和商品ID为外键.该数据库表格的信息见表6.

表6 用户关注表

7) 基础订单表.包括基础订单表ID、用户ID、订单金额、订单状态和下单时间字段.其中，基础订单表ID和用户ID类型均为int，长度均为10；订单金额类型为double；订单状态类型为short，长度为4；下单时间类型为datetime，均不可为空值.主键为基础订单表ID，用户ID为外键.该数据库表格的信息见表7.

表7 基础订单表

8) 详情订单表.包括详情订单表ID、基础订单表ID和商品ID、购买数量字段.这四个类型均为int，长度均为10，均不可为空值.主键为详情订单表ID，基础订单表和商品ID为外键.该数据库表格的信息见表8.

表8 详细订单表

9) 美妆信息表.包括信息表ID、信息标题、信息内容和信息发布时间字段.其中，表ID类型为int，长度为10；信息标题类型为varchar，长度为100；信息内容类型为varchar，长度为1000；信息发布时间字段类型为datetime，除发布时间字段外，其余均不可为空值.主键为信息表ID.该数据库表格的信息见表9.

表9 美妆信息表

系统数据库架构图如图3所示.

图3 系统数据库架构图

3.3 系统实现

该系统使用JSP + html + css + javascript技术来实现系统面向对象的页面[3].数据库使用MySQL，用于存取各类用户信息、商品信息、订单信息、购物车信息和美妆信息等操作.系统主要包含两个模块：电子商务模块和后台管理模块.

3.3.1 电子商务模块的实现

电子商务模块主要用于实现浏览用户的查询商品信息和美妆信息，以及注册用户的登录、查询、购买商品等功能.

1)index.jsp文件.主要用于显示面向对象的首页面，如图4所示.对于游客用户，不显示登录的欢迎信息，但该类用户可以查阅商品和美妆信息；对于注册用户，显示欢迎信息，并可进入个人中心，查看账户信息、购物车、关注商品等操作.

2)productDetail.jsp文件.通过读取数据库的相关信息，显示商品的详细信息，包括商品图片、价格、折扣价、商品类型、购买数量等信息.某商品详情如图5所示.

图4 网站首页截图

图5 某商品详情截图

3)searchResult.jsp文件.用于搜索商品，通过遍历数据库的所有商品来实现.

4)userCenter.jsp文件.该文件是用户中心页面，通过读取数据库的相关信息来实现功能，该页面可以显示某注册用户的历史订单和关注的商品.

5)cart.jsp文件.用于显示购物车页面.通过读取数据库的相关信息来实现查阅商品图片、名称、价格和数量等信息.

6)订单的确认、购买、支付使用了4个文件.orderDetail.jsp文件,主要用于显示订单详情，包括商品编号、名称、图片、价格和购买数量.某订单详情截图如图6；confirmOrder.jsp页面，用于确认订单时使用，此页面会显示将要购买的所有商品的名称、单价、数量和总价格等信息；orderDone.jsp页面，主要用于生成订单号码，并向用户显示单号和确认信息；payDone.jsp页面，用于确认支付完成，当支付成功后，显示此界面，告知用户已支付成功.

图6 某订单详情截图

3.3.2后台管理模块的实现

该模块的功能是使管理员用户有效地监管整个系统，包括对商品、用户、订单和美妆信息的增加、删除、修改等操作.主要通过以下jsp文件来实现.

1)main.jsp页面，即后台管理主界面.该页面可以进行商品类型管理，用户管理，订单管理和美妆信息的管理.登录后如图7所示.

图7 后台管理界面截图

2)商品管理包括6个jsp文件，分别是addProduct.jsp、deleteProduct.jsp、producDetail.jsp、selectproduct.jsp、modifyOneProduct.jsp和modifyProducts.jsp.其中，addProduct.jsp页面用于添加商品信息，包括商品的名称、进货价、销售价格、商品库存数量、商品图片和商品类型，添加一个商品如图8所示；productDetail.jsp页面主要用于查看某一个商品详情，可以显示商品的名称、进货价、销售价格、商品库存数量、商品图片和商品类型，某商品详情如图9所示；deleteProduct.jsp页面用于删除某个商品；selectproduct.jsp页面用于显示多个商品，管理员可以查看其中任意一个商品的详情，商品的详情页面如图10所示；modifyProducts页面用于管理员修改商品；modifyOneProduct页面主要用于修改某个商品的相关信息，包括修改名称、进货价、销售价格、商品库存数量、商品图片和商品类型等信息.

图8 添加商品页面截图 图10 商品详情页面截图

图9 某商品详情截图

3)美妆信息管理通过3个jsp文件来实现，分别是：addInfor.jsp、deleteInfor.jsp、inforDetail.jsp.其中，addInfor.jsp页面用于添加美妆信息，管理员可以在此页面添加美妆信息的标题和内容，添加一个美妆信息页面如图11所示；deleteInfor.jsp页面用于删除某条美妆信息；inforDetail.jsp页面用于显示某条美妆信息.

图11 添加美妆信息页面截图

4)添加或删除某种类型的商品通过addType.jsp和deleteType.jsp来实现.其中，addType.jsp用于添加商品类型，商品类型ID使用时无需设置，其数值会自动增加，商品类型需要管理员手动添加，添加一个商品类型页面如图12；deleteType.jsp用于删除某种类型的商品，此页面用于显示商品的ID、商品名称和操作栏.

图12 添加类型页面截图

5)用户管理通过usersManage.jsp来实现，管理员可以在此页面修改用户密码和删除用户信息.删除用户信息页面见图13所示.

图13 删除用户页面截图

5 小结

本文基于SSM架构，构建了一个集购物与美容资讯于一体的商务网站.该网站用于实现浏览用户查阅商品和美妆信息的功能，注册用户添加关注的商品、添加商品到购物车以及购买商品等功能.此外，管理员用户还可以在后台对用户信息，商品信息，订单信息等方面实现管理.当然，随着人民对于美好生活的向往，用户的需求也会随之改变，该网站也需要不断更新和优化.