摘要：本网站旨在开发一个易操作、功能完整、安全性高的旅行攻略网，网站以攻略为中心，以分享、交流为切入点。结合当当下旅行热潮，带动网站整体发展运行。本网站前端采用了当下最流行的Vue框架，采用Vue全家桶搭建前台，后端使用了Node.js以及MySql数据库实现。本网站的将包括前后台两部分。前台主要完成页面展示以及攻略展示包含了首页目录、景点攻略、美食攻略、个性路线、个人中心等主要模块、并且设置还有点赞、评论、举报等功能模块。可以使网站信息更加真实。后台主要完成管理员模块、攻略审核、个人状态审核功能模块。保证了网站攻略信息的合法以及安全性。系统各模块协同合作完成本网站的实现，并能保证网站的稳定性及信息的安全性，整体界面友好、操作简便。整个系统采用软件工程思想设计完成。

关键词：前端开发；旅游攻略；Vue框架；Node.js；

目 录

摘 要

Abstract

1  绪论-1

1.1 课题的目的和意义-1

1.1.1 课题的目的-1

1.1.2 课题的意义-1

1.2 文献综述-2

1.3 本课题研究主要内容-2

2  需求分析-3

2.1 需求分析-3

2.1.1 用例图-3

2.1.2 用例说明-4

2.2 功能需求分析-7

2.3 性能需求-7

2.3.1 时效性-7

2.3.2 适合性-7

2.3.3 易用性需求-8

2.3.4 可靠性需求-8

3  网站总体设计-9

3.1 网站总体模块划分-9

3.2 权限设置-9

3.3 数据库设计过程-11

3.3.1 标记实体-11

3.3.2 标识实体属性-11

3.3.3 标识关系-11

3.4 系统E-R图设计-11

3.5 数据库表设计-12

3.6 数据库表连接-15

4  网站详细设计与实现-16

4.1 前台界面设计-16

4.1.1 登录模块界面-16

4.1.2 注册界面-18

4.1.3 首页界面-21

4.1.4 景点攻略界面-22

4.1.5 目的地界面-23

4.1.6 美食攻略界面-24

4.1.7 个性路线界面-25

4.1.8 消息通知栏-25

4.1.9 攻略详情界面-25

4.1.10 个人信息界面-26

4.1.11 上传攻略界面-26

4.2 后台管理员模块的设计-27

4.3 环境搭建-30

4.4 本章小结-30

5  网站测试-31

5.1 网站搭建-31

5.2 网站测试-32

5.3 网站维护-33

结    论-34

参考文献-35

致    谢-36