基于Java+SpringBoot+Vue的前后端分离的家具网站

一、背景介绍

家具网站的后台包括管理员登录、家具分类设计、家具管理设计、公告管理、订单管理设计、用户设计。家具网站的前台包括首页、家具分类、全部家具、网站公告、我的购物车、我的订单、注册登录、个人中心

二、技术栈

• 后端：Java+SpringBoot
• 前端：Vue
• 数据库：MySQL

三、功能模块

四、详细介绍

前台功能模块的实现

用户可进入家具网站可查看网站信息，包括网站首页，家具信息、网站公告等。系统前台主界面展示如图5.1系统前台主界面图所示。

图5.1系统前台主界面图

首页的导航栏为单独的一个页面，系统所有的页面在开发前，引入这个top页，就可以显示出导航栏的内容。再项目需要修改导航栏的时候，就可以单独修改top页面的代码，实现所有页面都进行修改的目的。

用户注册界面

未注册用户可进注册界面进行注册操作，用户注册界面展示如图5.2用户注册界面图所示。

图5.2 用户注册界面图

在用户信息添加界面，填写信息后，通过客户端验证后，提交数据到数据库。后台对用户信息进行保存操作，保存数据就，在数据库中可以查看到刚才录入的数据。用户注册在操作上属于数据的插入操作，用户注册前，需要验证该用户是否存在数据库，如果有这个用户，就不能继续注册。

用户登录界面

用户要想实现家具购买操作必须进行登录系统，用户登录界面展示如图5.3用户登录界面图所示。

图5.3 用户登录界面图

登录界面比较简洁，输入信息后，进行登录，登录验证需要经过两个步骤。第一个步骤是客户端验证，通过js实现必填项校验，一般情况，js也可以校验是否为数字，字符串大小等。通过验证后提交到服务器端进行验证，服务器验证是查询数据库的记录，得到数据后，返回验证通过信息。

个人资料界面

用户登录后可进行修改个人信息，个人资料界面展示如图5.4个人资料界面图所示。

图5.4 个人资料界面图

家具详情界面

用户在家具详情界面可查看家具详情，可点击购买按钮进行购买操作，家具详情界面展示如图5.5家具详情界面图所示。

图5.5 家具详情界面图

购物车界面

用户可进购物车界面查看购物车家具信息，购物车界面展示如图5.6购物车界面图所示。点击收银台按钮时进入地址填写界面。

图5.6 购物车界面图

在用户点击加入购物车后，通过客户端验证后，提交数据到数据库。后台对用户信息进行保存操作，保存数据就，在数据库中可以查看到刚才插入的数据。

我的订单界面

用户在我的订单界面可查看订单信息，对已发货的订单可进行确认收货操作，我的订单界面展示如图5.8我的订单界面图所示。

图5.8 我的订单界面图

在订单列表中，通过后台查询方法，把所有的订单信息读取到集合对象，订单界面使用JAVA标签，把集合对象通过html的方式显示到界面。查询有两种类型，一个是查询所有的订单集合，也可以通过条件查询订单，实现的sql语句不同而已，最终实现的流程一样。

管理员登录界面

管理员要想进入系统后台对系统进行管理操作，必须进行登录，管理员登录界面展示如图5.9管理员登录界面图所示。

图5.9 管理员登录界面图

家具管理界面

管理员可进行家具管理操作，可添加、删除和编辑家具信息，家具管理界面展示如图5.11家具管理界面图所示。

图5.11 家具管理界面图

点击家具管理链接，录入家具信息。在家具信息添加界面，填写信息后，通过客户端验证后，提交数据到数据库。后台对家具信息进行保存操作，保存数据就，在数据库中可以查看到刚才录入的数据。录入家具信息后，在家具列表中，通过后台查询方法，把所有的家具信息读取到集合对象，把集合对象通过html的方式显示到界面。查询有两种类型，一个是查询所有的家具集合，也可以通过条件查询家具，实现的sql语句不同而已，最终实现的流程一样。在列表中，可以对家具信息进行删除，删除前，需要提示信息，是否确定删除。这一步骤的提示属于客户端控制，当确定删除后，调用服务器端删除方法，实现数据库数据删除，并刷新家具列表。

家具分类管理界面

管理员可添加、编辑和删除家具分类信息，家具分类管理界面展示如图5-12家具分类管理界面图所示。

图5.12家具分类管理界面图

点击家具分类管理链接，录入家具分类信息。在家具分类信息添加界面，填写信息后，通过客户端验证后，提交数据到数据库。后台对家具分类信息进行保存操作，保存数据就，在数据库中可以查看到刚才录入的数据。录入家具分类信息后，在家具分类列表中，通过后台查询方法，把所有的家具分类信息读取到集合对象，把集合对象通过html的方式显示到界面。查询有两种类型，一个是查询所有的家具分类集合，也可以通过条件查询家具分类，实现的sql语句不同而已，最终实现的流程一样。在列表中，可以对家具分类信息进行删除，删除前，需要提示信息，是否确定删除。这一步骤的提示属于客户端控制，当确定删除后，调用服务器端删除方法，实现数据库数据删除，并刷新家具分类列表。

订单管理界面

管理员可进行订单管理操作，可查看所有订单信息，并可对其订单进行发货和删除操作，订单管理界面展示如图5.13订单管理界面图所示。

图5.13订单管理界面图

会员管理界面

管理员可查看所有会员信息，并可修改会员资料以及删除操作，会员管理界面展示如图5-14 会员管理界面图所示。

图5-14 会员管理界面图

在会员列表中，通过后台查询方法，把所有的会员信息读取到集合对象，把集合对象通过html的方式显示到界面。查询有两种类型，一个是查询所有的会员集合，也可以通过条件查询会员，实现的sql语句不同而已，最终实现的流程一样。在列表中，可以对会员信息进行删除，删除前，需要提示信息，是否确定删除。这一步骤的提示属于客户端控制，当确定删除后，调用服务器端删除方法，实现数据库数据删除，并刷新会员列表。

五、结论

从接到题目开始，收集家具网站相关资料，研究系统的背景和意义，收集家具网站的系统需求。在本人原有的专业知识基础下，学习软件开发知识，掌握家具网站需要的平台和数据库技术。通过几个月的努力，终于完成了编码进行了测试，完善了家具网站功能。

家具网站的开发，先通过整理相关的需求，形成需求分析文档。归纳出家具网站需要的用户角色，每一个角色具有的功能。然后对系统进行数据库设计，通过ER图和数据库表进行表示，最终实现mysql表结构。家具网站使用JAVA开发，第一步需要掌握JAVA的基础知识，通过对数据库的操作，实现基本信息表的添删改查。第二步实现系统业务逻辑，完成各个基础功能。第三步，对实现的功能进行全方面的测试，对于功能问题和bug进行完善和修改，最终实现了比较完美的家具网站。

家具网站利用电子商务的优势，为家具企业带来升级转型，建立和消费者在线的联系平台。开发家具网站，降低了运营成本，节省了店铺装修成本，节省了各种宣传成本，通过家具网站发布各种健康咨询，为客户免费提供在线服务，提高了客户获得感。

本家具网站的开发，巩固和提高了本人技术水平，享受了解决问题后带来的成就感，对我来说将受益终身。但是，家具网站也存在一些问题，下一步在工作中会逐渐完善。

不足之处体现在，第一，家具网站无法适应手机屏幕，不能自适应。第二，家具网站没有统计报表，对各项信息没有很明确的统计。第三，家具网站界面不够美观