java家装网装修网站装修系统毕业论文基于WebGL的家装工作室网站设计与实现

 专业学位硕士学位论文

本 科 毕 业 设 计 报 告

题 目： 基于WebGL的家装工作室网站设计与实现

学 院： 计算机与人工智能学院

专业班级： 网络xx班

学 号： xxx

姓 名： xx

指导教师： xx 职称： 副教授

20xx年6月24日

基于WebGL的家装工作室网站设计与实现

摘 要

当今室内设计越来越受到重视，是由于它具有很强的社会基础和充分反映时代的需要。 装修网站是提供用户和设计师的交流平台，让设计师可以通过这个方式让更多的人看到自己的作品，也能为用户节省很多时间和提供更多的选择。

此网站结合目前比较流行的 Web 开发技术与比主流的 HTML5、数据库理论与软件开发技术。以 Eclipse作为系统的集成开发环境，用 Java为程序的后台开发语言、 用 HTML 和 CSS3 设计平台的页面、用 Springboot框架和 WebGL 实现虚拟交互的展示。通过本系统，满足了不同权限用户的需求，包括管理员和用户，用户通过本系统可快速进行装修案例的查询、分类，管理员可对系统进行全面管理，确保系统正常稳定运行。本系统经过测试，运行效果稳定，操作方便、快捷，是一个功能全面、实用性好、安全性高，并具有良好的可扩展性、可维护性的家装工作室网站平台。

本论文对本家装工作室网站的设计与实现进行了一系列的分析，包括系统需求分析，总体设计分析，详细细节设计分析，从开发环境、目标、流程、功能等方面都进行了总体规划。

关键词：家装工作室网站管理系统； MySQL数据库；WebGL；Springboot框架

Party member management system design and implementation

Abstract

Today interior design is taken seriously more and more, because it has a strong social foundation and fully reflects the needs of The Times. Decoration website is to provide users and designers of the exchange platform, so that designers can through this way to let more people see their works, but also for the user to save a lot of time and provide more choices.

This website combines the current more popular Web development technology with the mainstream of HTML5, database theory and software development technology. Taking Eclipse as the integrated development environment of the system, using Java as the background development language of the program, using HTML and CSS3 to design the page of the platform, using SpringBoot framework and WebGL to achieve the display of virtual interaction. Through this system, to meet the needs of different rights of users, including administrators and users, users through this system can quickly carry out the decoration case inquiry, classification, administrators can carry out a comprehensive management of the system, to ensure the normal and stable operation of the system. This system has been tested, the operation effect is stable, easy to operate, fast, is a comprehensive function, good practicability, high security, and has good scalability, maintainability of home decoration studio website platform.

This paper has carried out a series of analysis on the design and implementation of the home decoration studio website, including system requirements analysis, overall design analysis, detailed design analysis, from the development environment, goals, processes, functions and other aspects of the overall planning.

Key Words：Home studio web site management system; MySQL database; WebGL. Springboot framework

目 录

TOC \o "1-3" \h \z \u 摘 要 I

Abstract II

1.绪论 6

1.1 背景和意义 6

1.2问题的描述 6

2.相关技术及开发方法简介 8

2.1 JSP技术 8

2.2 JAVA技术 8

2.3 MYSQL数据库 9

2.4 Spring Boot框架 10

2.5 WebGL 11

3.系统分析 12

3.1可行性分析 12

3.1.1技术可行性 12

3.1.2操作可行性 12

3.1.3经济可行性 12

3.1.4 时间可行性 13

3.2系统性能分析 13

3.3功能分析 14

3.3.1系统用户角色分析 14

3.3.2系统功能模块分析 15

3.3.3装修案例管理 16

3.3.4设计师管理 17

3.3.5装修报价器管理 18

3.3.6装修攻略信息管理 19

3.3.7注册用户管理 19

4.系统流程分析 21

4.1注册登录 21

4.2注册流程 21

4.2登录流程 22

4.4添加信息流程 23

5.总体设计 24

5.1 总体设计思想 24

5.2 前台模块设计 24

5.3 后台模块设计 26

5.4数据库设计 28

6.系统的实现 32

6.1用户功能模块的实现 32

6.1.1系统主界面 32

6.1.2装修案例界面 32

6.1.3案例详情界面 33

6.1.4选设计师界面 33

6.1.5设计师详情界面 34

6.1.6看工地界面 34

6.1.7装修攻略界面 35

6.1.8报价界面 35

6.1.9注册界面 36

6.1.10登录界面 36

6.1.11个人中心界面 37

6.2管理员功能模块的实现 37

6.2.1管理员登录界面 37

6.2.2报价管理界面 38

6.2.3设计师管理界面 38

6.2.4装修案例管理界面 39

6.2.5看工地管理界面 40

6.2.6用户管理界面 41

7.系统测试 42

7.1测试用例 42

7.1.1注册模块测试 42

7.1.2登录模块测试 42

7.2页面测试 44

7.2.1兼容性测试 44

7.2.2功能测试 45

结束语 47

1.绪论

1.1 背景和意义

自从人类有了建筑活动，室内就是人们生活的主要场所，并开始对室内环境有所要求。在现在的快节奏时代，人们大部分的时间都贡献给了自己的工作，很难有时间和精力去更好的完成其他的事情。特别是当家中需要进行装修时，人们常常会有一种心有余而力不足的感觉。于是我们采用了一站式家装的布局，集咨询、测量、设计、采购、安装于一体的解决方案，大大减少了用户装修所需的时间。在这次设计的过程中，不断发现设计与生活的结合技巧，不断打破传统的理念,将设计与生活牢牢结合在一起,从而得到好的作品和好的心理升华。家装是一个比较传统的产业,在现代,人们消费观念的转变,人们对住房的要求也逐渐提高。此次制作家装工作室网站的目的是提供用户和设计师的交流平台，让设计师可以通过这个方式让更多的人看到自己的作品，也能为用户节省很多时间和提供更多的选择。在装修时，去建材市场购买的装修材料和家具都经过了数次商家之间的交易，相对的成本就会增加，这就导致最终价格也会增加。但如果选择我们的一站式家装的话，装修材料和家具是从工厂直接发货，没有经过中间商之间的交易，相应的最终价格也会减少，房主也可以花更少的钱买到品质更好的材料和家具。

一站式家装的方式在帮助业主省时省力省钱的同时，也能让业主很好的享受到家装设计和家装品质带来的幸福感，真正体会到“家”的快乐。

1.2问题的描述

在调查中我们发现现在传统的装修网站存在的问题，一是用户安全知识匮乏，进行市场调查时，我们发现大多数网站并不能返回实时的报价，普遍要求用户提供手机号和姓名提高留存率，这导致了诸多问题，比如间接泄露了用户的个人信息，使用户面临大数据广告的困扰。二是数据缺乏可信度，在其中的一些网站中，事实上并没有设计真实的报价运算器，而是使用随机数来迷惑用户，诱使用户使用它们的服务、泄露他们的信息。三是与大数据挂钩，当用户留下信息过后，实际上在某些公司的大数据数据库留下了“正在寻求装修帮助”的信息，这会为用户带来种类繁多，无法甄选的广告电话、短信和推送，这些信息的安全性无法保证。四是缺少引导，用户在面对传统装修咨询网站繁复的界面时，很容易陷入各种的套路和误区，而这些网站对于用户的装修流程把握也非常的杂乱，用户留存度不高。

2.相关技术及开发方法简介

2.1 JSP技术

JSP(Java脚本页面)是Sun和许多参与建立的公司所提倡的动态web技术。将Java程序添加到传统的web页面HTML文件(*)。htm,*。Html)。

JSP这种能够独立使用的编程语言可以嵌入在html语言里面运行，正因为JSP参照了许多编程语言的特性，使得JSP在web的脚本技术当中也占有一定的重要位置，对于刚入门编程行业的初学者来讲，jsp这种编程语言不仅容易学习，而且还具备许多高级的特性。在程序的开发过程中，使用jsp也不失为一种正确的选择，像表单数据的收集操作以及字符串信息的处理方面等等，jsp都能很轻松地解决，帮助程序开发者省下许多时间，JSP 新版本的发布，标志着一个全新的JSP时代的到来，它最大的特点就是引入了面向对象的全部机制，并保留了向下的兼容性。综上所述，使用JSP，可以自由的选择操作系统、Web服务器以及合适的数据库管理系统。同时，设计开发时，有两种选择，一种是面向过程，另一种是面向对象，或者也可以两种都使用，可以称为混和方式设计。

JSP的优点:编写一次，始终运行。还有jsp可以延展可以缩短的强大优势，还有就是支持多种开发语言并且兼容性好，适用于很多平台顺利运行。

2.2 JAVA技术

Java编程语言具有多种特性，如跨平台、分布式、可移植等。Java能运行于不同的平台，使用Java编写的程序能在世界范围内共享。JAVA编程语言是1995年由SUN公司开发的面向对象的新一代程序。JAVA编程语言是在撰写 C++语言程序时遇到各种困难时产生的。SUN公司的目标是致力于把JAVA打造成具有简单的、鲁棒性（Robust）、安全的、可移植的、高编写效能的、多线程的等多特性的程序语言。Internet的发展使得JAVA语言也迅速被广泛的应用，特别适合用来开发Internet应用软件。目前JAVA已然列入了主流的开发语言行列。它的特点如下：

（1）面向对象，它是完全面向对象使设计集中于对象及其对象之间的联系。在分布式环境下特别适用。

（2）分布式，JAVA是面向网络应用的语言，为了实现方便地与其他计算结点协同工作。通过它自己提供的类库和URL地址来访问网络上其他对象。

（3）健壮性，JAVA程序健壮性来源于它强类型机制、异常处理、垃圾的自动收集等。通知明智的放弃了对指针使用。

（4）安全性，为了避免了非法的内存操作而删除指针和释放内存的操作，实现通过类对内存的进行访问。

（5）可移植性，体系结构中立性造就了它的可移植性。此外，JAVA还严格规定了各个基本数据类型的长度。

（6）多线程，JAVA软件具有明显的交互性和实时响应能力体现在在它支持多线程。

2.3 MYSQL数据库

网站的开发必须配套相应数据库，数据库具有一定的组织结构，能够存放和管理数据信息，在以前数据库的功能仅仅是数据保存和管理操作，但是时代的变迁和发展，现在的数据库演变成了数据处理的方式，数据库从最开始的简单存放数据表格信息到现在的能够存放成千上万数据的大型数据库，期间还是经历了许多的改革。

本次开发的装修工作室网站使用的数据库是MYSQL数据库，这个数据库是国外微软公司提出来的具有一定扩展性以及性能高的数据库。MySQL是一个开源和多线程的关系管理数据库系统，MySQL是开放源代码的数据库，具有跨平台性，虽然功能未必强大，导致很多人都了解这个数据库的基本应用，在数据库中，总共建立了10几个表，这里面每个表都是相对应的，都各自有各自的联系，数据库意义重大，如果没有数据库的链接，就没办法运行程序，这显然可以看见数据库与程序的重要性，是紧密相连接的。

MYSQL数据库特点：（1）C和C ++中使用和测试，以确保源代码的编译器的便携性和灵活性。

（2）支持多种操作系统AIX的，FreeBSD下，HP-UX，Linux和Mac OS中，Novell公司的Netware，OpenBSD系统，OS/2裹时，Solaris，Windows等

（3）提供了用于不同的编程语言的API。编程语言，如C,, C ++，Python和Java的，的Perl，PHP，埃菲尔铁塔，Ruby和Tcl的。

（4）以及使用的CPU资源来支持多线程

（5）算法优化查询SQL，切实提高搜索速度

（6）网络上的客户端和服务器可以用来编程任何独立的编程环境，也有中国，GB2312，BIG5，日文写作，一般基金，用于支持多国语言，并且可以嵌入在数据表和其他软件shift_jis访问柱可以用作的名称

（7）TCP / IP，ODBC和JDBC数据库，并提供连接到其他

（8）管理工具的管理，控制和优化数据库的操作

（9）可以数以千万计的记录在一个大的数据库

2.4 Spring Boot框架

Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。通过这种方式，Spring Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者。

SpringBoot框架中还有两个非常重要的策略：开箱即用和约定优于配置。开箱即用，Outofbox，是指在开发过程中，通过在MAVEN项目的pom文件中添加相关依赖包，然后使用对应注解来代替繁琐的XML配置文件以管理对象的生命周期。这个特点使得开发人员摆脱了复杂的配置工作以及依赖的管理工作，更加专注于业务逻辑。约定优于配置，Convention over configuration，是一种由SpringBoot本身来配置目标结构，由开发者在结构中添加信息的软件设计范式。这一特点虽降低了部分灵活性，增加了BUG定位的复杂性，但减少了开发人员需要做出决定的数量，同时减少了大量的XML配置，并且可以将代码编译、测试和打包等工作自动化。

SpringBoot应用系统开发模板的基本架构设计从前端到后台进行说明：前端常使用模板引擎，主要有FreeMarker和Thymeleaf，它们都是用Java语言编写的，渲染模板并输出相应文本，使得界面的设计与应用的逻辑分离，同时前端开发还会使用到Bootstrap、AngularJS、JQuery等；在浏览器的数据传输格式上采用Json，非xml，同时提供RESTfulAPI；SpringMVC框架用于数据到达服务器后处理请求；到数据访问层主要有Hibernate、MyBatis、JPA等持久层框架；数据库常用MySQL；开发工具推荐IntelliJIDEA。

2.5 WebGL

WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染， WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面。WebG 技术结合了 HTML5 和 JavaScript，实现了三维图形之间与用户的交互。开发人员可以在网页上创建三维图形并进行渲染。之前桌面程序是用C和C++等语言程序编写的，需要借助微软图形库才能够实现三维程序，随着浏览器越来越强大以及HTML5的兴起，三维图形在网页上就可以实现。

2.6 Eclipse

Eclipse是目前流行的Java语言开发工具，源码开放，是一个功能完整、基于Java的可扩展开发平台。Eclipse的代码编排功能特别强大，它可以修正程序语法，修正程序代码，补全文字，以及给出提示信息，帮助程序员完成复杂的编码工作，快速完成程序开发。Eclipse具有强大的Java程序调试功能，这是它的特色功能，可以帮助程序开发人员找到程序出错的原因。同时，Eclipse支持Web服务器，它能够去集成Web服务器，为Web应用程序的开发提供了便利。

3.系统分析

3.1可行性分析

通过对本装修工作室网站实行的目的初步调查和分析，提出可行性方案并对其一一进行论证。我们在这里主要从技术可行性、操作可行性、经济可行性和时间可行性四方面进行分析。

3.1.1技术可行性

本装修工作室网站主要采用JSP和MYSQL数据库作为设计工具，学习起来非常容易并且使用便利。

装修工作室网站的硬件要求不是很严格，只需要在普通的硬件配置上便可以进行操作，就能够轻松的实现，通过系统运行只是需要正常工作即可，系统拥有较高的效率。如果使用特别低的硬件设施的话，它可能导致系统的低性能以及效率低，运行效果达不到要求，导致系统的整体效果不好，运行起来不顺畅。因此，本装修工作室网站的开发在硬件方面是绝对没问题的。

大学时，就已经掌握了JSP的主要知识，也对MYSQL数据库的操作进行了系统的学习，在学校期间就接触到许多关于编程方面的知识，当然也包括各种编程软件，在大学对软件工程，软件测试，UML统一建模语言等课程进行过系统的了解，也能够对这些课程进行开发，拥有一定的系统辨别、开发和检验能力，所以技术开发上面还是有一定把握。

3.1.2操作可行性

系统在界面设计上面不会设计太复杂，要讲究简单好看，操作上要方便，不能让用户觉得不流畅。用户一旦进入操作界面，界面上就会有相应提示，跟着操作提示就可以找到对应的功能操作模块，对于用户来说免培训就能使用。本系统具有易操作、易管理、交互性好的特点，在操作上是非常简单的。所以系统在操作上具有很高的可行性。

3.1.3经济可行性

经济可行性主要是研究和分析系统的投入和产出的关系，非常明了问题不能产出大于投入。由于自己本身就是学生，还没有正式参加工作，金钱上面一直都处于缺乏状态。所以在开发程序过程中，我是不会花太多经济成本在上面的。针对开发软件和数据库，还有界面设计的photoshop软件等在百度上面就可以直接下载，然后根据各种安装视频进行安装，这些资源都是免费的，程序编码阶段使用的源代码在百度上面可以轻松获得，在有网络的环境下就能下载下来，不需要支付任何费用，经济成本很低。

3.1.4 时间可行性

从2020年11月份我们在学校就没有课程了，同学们大部分选择找工作实习了，我也是在其中。一边找工作的同时，一边忙着完成毕业设计工作。对于我本人来讲，目前的情况是白天我要上班参加实习工作，只有晚上我才有时间完成论文编写工作。论文答辩是在2021年5月份左右，将近半年时间来完成毕业设计，时间上还是很充分。

从上面几个部分的可行性分析得出，这次开发的装修工作室网站在开发上面没有什么大问题，值得开发。

3.2系统性能分析

（1）系统的存储性：因为是装修工作室网站，所以就会在数据库要求上比较严格，信息录入的比较多，而且丰富复杂，这就需要一个强大的数据库来存放更多的数据和保证数据的时时性。

（2）系统的可升级性：系统的容纳信息一定是持续增长，到时系统可以升级，接受信息的更新发展。

（3）系统的正确性：切实履行好职责需要，相应的完成每个模块的要求。

（4）系统的可靠性：系统不可以有病毒类代码，必须有拦截器，验证方法，对里面信息的保护措施，这样才让人用的放心。

（5）系统的简单性：系统设计的应该简单易学的，设计的各种功能应该简单操作，不需要努力学习培训，缩短用户熟悉系统的进程。

（6）系统的一致性：数据应该录入准确，需要更新时，数据应该可以及时的修改，数据还应该有独立保存，不能删除数据的时候会连带着把还需要的数据都删除掉。

（7）系统的稳定性：开发的装修工作室网站要求运行稳定，运行过程中无界面不清楚、字体模糊等现象。

3.3功能分析

3.3.1系统用户角色分析

通过对装修网站进行调查研究，明确系统有以下三类用户：第一类是游客，第二类是注册用户，第三类是后台管理员。角色的用例如图3.1所示。

图3.1 角色用例关系图

后台管理员负责管理用户和网站的所有信息，并依据具体的信息对系统进行统一的管理，如对装修案例的信息进行修改、添加和删除，对设计师的信息删除、修改等。注册用户可以对自己的信息进行删除、修改，用装修计算器得到自己的报价。游客只能够浏览装修案例、设计师信息、工地和装修攻略，其他功能没有访问权限。表3.1阐述本网站的各种角色及其职责。各种角色的具体行为将在功能性需求中描述。

表3.1 系统角色

3.3.2系统功能模块分析

后台管理员可以对系统内所有的信息进行管理，包括对注册用户信息的增删改查、装修案例信息的增删改查、设计师信息的增删改查、对装修攻略分类、用户报价信息的管理等。在注册用户管理的功能中，后台管理员可以查看注册用户的信息，对注册用户的账号启用或者停用。

注册用户可以登录系统、查看装修案例信息、通过装修计算器得到装修报价、查看设计师及其信息、查看装修攻略。注册用户想得到详细报价时，通过装修计算器得到报价，同时后台留用户信息，以便于后期联系。

游客可以查看装修案例、设计师信息，也可以查看装修攻略和简单的装修报价，但无法得到装修的精确报价，想要拥有更多的权限，需要在系统注册成为注册用户。总体功能模块如图3.2所示。

图3.2系统功能模块图

3.3.3装修案例管理

装修案例管理模块具有添加、删除、修改装修案例的功能。装修案例管理模块如图3.3所示。

(1) 添加装修案例：该功能只有后台管理员可以使用，后台管理员使用系统添加装修案例。

(2) 删除装修案例：该功能只有后台管理员可以使用，后台管理员使用系统删除装修案例。

(3) 修改装修案例：该功能只有后台管理员可以使用，后台管理员使用系统修改装修案例。

图3.3装修案例管理模块

3.3.4设计师管理

设计师管理模块具有添加、删除、修改装修案例的功能。设计师管理模块如图3.4所示。

(1) 添加设计师：该功能只有后台管理员可以使用，后台管理员使用系统添加设计师及设计师作品。

(2) 删除设计师：该功能只有后台管理员可以使用，后台管理员使用系统删除设计师及设计师作品。

(3) 修改设计师：该功能只有后台管理员可以使用，后台管理员使用系统修改设计师及设计师作品。

图3.4设计师管理模块

3.3.5装修报价器管理

装修报价器管理模块是对用户的装修预算提供参考信息，针对游客和注册用户提供不一样的报价，装修报价管理模块如图3.5所示。

对游客选择的装修风格、厅室的选择及提供的总面积给游客一个报价范围

对注册用户选择的装修风格、厅室的选择及提供的总面积用一定的算法反馈给用户一个确切的数字

图3.5装修报价器管理

3.3.6装修攻略信息管理

装修攻略信息管理模块包括发布装修知识信息和管理装修知识信息功能。装修攻略信息管理模块如图3.6所示。

(1) 发布装修攻略信息：该功能只有后台管理员可以使用，后台管理员使用系统对发布新的装修知识的信息，以便用户查看装修知识。

(2) 管理装修攻略信息：该功能只有后台管理员可以使用，后台管理员使用系统对装修知识的信息进行增加、删除、修改、查看。

图3.6装修攻略信息管理

3.3.7注册用户管理

注册用户管理管理只有后台管理员可以使用，后台管理员使用系统查看注册用户的信息，启用注册用户的账号，停用注册用户的账号。注册用户管理模块如图3.7所示。

(1) 查看注册用户信息：该功能只有后台管理员可以使用，后台管理员使用系统查看注册用户的基本信息。

(2) 启用注册用户账号：该功能只有后台管理员可以使用，后台管理员使用系统对注册用户的账号授权，使该账号有注册用户的权限。

(3) 停用注册用户账号：该功能只有后台管理员可以使用，后台管理员使用系统停用注册用户的账号，停用就用户账号将从数据库中删除。

图3.7 注册用户管理

4.系统流程分析

4.1注册登录

注册登录功能后台管理员、注册用户、游客都可以使用。后台管理员和注册用户使用登录功能登录系统，游客想要拥有注册用户的权限需要使用注册功能，将自己的信息输入数据库中。注册登录模块如图4.1所示。

图4.1注册登录模块

4.2注册流程

未有账号的用户可进行注册操作，用户注册流程图如图4.2所示。

图4.2注册信息流程图

4.2登录流程

登录模块主要满足了管理员和用户的权限登录，用户登录流程图如图4.3所示。

图4.3登录流程图

4.4添加信息流程

管理员以及用户登录后均可进行添加信息操作，添加信息流程如图4.4所示。 

图4.4添加信息流程图

5.总体设计

5.1 总体设计思想

总体设计对系统的功能模块结构进行了设计。家装工作室网站总体结构图如图5.1所示。

图5.1 系统总体结构图

家装工作室网站分为前台管理和后台管理两部分。

前台管理包括注册登录、查看案例、选设计师、报价服务、个人中心和看工地服务等。

后台管理包括报价管理、案例管理、设计师管理、装修攻略管理、看工地管理和客户管理等。

5.2 前台模块设计

前台模块的功能主要包括注册登录、浏览服务、选购服务、生成订单、申请服务、个人中心和上传服务等，浏览服务包括首页轮播图、热门服务、按地区浏览服务和查询服务详情等，申请托管服务包括添加、删除和查询托管服务申请等。

前台功能模块结构图如图5.2所示。

图5.2 前台功能模块结构图

(1) 注册登录

注册是系统最基本的功能。成功注册的用户登录后，才可以得到精确地报价需求。

①注册

用户只有注册账号并登录后才能得到精确报价。

②登录

用户注册成功后，便可以在装修工作室网站前台网站进行登录操作。用户在登录系统时要验证用户名和密码是否正确，只有用户名、密码都正确，用户才可以登录成功，否则会提示用户名或密码错误。

（2）查看案例

首页设计了轮播图，轮播图展示了装修过程的一些照片。

装修案例列表分了三部分，可以按装修户型、装修风格及装修面积查看案例，在详情页面可以查看案例的详细情况，如标题、设计说明、设计师描述、全景图等。

(3)看工地服务

看工地页面包含了正在装修房子的施工现场图片及正处在前期、中期及后期的工程周期，以便用户线上监督。

(4)报价服务

用装修报价器计算报价时，选择厅室厨卫阳台的数量、选择装修风格及输入总面积，当用户以游客身份计算报价时，按照一定的算法给出报价范围，当注册登录用户计算报价时，提交信息后在个人中心可以查到具体的反馈数值。

(5)选设计师

选设计师页面可以按擅长户型、擅长风格及设计师级别筛选设计师，设计师详情页面可以看到设计师的信息，如从业时间、设计理念、主要作品、所获荣誉等，下面还有此设计师的装修案例。

(6)个人中心

用户在个人中心可以修改个人资料、密码等个人信息，可以查看我的报价及以往的报价结果。

5.3 后台模块设计

后台功能模块结构图如图5.3所示。

图5.3 后台功能模块结构图

(1) 报价管理

报价管理是针对注册登录用户，审核他们的信息及给他们的报价反馈具体数值，留存他们的电话及名称以便后期二次联系。在进行装修报价计算器的设计时，充分调动了前后端协作的优势，采用Ajax对页面进行刷新，当用户期望获取跟进的服务时，提供了用户登录的功能，用户可选的提供他们的手机号及身份信息，这很大程度避免了用户被动泄露隐私的风险;而在装修计算方面也改为了实时运算，只要点击页面中的按钮，即可有粗略的数据展示，而登陆后与我们的客服咨询可以进步获取更精细的报价，循序渐进而富有引导性。

细看装修公式，对业内的装修案例进行了大数据分析，以确保最后的运算结果可靠而有参考性。

(2) 看工地管理

看工地管理包括工程的前中后期，里面包含了现在正在施工的现场图片和正处在的工期，管理员可以对此进行增加、删除、修改、查看。

(3) 设计师管理

设计师管理包括了所有设计师的基本信息，如姓名、头像、毕业学校、擅长户型、擅长风格、设计师级别等信息，在设计师管理页面可以对现有的设计师查看、编辑及删除，还可以添加设计师。

(4) 装修攻略管理

装修攻略分为装修知识和其他文章，装修攻略管理就是对装修知识和其他文章的管理，可以对装修知识和其他文章进行编辑、删除及查询，也可以添加装修攻略文章。

(5) 案例管理

案例管理包括标题、设计师、户型风格及全景图等信息，在案例管理页面可以对现有的案例查看、编辑及删除，还可以添加案例。

(6) 用户管理

用户管理是指对系统用户信息的管理，例如管理用户名、手机号、注册时间等信息，还可以对用户进行操作，启用或者禁用。

5.4数据库设计

本装修工作室网站采用的是MYSQL数据库，数据存储快，因为装修工作室网站，主要的就是对信息的管理，信息内容比较多，这就需要好好的设计一个好的数据库，分类要清楚，不能添加信息的时候，造成信息太过混乱，设计好的数据库首先就需要先把各个实体之间的关系表达明确。

数据库设计是用合理的方法开发、设计一个结构良好的数据库，对系统所用到的数据进行存储和管理。通过对系统的需求分析，了解了系统的数据流程，得出了系统的概念结构模型。在本系统中，存在管理员、案例、设计师、装修攻略、报价、看工地、用户7个实体。

管理员

管理员实体包括序号，名称和密码等属性。如图5.4

图5.4管理员实体图

案例

案例实体包括序号、创建时间、案例名称、风格、户型、面积、设计师、封面图、户型图、全景链接等属性。如图5.5所示。

图5.5案例实体图

设计师

设计师实体包括序号、姓名、照片、擅长户型，毕业时间、毕业学校、案例总数、擅长风格、级别、从业年份，从业描述、诚信宣言、设计理念、主要作品、所获荣誉、创建时间、全身照等属性。如图5.6所示。

图5.6设计师实体图

装修攻略

装修攻略实体包括序号、标题、封面、类型、创建时间等属性。如图5.7所示。

图5.7装修攻略实体图

报价

报价实体包括序号、用户信息、户型、面积、报价、提交时间等属性。如图5.8所示。

图5.8报价实体图

看工地

看工地实体包括序号、标题、户型、面积、创建时间、工期等属性。如图5.9所示。

用户

用户实体包括序号、称呼、账号、密码、注册时间、最后一次登录时间、头像、状态等属性。如图5.10所示。

图5.10用户实体图

6.系统的实现

6.1用户功能模块的实现

6.1.1系统主界面

用户进入本系统可查看系统信息，包括案例信息以及装修知识等，系统主界面展示如图6.1所示。

图6.1系统主界面

6.1.2装修案例界面

用户进入装修案例界面可以对装修案例按装修户型、装修风格及装修面积进行筛选及查看，如图6.2所示。

图6.2装修案例界面

6.1.3案例详情界面

用户进入案例详情界面可以看到对案例的介绍、户型图及设计师，还可以查看全景图。如图6.3所示。

图6.3案例详情界面

6.1.4选设计师界面

用户进入选设计师界面可以对设计师按擅长户型、擅长风格及设计师级别筛选及查看。如图6.4所示。

图6.4选设计师界面

6.1.5设计师详情界面

用户进入设计师详情界面可以看到设计师的详细信息，如姓名、照片、擅长户型，毕业学校、案例总数、擅长风格、级别等信息，还可以查看此设计师设计案例。如图6.5所示。

图6.5设计师详情界面

6.1.6看工地界面

用户进入看工地界面可以看到正在施工的现场图片及所处工期。如图6.6所示。

图6.6看工地界面

6.1.7装修攻略界面

用户进入装修攻略界面可以查看装修知识、装修风水、装修材料等信息。如图6.7所示。

图6.7装修攻略界面

6.1.8报价界面

用户进入报价界面可以用装修计算器计算装修所需要的价格，用户以游客获取报价得到的是报价范围，注册用户登录得到的报价会显示在个人中心界面，是具体的数值。如图6.8所示。

图6.8报价界面

6.1.9注册界面

未有账号的用户可进入注册界面进行注册操作，用户注册界面展示如图6.9所示。

图6.9注册界面

6.1.10登录界面

用户要想得到具体的报价数值，必须登录系统，用户登录界面展示如图6.10所示。

图6.10登录界面

6.1.11个人中心界面

用户进入个人中心界面可以查看我的报价以及以往的报价结果，还可以修改个人资料及密码。如图6.11所示

图6.11个人中心界面

6.2管理员功能模块的实现

6.2.1管理员登录界面

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

图6.12管理员登录界面

6.2.2报价管理界面

管理员登录后可进行报价管理操作，报价管理界面展示如图6.13所示。

图6.13报价管理界面

6.2.3设计师管理界面

管理员可添加、修改、删除和查询设计师，设计师管理界面如图6.14所示，添加设计师如图6.15所示。

图6.14设计师管理界面

图6.15添加设计师界面

6.2.4装修案例管理界面

管理员可添加、修改、删除和查询装修案例，装修案例管理界面如图6.16所示，添加装修案例如图6.17所示。

图6.16装修案例管理界面

图6.17添加装修案例界面

6.2.5看工地管理界面

管理员可添加、修改、删除和查询工地信息，看工地管理界面如图6.18所示，添加看工地信息如图6.19所示。

图6.18看工地管理界面

图6.19添加看工地信息界面

6.2.6用户管理界面

管理员可进行用户管理操作，管理员可看用户手机号及最近一次登录时间等信息，还可对用户禁用和启用，用户管理界面如图6.20所示。

图6.20用户管理界面

7.系统测试

一个系统设计好后，就会进入测试阶段，测试的目标是检验设计好的网站是否可以正常无误的运行，尽可能的发现网站的问题，已使后期网站投入使用后网站尽少出错。

7.1测试用例

7.1.1注册模块测试

表 7.1 注册模块测试用例

7.1.2登录模块测试

表 7.2 登录模块测试用例

7.2页面测试

7.2.1兼容性测试

网站的兼容性测试主要测试的是在不同的浏览器、操作系统和分辨率下的运行情 况。由于用户的软件环境不同，我们无法保证在任何浏览器下都能够正常的显示运行， 所以项目的兼容性测试是相当重要的。对于web 应用程序，我们没办法预测用户的客户端的运行环境和配置。因此网站的兼容性测试非常重要。

测试环境的为PC端，操作系统为 Windows10。操作系统配置为CPU为英特尔 7500及以上，内存可用RAM达1T以上，硬盘空间至少需要250MB以上的硬盘空间。屏幕分辨率为 1920Px*1080Px，测试的浏览器为谷歌浏览器、和Internet Explorer。测试功能全部正常，交互功能正常运行，页面布局效果没有错乱。Chrome浏览器测试效果图如下图7.1、Internet Explorer浏览器测试效果图7.2所示。

图7.1谷歌浏览器测试效果图

图7.2 nternet Explorer浏览器测试效果图

7.2.2功能测试

(1) 系统登录测试

在装修工作室网站登录页面的主窗口用户通过输入正确的手机号和密码来登陆，如果用户输入手机号和密码错误时，在登录按钮下面会有提示帐号或密码错误。登录测试页面如图7.3所示。

图7.3登录测试页面

(2) 添加设计师测试

在向平台中添加设计师时要先输入设计师姓名，然后依次在下面上传头像，输入毕业学校等信息。如国没有输入其中的一项内容，点击保存按钮时就会有提示请输入此段内容，添加设计师测试如图7.4所示。

图7.4添加设计师测试

结束语

本系统基于Springboot框架，利用了我相对熟悉的JAVA编程语言和MYSQL数据库进行设计，中间出现了很多问题，查阅了大量的资料，最后慢慢实现了整个系统。做了整个系统下来，我感觉我的沟通能力和自学能力，解决问题的能力都有了很大的提高，这也将为我以后出社会找工作提供了宝贵的财富。

时至今日，我的毕业设计也已经基本完成。从刚开始的无从下手到后来的熟练制作， 这是一次在学校所学到的知识与实际相结合的宝贵机会。通过此次毕业设计的制作，我 对以前学校所学习的知识点不仅有了更进一步的掌握，而且现在能够比较系统的去认 识。从刚开始的确定题目到下发任务书时，我一直都处于一种很茫然的状态，没有想法， 经过与指导老师的沟通我们对毕业设计的制作有了一个明确的方向。

致谢

故事不能停留在第七章，写下去才知道梦有多长。

行文至此，意味着我的大学生活、我的学生生涯即将落幕，逐梦工院，终要别离，满眼繁华，目之所及，皆是回忆。在这座充满活力的校园中，留下的是青春和沉甸甸的收获，纵使有万般不舍、但仍心怀感激。

桃李不言，下自成蹊。首先我要感谢我的论文指导王娟老师，从本文选题到设计提纲及多次修改后的定稿，每一个部分都离不开老师的指导和帮助，本文才得以成型。在此衷心感谢导师以及所有教导我的老师们。

平生感知己，方寸岂悠悠。感谢我的好朋友们，是你们会让我时常感慨“和一群兴趣相同的人做的每件事都值得纪念一生”，祝我们保持热爱，奔赴山海，高处相见。

父母之爱子．则为之计深远。感谢我的父母二十余载对我无微不至的照顾与养育之恩,无法回报，只想不断努力，成为他们的骄傲。

以梦为马,不负韶华。感谢一直不曾放弃的自己.纵然现在还没看到胜利的曙光，但心中会一直保存着那份光亮，不断前行,从未驻足。每一次经历都是一次成长，在不经意间汇聚成生命的宽度。

写尽千山，落笔是你！山水一程，三生有幸！感恩相遇，祝平安善乐，所得皆所期！

全文一万多字、四十多页、求学十八余载，致谢的收笔意味着学生生涯到此结束，青春正式落下帷幕