摘要：民宿相對于酒店來說更能為旅途中的人帶來溫馨的感覺，讓旅行者能夠更好地貼近當地文化與生活，然而目前，線下的民宿交易存在過程繁瑣、安全性低等缺陷。因此開發一個操作安全、功能完善、體驗感新穎的線上民宿預定平臺是十分必要的?；赩ue框架的“一宅”民宿網站使用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