項(xiàng)目5智慧公寓管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢項(xiàng)目組織架構(gòu)本項(xiàng)目由服務(wù)器模塊、前臺頁面模塊和后臺頁面模塊構(gòu)成。HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢項(xiàng)目環(huán)境（1）安裝Node.js（2）安裝express-generator（3）安裝Vue.js（4）安裝vue-devtools調(diào)試工具（5）基于Vite創(chuàng)建并配置Vue項(xiàng)目（6）在Vue項(xiàng)目中安裝第三方庫HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢項(xiàng)目實(shí)現(xiàn)本項(xiàng)目旨在構(gòu)建一個基于Vue.js和Node.js的智慧公寓管理系統(tǒng)，根據(jù)系統(tǒng)的主要功能可將項(xiàng)目實(shí)現(xiàn)過程拆分為實(shí)現(xiàn)服務(wù)端模塊、實(shí)現(xiàn)前臺頁面模塊和實(shí)現(xiàn)后臺頁面模塊3個子任務(wù)。接下來，我們將逐一實(shí)現(xiàn)上述任務(wù)，進(jìn)而最終實(shí)現(xiàn)智慧公寓管理系統(tǒng)。任務(wù)5-1實(shí)現(xiàn)服務(wù)端模塊任務(wù)5-2實(shí)現(xiàn)前臺頁面模塊任務(wù)5-3實(shí)現(xiàn)后臺頁面模塊任務(wù)5-1實(shí)現(xiàn)服務(wù)端模塊1HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢任務(wù)概述

智慧公寓管理系統(tǒng)的服務(wù)端模塊負(fù)責(zé)處理來自前臺頁面和后臺頁面的各類請求。如用戶登錄驗(yàn)證、用戶注冊驗(yàn)證等與用戶相關(guān)的請求；查詢?nèi)糠块g信息、查詢指定房間詳細(xì)信息、刪除指定房間、編輯指定房間信息、新增一條房間信息等房間列表相關(guān)的請求；查詢?nèi)糠块g（訂單）狀態(tài)、查詢預(yù)訂狀態(tài)的訂單、查詢?nèi)胱顟B(tài)的訂單、查詢已完成狀態(tài)的訂單、預(yù)訂房間、刪除訂單、編輯訂單等與房間或訂單狀態(tài)相關(guān)的請求；查詢?nèi)糠块g類型、新增房間類型、編輯房間類型、刪除房間類型等與房間類型（設(shè)施）相關(guān)的請求；辦理入住、辦理退房等與用戶入住相關(guān)的請求。HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢任務(wù)實(shí)施

在ch05文件夾下使用Express應(yīng)用程序生成器創(chuàng)建一個名為server的Express項(xiàng)目。1．創(chuàng)建server項(xiàng)目首先，使用“expressserver”命令創(chuàng)建一個名為server的Express項(xiàng)目。2．創(chuàng)建json數(shù)據(jù)源在server項(xiàng)目的data目錄下新建user.json文件用于存儲用戶信息，新建room.json文件用于存儲與房間相關(guān)的信息，該文件在本任務(wù)中作為服務(wù)器所請求的本地?cái)?shù)據(jù)源存在。data/user.json文件用于保存用戶注冊的信息，并作為用戶登錄校驗(yàn)的數(shù)據(jù)源存在。HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢任務(wù)實(shí)施

3．創(chuàng)建路由模塊在智慧公寓管理系統(tǒng)的服務(wù)端模塊中，與用戶相關(guān)的請求存儲在user.js路由模塊中，其他與房間相關(guān)的請求則存儲在room.js路由模塊中。在server項(xiàng)目的routes目錄下新建一個user.js文件，用于實(shí)現(xiàn)用戶登錄驗(yàn)證API與用戶注冊API。4．掛載路由模塊在server項(xiàng)目的app.js文件中引入routes目錄下的路由模塊，使用app.use()方法掛載user.js路由模塊與room.js路由模塊，并分別為其指定路由的匹配路徑。HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢任務(wù)總結(jié)服務(wù)端模塊基于Node.js和Express框架構(gòu)建，實(shí)現(xiàn)了智慧公寓管理系統(tǒng)前臺頁面與后臺頁面所需的全部API請求。server