第二章 相关技术介绍
2.1 B/S体系结构介绍
B/S结构（Browser/Server，浏览器/服务器模式），是WEB兴起后的一种网络结构模式，WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。客户机上只要安装一个浏览器，如Chrome、Safari、Microsoft Edge、Netscape Navigator或Internet Explorer，服务器安装SQL Server、Oracle、MYSQL等数据库。浏览器通过Web Server同数据库进行数据交互。[1][2]。
2.2 Koa框架介绍
Node.js是一个异步的世界，官方API支持的都是callback形式的异步编程模型，这会带来许多问题，例如:1、callback嵌套问题；2、异步函数中可能同步调用callback返回数据，带来不一致性。为了解决以上问题Koa出现了。
koa是由Express原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的Web框架。使用koa编写web应用，可以免除重复繁琐的回调函数嵌套，并极大地提升错误处理的效率。koa不在内核方法中绑定任何中间件，它仅仅提供了一个轻量优雅的函数库，使得编写Web应用变得得心应手。开发思路和express差不多，最大的特点就是可以避免异步嵌套。
阿里内部就在使用Koa框架，并在Koa基础上面做了一些扩展和封装。并且基于koa开发了一个开源框架egg[3]。
首先，koa借助promise和generator的能力，丢掉了callback，完美解决异步组合问题和异步异常捕获问题。
其次，koa 把express中内置的router、view 等功能都移除了，使得框架本身更轻量化。该设计有如下好处：1、把express各种中间件移植到koa是很简单的一件事；2、express 中内置的功能件未必好，比如view，想添加自己的view engine进入得做较深层次的hack，又比如router，它的效率不是最好的。koa没有内置这些，给了开发者很大的自由度，开发者都能自由发挥制作出更精细更专业的中间件[4]。
2.3 Vue.js主要功能
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能驱动复杂的单页应用[5]。
2.4 Redis存储说明
redis使用了两种文件格式：全量数据和增量请求。
全量数据格式是把内存中的数据写入磁盘，便于下次读取文件进行加载；
增量请求文件则是把内存中的数据序列化为操作请求，用于读取文件进行replay得到数据，序列化的操作包括SET、RPUSH、SADD、ZADD。
redis的存储分为内存存储、磁盘存储和log文件三部分，配置文件中有三个参数对其进行配置。
save seconds updates，save配置，指出在多长时间内，有多少次更新操作，就将数据同步到数据文件。这个可以多个条件配合，比如默认配置文件中的设置，就设置了三个条件。
appendonly yes/no ，appendonly配置，指出是否在每次更新操作后进行日志记录，如果不开启，可能会在断电时导致一段时间内的数据丢失。因为redis本身同步数据文件是按上面的save条件来同步的，所以有的数据会在一段时间内只存在于内存中。
appendfsync no/always/everysec，appendfsync配置，no表示等操作系统进行数据缓存同步到磁盘，always表示每次更新操作后手动调用fsync()将数据写到磁盘，everysec表示每秒同步一次[6][7]。
2.5 NodeJS技术
Node.js 一种javascript的运行环境，能够使得javascript能够脱离浏览器运行。以前js只能在浏览器基础上运行，能够操作的也知识浏览器，比如浏览器上的放大缩小操作，前提是浏览器开启的基础上进行操作（浏览器是客户端）。有了Node.js之后，js可以在服务端进行操作，直接在系统上进行操作，可以打开、关闭浏览器等操作。
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好[8][9]。Node.js 不是库，是一个运行环境，或者说是一个JS语言解释器。Node.js今天已经成为了Web 前端开发必不可少的基础设施。
第三章 系统分析
3.1 可行性分析
开发任何一个系统，都要对其可行性进行分析，对其时间和资源上的限制进行考虑，这样可以减少系统开发的风险。同时，分析之后不仅能够合理的运用人力，还能在各方面资源的消耗上得到节省。下面就对技术、经济和社会三个方面来介绍。
3.1.1 技术可行性
技术可行性主要考虑当前项目所用的技术是否能够符合，在设备上是否能够满足，及各种辅助工具是否提供帮助。本系统用的是Node.js技术，调试相对简单，当前的计算机硬件配置也完全能满足开发的需求，因此在技术上是绝对可行的。软件方面：由于软件的开发平台成熟可行,它们速度快、容量大、可靠性能高、价格低，完全能满足系统的需求。
3.1.2 经济可行性
系统所采用的开发平台和后端数据库均为免费开发工具。故开发成本主要集中在后期的推广及系统维护上。相对于成本较高的C/S模式，也是选用了成本较低的B/S模式，所以经济上几乎没任何问题。
3.1.3 社会可行性
本系统是自行开发的系统，以方便高效管理旅游景点为出发点，是具有实际意义的系统，开发的环境软件和用到的数据库也都是开源代码，不存在侵权等问题，所以在社会方面也是可行的。
3.2 系统功能需求
用户用例图如下所示。
图3-1 用户用例图
管理员用例图如下所示。
图3-1 管理员用例图
通过对用例图的分析和调查，根据本系统的实际需要，从用户角度提出需求功能如下：
1.管理员功能需求：
用户管理模块：管理员查看用户基本信息，并实现对用户信息的增加、删除、修改等功能。
修改登录密码模块：修改管理员用户的登录密码。
公告管理模块：根据业务需要，管理员对系统的公告信息进行维护、处理等操作。
资讯管理模块：管理员查看故宫资讯数据，并且发布资讯数据，编辑资讯数据，删除资讯数据。
在线订票模块：根据业务需要，管理员对购票记录的审核、处理、维护等操作。
文创订单模块：发布故宫周边的文创品，以此达到文创订单成交的数据，并处理维护文创数据。
博物馆活动模块：管理员发布博物馆举办的不定期活动等相关讯息。
2.用户功能需求：
用户注册模块：将用户信息录入数据库，用户利用注册的账号以及密码登录系统，浏览查看各种信息，添加部分信息；
收藏模块：用户收藏景点，整理个人收藏夹。
个人信息模块：修改信息功能，用户修改个人资料信息，但不能修改账号；密码修改功能，修改登录密码。
在线订票模块：从管理员发布的故宫数据中选择要购票的资讯，进行添加购票记录。
3.3 系统性能需求
评判一个系统好坏的一项重要指标就是性能，下面是对此系统的一些性能进行阐述。
1.系统的安全性和稳定性: 响应式故宫文化宣传网站在管理权限上有着严格的控制，即想登录此平台进行操作，则必须要有操作权限，没有权限的用户是不可能登录平台查看任何的信息和数据，从而确保了系统的安全性。
2.数据的完整性和准确性：第一个是各项记录信息的完整性，信息记录的内容可以为空；第二个是各项信息数据之间相互联系的准确性；第三个是数据在不同记录信息的一致性
3．用户操作系统简单方便
在系统开发中按照“简单易用”的原则，能够使用户对系统的使用一目了然，既能保证用户使用，同时又能保证维护人员方便维护。
3.4 业务流程分析
业务流程图不仅能反映出内部业务之间的关系，而且能体现出作业顺序及信息的流动。响应式故宫文化宣传网站必须支持整个组织在不同层次上的各种功能，各个功能模块之间又有各种不同相关的信息进行联系，构成了一个有机的整体，根据旅游网站的特点以及结合所面临的实际情况，设计出了系统的业务流程图。
系统的业务流程如下图所示。
图3-1系统业务流程图
3.5 数据流程分析
在分析了系统的业务流程之后，就要分析系统的数据流，为后面设计系统的数据库做好基础。这里主要利用数据流程图来说明数据流程。数据流程图是一个图示工具，容易理解，容易在开发和用户方之间进行交流，以及在开发组织内部交流。因此数据流程图作为一种模型工具已经广泛使用在软件工程的实践中。
系统的顶层数据流图如下图所示。
图3-2系统数据流图（顶层）
根据系统的业务流程，用户浏览所使用到的数据归纳为输出信息。而用户提交的数据则作为系统的输入数据。相应的，根据系统管理员业务流程，管理员对系统内容的添加、更新和删除等所操作的数据定义为输入信息。
系统的底层数据流图如下图所示。
图3-3系统数据流图（底层）
建设企业网站官网登录中央气象台台风网云图重庆网上房地产查询备案价重庆网站制作福州企业客户信息管理软件跨境电商怎么发货到国外0元首充的手游平台建立数据透视表北京市公共资源交易中心律师网站建设方案搭建高端网站石家庄学院云虚拟主机怎么使用郑州建设银行网点地址查询小红书seo排名帝搜软件乱码链接怎么用工业产品设计草图福建疫情最新消息今天又封了全国公路工程信息网erp系统下载手机版抖音挂小程序怎么赚钱免费100个简历模板写论文的网站好用的日本ip地址品牌网络嵌入式工程师月薪多少互联网是做什么的网络优化推广网络舆情监测工作方案在附近找工作电商运营培训课程视频