springboot020汽车改装方案网站(vue)

1 绪论

1.1 课题背景：

当今电子信息发展十分迅猛，软件行业发展的节奏也非常的快。在我们日常的生活中有很多非常智能的软件，除此之外新兴的智能软件也如雨后春笋般的出现，人们的生活方式也一点一点的被潜移默化的改变着，当今社会的这种生活方式也是一种更人性化的“懒人”模式，比如人们在出行的时候可以提前预定机票、火车票等票据，也可以在到达目的地之前提前预定要下榻的酒店，甚至饿了可以随时通过手机进行点餐。这种模式对人们的生活质量有巨大的提升，人们通过提前预定各种服务，节省时间成本，大大提高了办事效率。

1.2 目的和意义

对于当今社会发展趋势越来越迅猛，传统汽车改装模式的没落,我认为这并不是不能避免的,但说实话,现在的生活方式与以往相比有太大的改变，人们的娱乐方式不仅仅再是读书看报。由于近些年手机、平板电脑等设备的普及,互联网充满了活力,并且可以渗透进其余的各行各业,可以提升全面经济,对国家发展也有重大贡献。所以，本文借助实现基于SpringBoot的汽车改装方案网站的这个契机，既可以详细的利用大学学的知识开发一个有价值有意义的网站，又可以帮助汽车爱好者们热爱的改装文化的流传下去。

1.3 本文的结构

本文会按照在大学里学习的专业的软件工程学对于一个系统产生的所有流程去介绍整个基于SpringBoot的汽车改装方案网站的实现方式。

当然,本文将着力介绍基于SpringBoot的汽车改装方案网站的基本组成与结构,并详细说明该网站的设计方案、实现的方法、开发工具及其他相关的技术。另外,重点介绍了软件开发中的一些细节。系统在一定条件下对系统中的重要模块进行严格测试,验证了该系统的可用性与可靠度。接下来介绍我实现系统的过程与本文的结构：

2  可行性分析

2.1  业务流程可行性分析

管理员后台模块：

(1)管理员信息维护：通过此功能可以查询所有的管理员信息，还可以进行管理员资料的修改比如修改密码。

(2)新闻管理:此模块包含新闻信息的管理、新闻添加等功能。

(3)用户信息管理：管理员可以通过用户信息管理模块查询用户信息，还可以对用户信息进行维护。

(4)留言信息管理：管理员可以对留言信息进行增删改查的操作。

(5)改装方案模块：管理员可以在网站上对改装方案进行管理。

(6)改装需求模块：管理员可以在网站上对改装需求进行管理。

用户后台模块：

(1)用户个人信息管理系统:用户在此系统中维护自己的个人信息,比如可以修改自己的姓名及联系方式或者照片等。

(2)改装需求管理模块:用户可以对网站的改装需求信息进行有效地维护。

(3)我的收藏模块:用户可以随时对网站中的收藏信息加以管理和维护。

用户前台模块：

(1)新闻信息模块:用户在此系统中可以查看近期的新闻资讯。

(2改装方案功能模块:用户可以对网站的改装方案信息进行有效地查询和详情查看，除此之外还可以评论和收藏。

(3)在线留言功能模块:用户可以在网站内查进行在线留言。

(4)用户登录模块：用户可以在匿名浏览系统内的信息，但只有在登录后才可以使用网站内的所有功能。

2.2 经济可行性

一个网站在经济上是否可行就是指该网站在设计时所能够带来的收益与其他设计和开发这个网站的投资相比,是否可以盈利。不仅如此,还要看此网站是否能真正的给所有用户带来足够的经济收益,开发这个网站的初衷本身就是让汽车改装爱好者们和汽车改装店工作人员节约对汽车改装方案管理的时间。这个网站的开发在经济上是完全可行的,因为这是个人独立开发的小型项目,应用的都是在学校学过的知识。

2.3 技术可行性

关于硬件，我选择配置较高的PC去开发，这样编码才会更有效率。

软件方面，市面上大多SpringBoot的项目都是使用的Idea和Mysql，本项目也是遵循市场趋势，毕竟这两种工具是非常成熟且稳定可靠的。

2.4 运行可行性

在现在这个时代,几乎每个人都会上网,不管是用电脑还是用手机亦或是用平板电脑,大多数人现在大多也都会使用电脑，更不用说热爱汽车改装的年轻人群。基于SpringBoot的汽车改装方案网站的操作与其他交易网站大同小异,对使用者来说非常友好。此网站管理员是开发项目的开发者,所以管理起来也更不在话下。经过上述分析,运行方面是可行的。

3 需求分析

3.1 汽车改装方案网站管理发展趋势

在最初的时候，汽车改装店的工作人员们都是通过纸张来记录各个车主的汽车改装需求的，汽车改装店的工作人员们用一个大的记录本记录每天的改装需求信息，改装工人们也有专门的记录改装方案的需求信息。但这种方式经常会出现一些差错，比如汽车改装店的工作人员们的记录与改装工人的记录对不上。在目前的大趋势下，汽车改装方案网站向着更专业更高端的方向在发展。

3.2 汽车改装方案网站功能分析

经过对各大网站及生活中对汽车改装方案的研究,我认为基于SpringBoot的汽车改装方案网站应具有以下几个功能:

(1)具有简洁的操作界面同时保证系统的可操作性。

(2)管理员具有在网站内对管理员及用户信息管理等功能。

(3)各用户具有对改装信息的信息查看的功能。

(4)用户可以查看新闻资讯和查询新闻的功能。

(5)用户具有查看改装方案详情和收藏的功能。

(6) 用户具有对在线留言的功能。

3.3数据字典

一个数据库应用开始的时候，需求还不旺盛，很多功能还不到时候开发，所以可能有2，30张表。可以是人物表，地点表，时间表，活动表等等。此时，我们记得住这些表，某个数据在哪里，信手捏来。

表3-1　系统数据项举例

4 总体设计

4.1 系统模块总体设计

基于SpringBoot的汽车改装方案网站是后台管理类型的系统，但此系统存在三个模块，分别是用户前台、用户后台与管理员后台，这三个模块独立存在但又相辅相成，它们访问的是同一个数据库，但是所访问的数据库对象不同。

4.1.1前台（用户）

(1)用户可以匿名浏览网站内容和观看改装方案信息,但不能收藏也不能评论,更不能进行改装需求的提交。

(2)用户注册与登录:用户们如果想在网站录入自己的个人信息,需要经过一系列的有验证信息的注册,注册成功并登录后,用户可以查看所有的个人信息。

(3)个人中心：用户可以在首页面进行对自己个人信息的查看，以及可以查看自己的历史数据。

(4)方案的收藏和评论：用户可以在网站首页进行方案详情的查看，后台管理员看到后会及时进行审批。

(5)改装方案信息查看：用户可以在网站上进行改装方案信息的查看。

前台功能模块图如下图所示：

后台（管理员）

(1)用户个人信息管理系统:在此系统中维护和新建的用户个人信息,比如说当一个用户的密码被遗漏了,经过对密码提示出现问题的验证就可以直接进行密码的修改。

(2)用户与维修工信息管理功能模块:管理人员可以有效地维护用户与维修工信息。

(3)留言信息管理：管理员可以对留言信息进行增删改查的操作。

(4)改装方案模块：管理员可以在网站上对改装方案进行管理。

(5)改装需求模块：管理员可以在网站上对改装需求进行管理。

具体后台管理模块图如下所示：

4.2 数据库设计

数据库之于本系统的作用主要是用于对各种信息的添加、删除、修改和查询等。所以，在设计数据库之前必须按照本系统的需求分析来详细的分析每个数据字段的作用。

（1）首先是用户注册和登录的时候会用到用户表，里面的列包括用户姓名、性别、年龄、地址等。

（2）用户在系统中对个人信息进行了添加或修改时，需要数据库作出相应的数据操作。

（3）申请完成后，需要具体的字段来反应反馈的具体状态，如有异常、无异常等。

（4）因为本系统存在管理员的角色，所以需要一张表来存储所有管理员的信息。

这样，至少要创建如下的数据表和数据列：

（1）用户表，存储用户ID（可设置为自增长）、用户名和密码等。

（2）管理员表，存储管理员ID（可设置为自增长）、管理员信息等。

（3）方案信息表，方案ID（可设置为自增长）、方案信息等。

（4）方案需求信息表，包括需求ID、需求信息等。

ER图如下图所示：

4.3 数据库详细设计

首先要严格的进行需求调查，具体包括完全性需求和完整性需求。然后去确定下来有哪些功能模块，再根据功能模块去规划数据。下面通过以下的表详细介绍下本系统的数据表：

1.方案信息表

表4-3 t_jk（方案信息表）

2．方案明细信息表

表4-4 t_details（方案明细表）

3．用户信息表

4.管理员信息表

表4-6 t_admin（管理员信息表）

5 功能详细设计

5.1 运行环境

1．硬件环境

硬件环境配置：

处理器：I7-10200H

内存：8G DDR4

硬盘:：512G SSD

显卡：GTX1650Ti

2．软件环境

系统：Windows 10

数据库：MySQL数据库

开发工具：idea

服务器： LocalHost服务器。

5.2 开发工具及技术介绍

Idea是一款功能强大的软件，也可以看做是专门进行网页开发的工具，主要用于SpringBoot和Java Web的开发，可以用来进行编写代码、编译文件、系统部署和测试等。MySQL是一种关系型的小型数据库，安装方便操作灵活，并且是免费的，执行效率也很快，汽车改装方案网站这类小型系统用Mysql数据库是最合适不过的。

SpringBoot是一种面向对象编程的开发语言。经过十几年的发展，SpringBoot的优点越来越显著，首先就是开源免费，一个语言如果是开源免费的就会更方便人们学习交流，让越来越多的程序员进入到SpringBoot编程的领域。除此之外，SpringBoot相比其他语言更快捷高效，性能也比较好，还是可以跨平台的语言。最最重要的就是它是面向对象的编程思想，可以以类和对象为核心解决各种问题。

HTML的全称是超文本标记语言，是通过各式各样的标签进行网页设计的一种语言。本网站的前台使用的是Div+Css布局，通过此布局方式可以更灵活的进行网页设计。如何理解这种布局方式，可以将网页的body部分看做是人的躯体，将Css部分看做人穿的衣服，既可以自己穿也可以别人穿。在网页中即表现为当前网页可以被一个Css进行修饰，其他的网页也可以被它修饰。通过HTML作为前台语言，可以将游戏文化以音频、视频、文字或图片的形式进行表示。

5.3 系统界面设计

管理员模块的设计：

基于SpringBoot的汽车改装方案网站的管理员模块采用了最简单的上中下结构，头部为导航菜单。中间部分的右侧可以进行各种操作，左侧为垂直菜单，里面有许多的功能比如用户管理、用户信息管理等。网站尾部是版权信息级作者联系方式等。具体实现效果如下图所示：

2.用户信息添加模块的设计与实现：

用户添加时需要填写必要的信息,比如用用户工名、性别、工号和电话等。维修工的添加页面有严格的表单验证,如果不符合格式规则是无法成功进行添加的。所有验证通过之后维修工的信息会被添加至数据库中的用户信息表。信息添加页面如下图所示：

3.用户信息管理模块的设计与实现：

为了方便对所有的用户进行管理，在管理员模块中有一个功能就是对用户的信息进行管理，在这个功能中可以设置用户的信息如学号、姓名等，还可以对现有的信息进行维护。

4.方案信息管理模块的设计与实现：

此功能为对方案的信息进行管理，可以通过此功能查看所有的方案信息，也可以进行删除，除此之外，系统提供两种查询类别信息的方式，分别为通过编号查找和通过名称查找。

用户模块的设计：

用户首页面的设计：

基于Spring的汽车改装方案网站的后台首页面也采用了最简单的上中下结构，头部为导航菜单。中间部分的左侧为各个模块的管理菜单，中间以右边部分为各种信息的展示。基于Spring的汽车改装方案网站的后台首页面具体效果如下：

用户信息修改功能：

通过此功能可以对用户信息进行维护，可以修改电话、邮箱和图片等个人信息，还可以修改密码。

改装方案信息管理模块：

通过此模块可以对改装方案进行管理，可以选择方案的编号、名称等信息，还可以进行收藏和评论等。通过改装方案信息管理功能可以查看所有的方案信息，具体的效果如下所示。

在线留言管理模块：

通过此模块可以对在网站内进行在线留言，管理员在后台看到后可以进行及时的回复。具体实现效果如下图所示：