springboot基于SpringBoot+Vue的婚庆服务网站的设计与开发

摘  要

随着人们生活水平的高速发展,有关婚庆服务方面的信息在近年来呈直线上升,婚庆服务信息的增加加大了在管理上的工作难度。为了能更好的维护婚庆服务管理秩序,同时提高工作的效率、确保每一用户都能得到有效的保护,在进行全面调研、探求实际情况之后本人设计并实现了婚庆服务网站。

该网站采用了java技术、SpringBoot 框架,连接MySQL数据库,具有较高的信息传输速率与较强的数据处理能力。系统包含管理员和用户两个层级的用户角色,系统管理员可以对个人中心、用户管理、司仪信息管理、摄影团队管理、婚礼车队管理、婚庆场地管理、影楼介绍管理、婚纱礼服管理、司仪预订管理、团队预订管理、场地预订管理、影楼预订管理、车队预订管理、礼服预订管理、通知用户管理、系统管理等功能进行操作;真正实现了管理工作的无纸化,并且还拥有用户的添加与删除功能,可以很好的供所有用户使用。在对系统进行测试之后,确定可以实现所有预想的功能,并且可移植性强,可以很好的起到婚庆服务管理的作用。

关键词婚庆服务; B/S架构;MySQL数据库

Abstract

With the rapid development of people's living standards, the information about wedding service has been on the rise in recent years. The increase in wedding service information has increased the difficulty in management. In order to better maintain the order of wedding service management, improve the efficiency of the work and ensure that every user can be effectively protected, I designed and realized the wedding service website after a comprehensive investigation and exploration of the actual situation.

This website uses java technology, SpringBoot framework, connected to MySQL database, has a high information transmission rate and strong data processing ability. The system includes two levels of user roles: administrator and user. The system administrator can operate the functions of personal center, user management, MC information management, photography team management, wedding fleet management, wedding venue management, studio introduction management, wedding dress management, MC booking management, team booking management, venue booking management, studio booking management, fleet booking management, dress booking management, notification user management, system management, etc ; Truly realize the management of paperless work, and also has the user add and delete function, can be very good for all users to use. After testing the system, it is confirmed that all the expected functions can be achieved, and the portability is strong, and it can play a good role in wedding service management.

Key words: wedding service; B/S architecture; MySQL database

目  录

1 绪  论... 1

1.1选题背景与意义... 1

1.1.1研究背景... 1

1.1.2研究意义... 1

1.2系统主要功能... 1

1.3拟解决的主要问题... 2

2 相关概念和技术介绍... 3

2.1 JAVA技术介绍... 3

2.2 SpringBoot框架... 3

2.3 Vue框架... 4

2.4 B/S架构... 4

2.5 MySQL数据库... 4

3 系统需求分析... 6

3.1问题定义... 6

3.2可行性分析... 6

3.3系统用例分析... 7

3.4系统流程分析... 9

3.4.1登录流程... 9

3.4.2添加信息流程... 9

4 系统功能的设计与实现... 11

4.1总体设计思路... 11

4.2系统功能结构设计... 11

4.3数据库设计... 12

4.3.1数据库E-R图设计... 12

4.3.2数据库表结构设计... 14

5 系统详细功能的实现... 30

5.1系统功能实现... 30

5.2后台模块实现... 33

5.2.1管理员模块实现... 33

5.2.2用户模块实现... 39

6 系统测试... 40

6.1登录测试... 40

6.2用户管理功能测试... 40

7 结  论... 42

参考文献... 43

致  谢... 44

                                        

1 绪  论

1.1选题背景与意义

1.1.1研究背景

在新世纪的今天,计算机已经发展到了一定的规模,带动了国内经济和科学技术的快速发展,科学技术的发展大大提高了生活效率,使人们的物质生活需求得到了很大的满足。现在各种类型的网站系统都很流行,将传统的管理模式转移到线上来实现,可以大大提高管理效率。基于以上情况,婚庆服务网站逐渐出现在人们的视野中,也将成为未来发展的一个潜在增长点。

1.1.2研究意义 

在日新月异的21世纪,全球进入快速运转的科技时代,我国也在各位科学家不懈努力下实现了科技社会化、信息技术底层化、网络运用全民化。我们处在一个“互联网+”的时代,信息化的建设成为了当代的发展基石以及重要组成部分。随着婚庆服务管理的常态化,同时也出现了多样化的人员管理方式。而婚庆服务网站就可以实现管理人员及用户的日常管理,实现进行更高效的信息互换、让用户的动态变得透明公开,让管理人员更好地实现对婚庆服务管理的动态监管、真正的实现快速、便捷、高效的管理以降低管理成本、减轻管理人员的负担,保证管理技术以及运用互联网技术的能力快速提升,提高综合管理和竞争能力。在保证人们安全的同时,真正达到更好的为国家经济建设和社会安全做贡献的目的。

1.2系统主要功能

因如今有关婚庆服务方面的信息数量也逐步增加。如果婚庆服务管理还是沿用传统的、人工的操作,那管理难度是十分巨大的、效率也会不尽人意;而如今我国的信息科学技术已趋于成熟,我们的生活、工作、学习已离不开互联网,为了更好的提升婚庆服务管理,并且在保证用户的安全前提下使人们生活有序、有效开展,需要一套操作简单、能高效导出并录入数据、安全性高、可用性强的婚庆服务网站。

此篇论文中包括管理员和用户两个不同的角色,根据不同的身份以及工作机制,赋予不同的权限。该婚庆服务网站的功能如下列所示:

  1. 用户之间的使用权限设定:根据业务管理的需求以及婚庆服务管理体系,在使用前将每个角色的固定标签设定好,明晰每个角色权限,并将状态控制功能添加到用户状态上,最终达到本系统角色控制基础形成的目标。
  2. 用户登录功能:用户可以根据自己的角色选择相应的账号进行登录,在输入合法的账号和密码后就可进入系统,根据自己的权限选择想要进行的操作。
  3. 查看个人资料功能:用户登录系统之后可以点击个人中心查看自己的个人资料,在核查发现错误之后还可以进行修改,用户还可在该模块进行密码的修改。

1.3拟解决的主要问题

  1. 与婚庆服务管理工作契合的工作流结构

目前,婚庆服务的人员管理工作中,一般采用纸质表单结合手工传递的方式或者Word、Excel填写在线发放的方式[3],进行信息的收集,在信息收集完成之后再交由各级管理人员进行审批、签字,存在工作耗时较长、难以全面收集所需信息、工作步骤冗杂繁琐、中间环节易出错等缺点,因此采用与网络系统结合的工作流模式,让用户在固定时间进行信息的填写,之后按照已经设定好的规则进行工作流程的运行,自动在完成上一级任务后执行下一步指令,这样的操作方式比较灵活,而且减少了管理者手动完成操作信息的步骤,提高了工作效率,缩减了工作完成所需要的时间,并且可以保证任务完成的精确性与科学性。

  1. 科学、有效的信息收集机制

在保证信息的全面收集的同时还需要兼顾所收集信息的科学性与适用性。使用互联网固然可以提高收集信息的效率,但如果所收集的信息只是为了表面上数据的增加那就造成了极大的资源浪费,虚假的形式主义会造成用户精力的大量流失、并且降低信誉值,因此在确定信息收集内容的时候要着重筛选对婚庆服务管理起到促进作用的信息。例如本系统所收集的司仪信息、摄影团队、影楼介绍等信息就可以很好的掌控婚庆服务管理的日常动态,为婚庆服务管理工作的成功打下了基础。

  1. 准确、可行的效果评价标准

当前对我国婚庆服务管理效果的评价已有一定的标准,例如用户人数的多少、婚庆服务管理所花费的物资及钱财数量,而作为婚庆服务网站,其效果体现在以下几个方面:

  1. 使用网络收集用户基础信息减少了填写信息的步骤,用户可在重合的时间分别进行信息的填写,缩短了信息收集所需的时间;
  2. 使用网络进行记录,减少了虚假信息的产生,使结果更加真实有效,并且更好的留痕,为以后的检查工作提供了可靠地证明。

2 相关概念和技术介绍

2.1 JAVA技术介绍

Java语言擅长开发互联网类应用和企业级应用,现在已经相当的成熟,而且也是目前使用最多的编程语言之一。Java语言具有很好的面向对象性,可以符合人的思维模式进行设计,封装是将对象的属性和方法尽可能地隐藏起来,使得外界并不知道是如何实现的,外界能通过接口进行访问,继承是指每个类都会有一个父类,所有的子类都有父类的方法,可以进行继承,但是只有final修饰的类不能被继承,通过继承可以使得代码得到重新利用,能够提高软件的开发效率,也是多态的前提。

Java就像C语言、C#语言等,也是一种程序开发语言,而它的特点就是面向对象。作为一种程序开发与设计的语言,它有很多特性,主要特性就是面向对象、夸平台以及可以分布式运行。Java语言项目不但安全性高、稳定性强,而且可以并发运行。

为了提高开发的速度及效率,必须做到代码的重复使用和简化程序的复杂度,要达到上述的要求java语言通过封装、继承与多态等方式实现,这样可以很大程度上达到信息的封装,提高代码复用率,减少冗余度,提高效率。在Java中难能可贵的一点就是它的垃圾回收机制,它使得以往程序中大量存在的内存泄漏的问题得到了较好的缓解。所谓的内存泄漏就是程序向操作系统申请了一块存储空间,比如定义了一个变量,但是由于某种原因,这个变量一直没有使用,但是仍然占用着系统的内存空间,可能一两个这样的变量对程序和操作系统造不成什么大的影响,但是试想如果这样的变量定义的多了系统的内存空间就会一步步减少,从而造成机器的性能降低甚至宕机。但是在Java中有垃圾回收机制的存在,这种机制极大地避免了内存泄漏的出现,在Java虚拟机中,垃圾回收机制会对长时间没有引用变量指向的对象实施垃圾回收,简单的说就是将这个对象销毁,以避免内存泄漏的情况出现。

2.2 SpringBoot框架

Spring Boot是由Pivotal的开发团队在2013年开发的一个免费、轻量级、开源的系统框架。SpringBoot的主要设计思想是约定大于配置,因此SpringBoot在设计时几乎达到零配置。SpringBoot集成了业界的开源框架。

SpringBoot是一个非常强大的后台框架,因为SpringBoot的开发基本上不需要写配置文件,所以利用SpringBoot来构建网站的后台环境,在SpringBoot的YML配置文件中写项目启动端口,项目就可以启动了。项目的Java和静态文件由SpringBoot管理。

2.3 Vue框架

Js是用于构建用户界面的增量框架。与其他重量级框架不同,Vue使用自下而上的增量开发设计。Vue的核心库只关注视图层,这很容易学习并与其他库或现有项目集成。另一方面,Vue完全能够驱动使用Vue生态系统支持的单个文件组件和库开发的复杂单页应用程序。

Vue.js的目标是使用最简单的API实现响应数据绑定和复合视图组件。Vue.js本身并不是一个通用框架,它只关注视图层。因此,很容易学习并与其他库或现有项目集成。另一方面,当与相关工具和支持库一起使用时,Vue js还可以驱动复杂的单页应用程序。

2.4 B/S架构

B/S(Browser/Server,浏览器/服务器)模式,是一种架构模式,属于WEB发展后的所出现的一种网络构造,而WEB又是主要的浏览器应用商品软件。B/S架构模式不仅将系统的重新开发、维修及利用等简单化,更将其重点放到了服务器上[8]。它使客户端得到了统一,服务器上集中了系统功能的最关键部分。

B/S架构的工作模式是浏览器发出请求后服务器进行相应的响应。Internet上文本、图片、动画等信息主要由Web服务器产生,而用户主要是通过浏览器访问这些信息。在Web服务器上下载程序时,如果在下载过程中遇到某些与数据库相关的指令,可以将这些指令交给数据库服务器来解释、进行执行。B/S架构工作流程图如2-1所示:

图2-1 B/S架构工作流程图

2.5 MySQL数据库

MySQL是一个关系型数据库管理系统,具有体积小、速度快、成本低等特点。MySQL数据库的功能强大,是可以处理存储着成千上万条记录的大型数据库;并且它是可以定制的,因为它采用了GPL协议,使用者可以通过修改源代码来开发自己的MySQL系统;MySQL支持多种操作系统,包括AIX、FreeBSD、Linux、Solaris等;它还可以提供用于管理、检索、升级数据库操作的处理工具;最重要的是MySQL是一个开源的、不收取任何费用的、适用范围较广产品,使用者可以直接在互联网上下载然后使用。MySQL工作架构图如图2-2所示:

图2-2 MySQL工作架构图
 

3 系统需求分析

在对一个软件进行设计与开发之前,需要对该系统进行深层次的调查、分析、研究。良好的需求分析不仅能使开发人员快速、准确地理解开发任务,还能提高开发效率,还能好地完成工作[6]。对系统进行需求分析是必不可少的,这是软件生存周期上一个很重要的部分,在这个阶段需要确定该系统需要实现什么功能,然后做成一个数据规范、图表清晰的文档,为接下来的系统设计工作提供一定的基础。

3.1问题定义

问题定义也是软件开发中一个重要的环节,在这个阶段我们要清楚的找到以下问题的答案:开发这个系统的原因是什么,开发这个系统所需要的具备什么样的技术支持,需要获得什么样的物资基础,取得哪个方面的国家政策支持等。所采用的婚庆服务网站就可以很好的促进婚庆服务管理工作的完成、而且可以使得整体管理水平得到有效的提升。因为使用该系统的主要是管理员和用户,所以要准确的进行角色的定位,然后对不同的角色给予不同的使用权限,表现如下:

1.使用角色的明晰

婚庆服务管理是一个人数众多、规模庞大、工作机制复杂的机构,需要对管理范围内的人员进行清楚的角色定位。

2.系统所需要达到的性能要求

(1)实用性:可以满足同一时间不同人员的登录,系统操作简单,界面明了干净。

(2)及时性:在对系统进行修改之后可以实时跟系统同步变化。

(3)安全性:在系统出现故障之时可以在较短时间内进行修复,并且保证用户信息的绝密性,防止信息泄露的发生。

(4)效率:可以满足各大使用群体的需求,解决使用者的问题

3.2可行性分析

可行性分析是需求分析中一个关键的部分,在进行可行性分析之后可以了解到系统实现所具备的条件,以此来判断系统实现的难度。本篇论文主要进行以下几个方面的分析:

  1. 经济切实性

该系统并没有独特、十分创新的地方,所需要的硬件设备可以从学校已经在使用或者目前闲置的存量里面选取;系统的后期维护和升级也比较容易,学校从事这个专业的老师或者学生就可完成,而学校所派发的日常经费就可满足需求;在系统开发完成之后还可将系统进行出租或者售卖,也可产生一定的经济效益;并且该系统所使用的MySQL数据库是免费的。

  1. 使用可行性

该系统的开发,从设计的功能以及使用者的角度出发进行设计,可以更有针对性的对婚庆服务管理进行有效的监管,也符合婚庆服务管理工作的需要,并且操作简单,覆盖范围广,这就提高了使用者主动适应并使用该系统的几率。

  1. 技术可行性

该系统的设计所选用的都是经过时间筛选、比较成熟的技术,Spring boot都是当前使用率较高、可靠性和安全性有一定保障的开发框架,MySQL数据库是拥有强大服务器支撑的系统,这就让系统开发的效率、质量得到了一定的保障。

3.3系统用例分析

婚庆服务网站的设计与实现,最主要的是满足使用者的使用需求,并且可以向使用者提供一些与系统配套的服务。本篇论文主要从实际出发,采用以对象为设计重点的设计方法,因此在进行系统总体的需求分时借助用例图可以更好的阐述各个功能模块之间的关系,以及明确系统使用者之间的联系。本系统的设计包含管理员和用户两个角色。

(1)管理员用例图如下所示:

图3-1管理员用例图

(2)用户用例图如下所示:

图3-2用户用例图

3.4系统流程分析

3.4.1登录流程

每个用户都有专属的密码和账号,在输入合法的账号、密码以及验证之后即可进入系统。登录流程如图3-3所示:

图3-3登录流程图

3.4.2添加信息流程

管理员可以添加信息,内容没有问题之后按下确定键就添加成功了。添加信息的流程图如图3-4所示:

图3-4添加信息流程图