第二章 相关技术介绍
2.1 Vue.js 介绍：
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用（SPA）提供驱动。
2.2 Vue.js 主要功能：
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能驱动复杂的单页应用。
2.3 B/S结构
B/S结构（Browser/Server，浏览器/服务器模式），是WEB兴起后的一种网络结构模式，WEB浏览器是用户端最主要的应用软件。这种模式统一了用户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。用户机上只要安装一个浏览器，如Chrome、Safari、Microsoft Edge、Netscape Navigator或Internet Explorer，服务器安装SQL Server、Oracle、MYSQL等数据库。浏览器通过Web Server同数据库进行数据交互。
2.4 B/S体系工作原理：
B/S架构采取浏览器请求，服务器响应的工作模式。
用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；
而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；
从Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。
在 B/S 模式中，用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的，浏览器的请求通过服务器进行处理，并将处理结果以及相应的信息返回给浏览器，其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器，该结构已经成为了当今软件应用的主流结构模式。
2.5 MySQL数据库
科技的进步，给日常带来许多便利：教室的投影器用到了虚拟成像技术，数码相机用到了光电检测技术，比如超市货物进出库的记录需要一个信息仓库。这个信息仓库就是数据库，而这次的超市商品管理系统也需要这项技术的支持。
用MySQL这个软件，是因为它能接受多个使用者访问，而且里面存在Archive等。它会先把数据进行分类，然后分别保存在表里，这样的特别操作就会提高数据管理系统自身的速度，让数据库能被灵活运用。MySQL的代码是公开的，而且允许别人二次编译升级。这个特点能够降低使用者的成本，再搭配合适的软件后形成一个良好的网站系统。虽然它有缺点，但是综合各方面来说，它是使用者的主流运用的对象。
第三章 系统分析
3.1 可行性分析
技术性方面，本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于node.js的koa框架进行开发。
实现前台页面的设计与美观调整，以上技术，均由本人经过系统学习，并且都是在课程设计中实践过的，可以使得开发更加便捷和系统。从技术角度看，这个系统是完全可以实现的。
实用性方面，本次设计的主要任务是在旅游网站内￥购票会员卡等，符合当前潮流的发展。从用户角度出发，同时也考虑系统运营成本和人力资源，采用网络上的便捷方式，实现线上业务，使得业务流程更系统，也更方便用户的体验，比较实用。
经济性方面，由于本课题中设计的旅游网站的主要目的是为了能够更加方便及快捷的进行信息的查询管理及检索服务，也就是能够可以直接投入使用的信息化软件。系统的主要成本主要是集中在对使用数据后期继续维护及其管理更新这个操作上。但是一旦系统投入到实际的运行及使用之后就能够很好的提高信息查询检索的效率，同时也需要有效的保证查询者的信息方面的安全性，同时这个旅游网站所带来的实际应用方面的价值是远远的超过了实际系统进行开发与维护方面的成本，因此，从经济上来说开发这个软件是可行的。
3.2功能需求分析
旅游网站的功能主要分为前台用户根据自己的需求进行注册登录，浏览景点信息并对选中的景点进行购票操作。后台系统管理员因职责的不同，分为普通管理员和超级管理员，普通管理员主要对购票单进行处理，处理美食购买单，而超级管理员主要对注册用户，景点详细信息，美食详细信息，美食购买单进行处理。
用户用例图如下所示。
图3-1 用户用例图
管理员用例图如下所示。
图3-1 管理员用例图
3.2.1前台用户功能
前台用户可分为未注册用户需求和以注册用户需求。
未注册用户的功能如下：
注册账号：用户填写个人信息，并验证手机号码。
热门景点：用户可以根据景点类型浏览景点的信息，并选中某个景点查看详情，例如：景点名称、景点等级、景点类型、景点介绍等。
已注册用户的功能如下：
登录：根据账号密码进行登录操作。
个人中心：用户因个人信息的变更可以随时修改自己注册信息。
浏览评论信息：选中某间景点可查看其用户的评论。
门票购买：用户根据自己的需求选中某个景点进行购票操作。
查看历史购票单：用户可以查看自己以往购票的信息。
论坛：用户可以根据自己的观点看法对相关景点进行发布。
机票预订：用户根据自己的需求选中某个机票进行购买操作。
个人机票购买历史记录：用户可以查看自己以往购买数据。
收藏：在景点的基础上对景点的收藏，收藏按时间形成收藏列表，个人对其收藏夹进行维护和整理。
酒店预订：用户提交个人酒店预订，预订成功后，可以查看到个人已预订的酒店订单记录，并可以对其进行编辑更新删除等操作。
3.2.2后台管理员功能
后台管理员功能如下。
修改密码：管理员可以随时修改自己进入系统的登录密码，以保证系统的安全性。
对购票单信息进行处理：查看购票单信息，办理购票单审核等。
景点信息管理：对景点信息进行详情，删除、修改信息。
酒店信息管理：对酒店信息进行详情，删除、修改信息。
对门票购买信息进行处理：办理购买单审核等。
机票信息管理：可以查看用户的机票航班，及时了解航班出发时间。
用户管理：可以查看注册用户的信息，并对其进行管理。
3.3非功能需求分析
首先主要考虑的是系统功能软件，在具体设计的环节上，是不是能够较好的满足各类用户的基本功能需求，如果不能较好的满足用户需求，那么这个系统的存在是没有价值的。软件系统的非功能性求分析，从7个方面展开，一个是性能分析，针对系统；一个是安全分析，针对系统，一个是完整度分析，针对系统，一个是可维护分析，针对系统，一个是可扩展性分析，针对系统，一个是适应业务的性能分析。面对旅游网站存在的性能、安全、扩展、完整度等7个方面性能综合比对分析后发现，需要相应的非功能性需求分析。
3.4 安全性需求分析
3.4.1系统的安全性
安全性对每一个系统来说都是非常重要的。安全性很好的系统可以保护企业的信息和用户的信息不被窃取。提高系统的安全性不仅是对用户的负责，更是对企业的负责。尤其针对于旅游网站来说，必须要有很好的安全性来保障整个系统。
系统具有对使用者有权限控制，针对角色的不通限制使用者的权限，以此来确保系统的安全性。
3.4.2数据的安全性
数据库中的数据是从外界输入的，当数据的输入时，由于种种原因，输入的数据会无效，或者是脏数据。因此，怎样保证输入的数据符合规定，成为了数据库系统，尤其是多用户的关系数据库系统首要关注的问题。
因此，在写入数据库时，要保证数据完整性、正确性和一致性。
3.5数据流程分析
对系统的数据流进行分析，系统的使用者分为二类，一般用户，管理员。系统主要对界面信息传送，登录信息的验证，注册信息的接收，用户各种操作的响应做处理。
系统顶层数据流图如下图所示。
图3-2 顶层数据流图
要判断用户是是什么身份，是根据登录的数据来判断后，跳转到对应的功能界面。在系统的内部用户就可以对数据进行操作，数据库中心就可以接收到系统传输的有效数据流来对数据sql语句进行对应操作。
系统底层数据流图如下图所示。
图3-3 底层数据流图
系统可以分为前台和后台两部分，每一种操作后系统都返回操作结果。前台和后台的数据连接主要通过数据库，既分别对数据库做不同的操作。
洛可可设计公司收费标准华夏人寿保险公司官网app界面设计常用的布局有哪些天元建设集团有限公司第十一建筑公司事业单位微信公众号怎么创建服装定制品牌有哪些中国商标查询网官网从零开始网页制作教程宁波外贸公司500强沈阳新联会是什么组织做什么统一登录入口室内装修设计师工资一般多少钱泗洪房产网2022年中国企业500强榜单单页设计多少钱一张上海的最新新闻天元建设集团有限公司嘉和新城手表拍卖网站香港特别行政区享有什么权利乐清论坛网乐清足球比赛直播回放完整版微信公众号怎么创建新的话题建设公司怎么做网站运营建设局属于什么行业陕西采购与招标网官方天津原筑展览展示有限公司威海网架公司制作网页时什么是错误的做法手机兼职工作有哪些h5在线制作免费版制作音乐网站实验报告