摘要：民宿相对于酒店来说更能为旅途中的人带来温馨的感觉，让旅行者能够更好地贴近当地文化与生活，然而目前，线下的民宿交易存在过程繁琐、安全性低等缺陷。因此开发一个操作安全、功能完善、体验感新颖的线上民宿预定平台是十分必要的。基于Vue框架的“一宅”民宿网站使用VSCode环境进行开发，采用流行的B/S结构，运用MVVM思想，主流的Vue前后端分离技术，综合使用HTML5、CSS3、JavaScript、MySQL、Node.js等技术设计并完成预定房源、参与体验、特色故事、评论故事、管理个人信息等功能，同时后台使用MySQL数据库对系统中的数据进行存储、管理。并在此基础上实现用户注册及登录、特色故事、特色体验、房源预定、个人中心等几个功能模块。此平台是一个功能完善、界面友好、交互性强的在线民宿预定平台，能让用户享受更加安全、便捷的交易体验。

关键词：民宿网站；前端开发；Vue框架；Mysql数据库

目 录

摘 要

Abstract

1  绪论-1

1.1 课题的目的和意义-1

1.1.1 课题的目的-1

1.1.2 课题的意义-1

1.2 国内外现状-1

1.3 开发技术简介-2

1.4 课题研究的主要内容-3

2  需求分析-4

2.1 系统目标-4

2.2 系统用例建模-4

2.2.1 用户注册登录用例图-4

2.2.2 用户用例图-4

2.2.3 用户个人中心用例图-5

2.3 用例描述-6

2.4 需求分析-6

2.4.1 功能性需求-6

2.4.2 非功能性需求-6

3  概要设计-8

3.1 系统功能设计-8

3.1.1 房源模块设计-8

3.1.2 故事模块设计-8

3.1.3 体验模块设计-9

3.1.4 个人中心模块设计-9

3.2 数据库设计-9

3.2.1 数据库E-R图-9

3.2.2 数据库表设计-10

4  详细设计与实现-14

4.1 登录注册页面-14

4.2 首页页面-15

4.3 个人中心页面-16

4.4 房源管理页面-17

4.5 故事页面-19

4.6 体验页面-21

5  系统测试-23

5.1 平台测试环境-23

5.2 测试结果-23

结    论-25

致    谢-26

参考文献-27