springboot038乌鲁木齐南山冰雪旅游服务网(vue)

文章首发地址：https://www.canterdanai.top/?p=907

1 绪论

1.1课题研究背景及意义

我国在进入二十一世纪之后经济发展迅速，人们早已不像上世纪八九十年代一样要因为经济困难导致吃不上饭，我国的全民生活水平早已得到质的提高。随着生活质量的提高，人们不仅在乎饮食或饮食健康的问题，还会通过进行多种运动来强健自己的体魄，比如最常见的篮球、足球和乒乓球等运动。除了这些常见的体育运动之外，冰雪运动也逐渐变得流行起来，但冰雪运动的发展是有一定的局限性的，特别是在之前交通不太发达的年代，冰雪运动的地域局限性比较强，比如因为交通不便导致南方的人们无法方便快速的到达北方有滑雪场的地方，后来有了多种途径进行旅行，但参与冰雪运动的整个过程比较繁琐，使人们参与冰雪运动的效率变低。另一方面，由于不能及时得知冰雪运动的相关信息，会使等待进行体验的的冰雪运动爱好者无法按照自己的意愿进行时间分配，因为滑雪场每天接待的客人都是有限制的，人们只能通过每天打电话进行询问自己什么时候可以入场。所以拥有一个流程清晰、订单信息可以及时刷新的冰雪旅游服务网站对人们进行冬季运动是非常重要的。

1.2国内外研究现状及发展趋势

随着当今社会计算机技术发展越来越迅速，传统的通过电话或线下进行订票或设备租赁的方式逐渐没落，这是不能避免的。其实不只是信息的查询方式，其实人们生活中的各个领域都发生了改变，人们的生活质量也在不断提升。

我国的最早的冰雪运动交易方式需要一个专门的负责人，这个负责人需要对滑雪场中的席位进行灵活的调度，还需要记录所有通过电话或线下进行订票的客户信息。但这种方式很容易出现差错，现在想来只需要通过电脑进行记录就可以了。但当时的计算机技术并不发达，所以大多数操作还是在纸面上进行的。随着计算机网络技术的发展，出现了很多功能齐全的旅游服务平台，比如携程和途游等，人们通过这些平台可以进行滑雪场门票的订购或者冰雪运动设备的租赁，这为人们参与冰雪运动带来了便利，人们不需要进行繁琐的咨询就可以了解关于冰雪运动的基本信息，而且可以直接在网站内进行下单及支付操作。在当下五花八门的应用程序或软件中，我认为提高用户的体验才是更重要的。

1.3本文的研究思路与结构

本系统的开发遵循着软件工程学的设计原则，在决定自己的毕业设计做什么之前会进行项目的前期调研和可行性分析，如果可行的话就对项目进行立项。在项目立项之后会对整体的功能进行需求分析和数据库设计，这可以保证后期编码的顺利进行。在所有的前期准备工作完成之后会对所有的功能模块进行计划，保证在某一个时间段完成对应的功能。最后就是项目的编码与测试，这两者最好可以同时进行，在保证开发效率的同时还能提升测试的准确性。

2 开发工具及技术介绍

2.1 B/S结构的介绍

在确定了项目的主题和研究背景之后，就要确定本系统的架构了。主流的架构有两种，一种是B/S架构，一种是C/S架构。C/S的全称是Client/Server，Client是客户端的意思，Server是服务器的意思，所以C/S架构就是客户端-服务器的模式，我们常用的电脑上的软件比如QQ、微信都是C/S架构的程序。B/S架构的全称是Browser/Server，含义是浏览器-服务器，我们常用的一些网站系统就是属于B/S架构。本系统的开发框架为B/S架构，与传统的C/S架构相比，它不需要繁琐的安装，并且运行时只需要打开浏览器即可，对电脑的硬件要求和对操作者的要求较低。

2.2 JSP及SpringBoot技术的介绍

本系统的后台语言使用的是JSP，JSP是一种动态编程语言，可以对数据进行增删改查等操作。在JSP、ASP、PHP等动态语言出现之前，很多网站就只能用静态的HTML语言宣传自己的网站，但这种网站不具备数据的存储操作功能，因为无法连接数据库，本系统使用的JSP语言可以与HTML语言有效的结合起来，不仅可以将各类素材展现在页面上，还可以将数据保存在数据库中。

而SpringBoot是JSP项目中的一种框架，在创建JSP项目的时候可以将其设置为SpringBoot类型的项目，程序员们可以使用最少的代码实现最多的功能。因为这个框架可以自动生成一些简单的逻辑代码，程序员们只需要在基本逻辑的基础上进行补充就可以了，极大地提高了代码的复用率和开发效率。

2.3 HTML及Vue技术的介绍

本系统的前台语言使用的是HTML5，HTML5是最新的HTML技术，与之前的版本相比增加了许多功能，比如自带的表单验证及响应式设计。HTML语言可以将文字、图片或者视频展现在网页上，但仅仅使用标签排列会使得网页杂乱无章，所以本系统的前台页面还使用了CSS技术和JavaScript技术。

Vue是一种前端的框架，Vue的核心技术是组件和指令。在此系统中，我可以利用本身的生命周期函数中各个事件将网页前端中的不同的元素设置为组件，然后使用V-for、V-On及V-bind等指令对元素进行操作，最后使用Vue的列表渲染功能将数据显示在页面上，这种编码方式比传统的使用后台代码实现要更快。

2.4 MYSQL数据库的介绍

本系统用来进行数据存储的数据库是MYSQL数据库，基本的使用与其他数据库相似。都可以使用表进行数据的存储。除此之外还可以使用存储过程、事务、触发器等对象。以下是MYSQL的几个优点：

(1)首先就是因为MYSQL较为小巧、易于安装和维护，而且MYSQL是完全开源并且免费的，非常适合计算机专业的学生作为学习工具使用，虽然MYSQL小巧但它的查询速度、执行效率都是非常快的。

(2)选择MYSQL的第二个原因就是它具有稳定的查询和存储机制，可以避免因为数据库的原因导致系统的数据出错。

(3)选择MYSQL作为本系统数据库的第三个原因就是它具备较为稳定的与程序进行连接的优点，可以使数据稳定地在系统内进行存储和更新。

2.5 MyEclipse的介绍

通过本节来介绍本系统的开发环境，开发的环境为个人笔记本电脑，处理器为I5十代，内存为8GB，硬盘为500G固态硬盘，浏览器为谷歌浏览器。用来编程的工具为MyEclipse，它是功能强大的编辑工具，在市面上进行Java和JSP编程时非常流行，具备代码提示、代码自动缩进和换行等基本功能，还能用来对程序进行部署和测试等。用来进行MYSQL编辑的工具为Navicat for MySQL，它非常直观，可以对数据进行导入和导出。

3 需求分析

3.1 可行性分析

系统的可行性分析主要目的是在系统立项开始前对系统所做的一系列的评估，综合各项评估决定是否对该项目进行立项。一般来说一个系统的可行性分析主要分为技术可行性、操作可行性及经济可行性等。

一个系统的经济可行性主要是指网站去除成本后还是否可以盈利，该系统为计算机专业大学生的毕业设计，主要目的是为了使用大学四年所学的知识开发出一个有价值的系统，证明自己可以达到毕业的要求。该项目几乎没有任何成本，因为所有的设备及开发软件都为电脑上已安装的免费版本，该项目为非商业项目，所以从经济可行性上分析，本系统是可行的。

系统的技术可行性主要是在开发开始前对本系统所使用的开发环境、开发技术等进行分析，对所有可能遇到的问题进行预估等。本系统的开发环境为自己的个人电脑，所有使用的工具都是平时学习时用过的，所用的开发技术大多数都是大学期间学习过的，如果遇到没有涉及的领域可以通过在CSDN、博客园等技术论坛寻找答案，也可以咨询指导老师。所以从技术层面分析，本系统是可行的。

系统的操作可行性也可以被称为运行可行性，主要对系统运行或操作进行分析。在当前这个电脑走入寻常百姓家的时代，不管是成年人还是小朋友都多多少少对电脑操作略知一二，本系统只要有简单的电脑常识就可以熟练使用，所以说从系统的操作方面是可行的。

3.2 功能需求分析

本系统共分为四个角色，管理员用户负责各个模块的数据管理，配送员用户可以对配送信息进行管理，电商中心用户可以进行农产品的收购管理，农民用户可以对自己家的农产品进行销售资格申请。下面是详细的功能需求分析：

注册用户：

1. 首页展示：不管是已经注册的用户还是暂时没有注册的用户，在输入正确的域名之后都可以访问本网站的首页，但没有注册的用户无法使用所有功能。
2. 订票功能：用户如果觉得浏览的旅游路线适合自己，可以进行订票。
3. 设备租赁：用户可以在网站中租赁冰雪运动要使用的器材，可以选择租赁的时间，确认后可以进行在线支付。
4. 交通信息：前往滑雪场之前，用户可以在网站内查看交通信息，并且可以将文档下载到自己的电脑中。
5. 系统留言板：当用户在使用网站过程中遇到一些问题或者想对网站提出建议或者一些有建设性的意见，可以在留言板中进行留言，系统管理员看到后会及时进行回复。
6. 新闻动态：用户可以在网站首页中查看最新的新闻动态。
7. 个人后台：在个人后台可以查看自己的个人信息，还可以查看自己的器材租赁和订票的订单详情。

管理员用户：

1. 修改密码：管理员的权限对本系统是非常重要的，管理员用户可以定 期通过本功能对密码进行修改。
2. 用户管理：管理员用户通过此功能可以查询全部或者某一个用户的基本信息，还可以对其进行修改和删除。
3. 新闻动态管理：新闻是有时效性的，所以管理员需要通过此功能定期的对网站前台中的新闻信息进行修改。
4. 器材装备管理：管理员可以管理网站内的冰雪设备，并且可以设置器材租赁的时间及单价。
5. 租用管理：管理员用户可以通过租用管理查看和管理租赁的订单。
6. 订票信息管理：用户在前台的订票订单可以在此功能中进行管理。
7. 留言板管理：管理员用户可以查看用户在前台进行的留言信息，并且可以进行回复及删除等操作。
8. 滑雪场介绍：在网站的首页中会显示本滑雪场的介绍，管理员用户可以通过本功能对介绍的文字信息或者图片进行修改。

3.3 非功能需求

对本系统来说，除了具有交通及订单信息查询等功能外，保障系统的稳定性和安全性是非常重要的，所以在开发本系统之前需要对系统的性能及安全性进行分析。对于本系统而言，系统的性能及稳定性非常重要，因为本网站涉及到大额的金钱交易，如果在交易期间系统发生崩溃会造成比较大的影响，其次如果不能保证稳定性，则多人共同访问网站时也可能会出现系统崩溃等问题。

除了性能及稳定性，安全性对本系统也非常重要，如果不能提高安全性，被一些不法分子或居心叵测的人钻了漏洞，会对本系统及本系统的用户财产产生非常大的影响，所以提高安全性是本系统优先级很高的一个需求。

4 总体设计

4.1 总体功能设计

本系统的用户分为两个个角色，分别是注册用户和管理员用户。注册用户可以看做本系统的前台部分，功能主要是进行各种信息的浏览、设备的租赁和订票等操作，除此之外用户还可以对自己的个人信息进行维护。后台部分的使用角色为本系统的管理员，功能主要为对已注册的用户信息、系统产生的订单信息、租赁信息进行管理，系统结构图如下所示：

4.2 系统数据库设计

数据库的设计在整个系统的开发过程中是非常重要的，而且一定要在开始编程之前就对数据库进行设计，这样可以避免编程过程中无谓的返工。比如在进行农产品功能的开发时，又想突然加上农产品类别的功能，这样就要再添加一个表，但数据库发生改变之后所有的代码都需要进行修改，非常的费事费力。

经过上文对系统功能的需求分析，我认为本系统的数据库应该具有以下表：

（1）用户信息表，用户注册之后的个人信息会存储在此表中。这个表中的用户ID应设置为主键，除此之外还要有用户名、密码、注册时间等列。

（2）设备分类及设备信息表，每样冰雪运动的设备信息都会保存在此表中，设置两张表的目的是可以使用分类表管理设备的分类，使用设备信息表来详细的管理产品的信息。

（3）订单信息表，这张表主要存储系统中的订单信息，当用户或管理员对订单信息进行查看时就需要对此表进行查询。此外，订单信息表中应设置一列来反映当前订单的发货状态，如未发货、已发货和已收货等。

（4）站内新闻表，站内新闻表用来保存本系统内的站内新闻信息，管理员会定期对本表进行维护，让用户看到最新的新闻。

5 系统功能实现

5.1 注册用户

用户登录：

系统中各用户在输入正确的域名后即可访问本系统，输入自己的账户密码即可进入本系统。

首页展示：

在首页中用户可以通过右上方进行注册或登录，还可以通过顶部的菜单栏前往不同的功能界面，在首页的下方用户可以查看滑雪场的介绍。

订票功能：

在订票的界面中点击订票按钮可以进行订票的操作，订票需要输入订票的数量及个人联系方式然后通过扫码进行支付。

器材设备租赁功能：

点击器材设备功能可以查看本滑雪场内的所有器材装备，点击其中某一条可以进行租赁，租赁时输入要租赁的市场即可完成租赁操作。

交通信息查看功能：

点击菜单栏中的交通信息可以查看不同交通方式前往本滑雪场的方法，每一种交通方法下都有附件，用户可以下载该附件进行详细的查看。

留言板功能：

用户在本系统中是可以进行在线留言的，通过留言可以给网站的管理员提建议或者提评价，管理员看到留言后可以与用户进行回复和对话。

个人后台界面：

用户的所有购票订单及器材租赁订单都可以通过个人后台界面中进行查看，并且在此功能中还可以修改自己的个人资料。

5.2 管理员用户

后台主界面：

管理员用户负责管理本系统产生的所有后台数据，比如用户的个人信息、订单信息及新闻动态和留言板等，在后台界面的左侧管理员可以选择不同的功能进行操作，右侧为具体的操作界面。后台管理的具体界面如下：

用户息查询及维护：

登录管理员帐号后点击注册用户管理可以进入此界面，界面上方可以通过账号及用户姓名对用户的信息进行查询，查询后可以看到用户的姓名、年龄和地址等信息，还可以对信息进行编辑和删除。具体界面如下：

器材装备管理：

此模块主要有两个功能，第一个功能为对网站内的器材和设备进行添加，输入相关信息后就可以进行器材的添加，添加之后可以通过下方的器材查询功能查看所有已经提交过的器材信息，具体界面如下：

租用管理：

用户在前台界面中的租赁订单可以在此功能中进行查看和管理，当用户使用完设备之后管理员要及时地在网站内点击归还，这样就不会影响其他用户租赁。