论文总字数：14838字

摘 要

随着旅游业的发展，在线旅游平台得到了很大的发展。针对移动用户对各类旅游信息查询和订购的需求，在windows和vscode开发环境下，实现了一个基于Node和Vue框架的旅游项目。该系统具有登录注册、景点展示、景点门票、景点评论、景点收藏、城市切换和搜索景点等功能。

该系统使用node.js进行开发，采用MVVM设计思想，使用Vue框架和MongoDB数据库技术，并采用模块化开发模式。测试结果表明所设计系统运行效果稳定，操作方便、快捷，功能全面、实用性好、安全性高，并具有良好的可扩展性。

关键词：vue，node.js，MongoDB，便捷

Abstract: In place with the development of tourism, on line tourism terracce has been maximum developed.According to the needs of mobile users for all kinds of tourism information query and ordering, a tourism project based on Node and Vue framework is implemented under the development environment of Windows and vscode.The system has functions of login and registration, scenic spot display, scenic spot ticket, scenic spot review, scenic spot collection, city switch and scenic spot search.

This system is developed with node.js, MVVM design idea, Vue framework and MongoDB database technology, and modular development mode.The test results show that the designed system has stable operation effect, convenient and quick operation, comprehensive function, good practicability, high security and good scalability.

Keywords：Vue, node.js, MongoDB, convenient

目录

1 前言 4

1.1 开发背景 5

1.2 主要工作 5

1.3 文章主要脉络结构 5

2 系统分析 6

2.1 系统需求分析 6

2.2 业务流程分析 8

2.3 系统技术分析 10

2.4 开发工具的选择 12

3 系统设计 12

3.1 系统实现流程图 12

3.2 系统目录结构设计 15

4 数据库的结构设计 18

4.1 数据库设计概述 18

4.2 数据库模型设计 18

4.3 数据库逻辑模型设计 20

5系统实现 22

5.1 用户注册登录 22

5.2 首页模块 23

5.3 城市列表模块 24

5.4 景点详情信息 26

5.5 景点分类模块 26

5.6 购物车模块 27

5.7 评论管理模块 29

6 系统测试 32

6.1 测试概要 32

6.2 测试方法 32

6.3 测试用例 32

6.4 测试结果 33

结 论 36

参 考 文 献 37

致 谢 38

1前言

旅游是一个可以激发人创造力并给人带来放松的项目。同时目前在线旅游业也得到了迅猛的发展，而移动app又是在线旅游业的重要平台，所以开发一款旅游项目是一个不错的选择。

1.1开发背景

随着移动端的普及和人们消费观的改变，越来越多的人们对生活质量有了很大的追求。同时伴随着旅游业的迅速发展，也为在线旅游平台得到了很大的帮助。很多年轻人也把出行旅游当成排解生活压力的一个健康向上的方式，而一些年纪稍大的人群出行旅游也慢慢成为了主要的消费群体。

因此，一些大型的软件，例如去哪儿、途牛、马蜂窝等软件，几乎已经涵盖了所有需要考虑到的业务范畴。所以，该款软件是更加倾向于中老年群体，主要是页面更加清晰明了，更加便捷。同时也融合庞大的人工信息，信息同步上网后，数据能够在网上进行快速传递，提高了出行旅游的效率，使出门旅游变得更加便捷。

另外，作为当下最主流的前端框架vue，和node这个坏境平台，本次项目用的是当下最热门的技术来做，对于我来说也是一个很大的挑战。

1.2 主要工作

本文的主要工作是分析并总结主要的技术和方法，以此来确定本次设计的方向，本次设计开发总共分为三个部分：技术分析，概要设计和软件实现。在软件实现章节对本次设计的所有功能都做了详细的介绍，并附上了关键的代码。在整个设计过程中，更具需求分析之后，记录下了整个设计出现的实施功能以及出现了哪些问题，哪些得到了解决，哪些还遗留了问题，以及还有哪些更需要以后完善的地方。最后也对本次设计的整体过程做出了总结。

1.3 文章主要脉络结构

本次毕业设计主要分为以下几个章节：

第一章：介绍论文的前言，项目背景，以及主要进行的工作。

第二章：系统分析，从介绍本次毕业设计的需求分析，以及系统技术分析。首先简单介绍node平台的特性，并对vue框架做出了简单的阐述，并把它同其他热门框架做出了比较，分析其优缺点，最后在对mongoDB数据库做出阐述。

第三章：系统设计，根据对系统的分析和设计，画出相应的功能图。

第四章：介绍的是数据库设计，主要通过分析并总结出数对据库表的设计。

第五章：系统的实现，主要展示毕业设计的效果图，并附上了每个界面的截图，并在主要的功能上附上了核心代码。

第六章：系统测试，主要分为测试概述，方法，用例，结果。

2 系统分析

2.1 系统需求分析

本次设计主要实现的功能包括六大部分：

1.登陆注册，2.地区城市列表模块，3.景点展示以及详情展示模块，4.景点购买购物车模块，5.联系人管理模块，6.评论模块

使用用例图来表示系统与参与者之间的关系，这是其中的几个概念：

2.1.1 登录用户注册

图 2-1用例图

用户

剩余内容已隐藏，请支付后下载全文，论文总字数：14838字