網(wǎng)站制作NEWS
「實(shí)用場景教程」如何用日程控件DHTMLX Scheduler制作酒店預(yù)訂日歷
dhtmlxScheduler是一個(gè)JavaScript日程安排控件，與Google日歷類似，支持動(dòng)態(tài)加載日歷事件，通過拖放功能調(diào)整事件日期和時(shí)間，事件可以按天、周、月三種視圖顯示。
使用dhtmlxScheduler和Angular框架，我們可以創(chuàng)建一個(gè)全面的酒店客房預(yù)訂應(yīng)用程序。在上一篇文章中，我們介紹了數(shù)據(jù)加載、CRUD操作實(shí)現(xiàn)等，本文將深入服務(wù)器配置。
設(shè)置Node.js服務(wù)器，使用Express框架和MySQL作為數(shù)據(jù)存儲(chǔ)。
添加express、mysql和date-format-lite模塊：
$ npm install express mysql date-format-lite
在項(xiàng)目根目錄下創(chuàng)建server文件夾，添加server.js文件。修改package.json文件，使用concurrent包同時(shí)啟動(dòng)服務(wù)器和客戶端應(yīng)用程序。
準(zhǔn)備數(shù)據(jù)庫，連接MySQL服務(wù)器，定義讀取和寫入項(xiàng)的方法。創(chuàng)建預(yù)訂表、房間表、roomTypes表、cleaningStatuses表和bookingStatuses表，添加測試數(shù)據(jù)。
在databaseHandler.js文件中，定義讀/寫邏輯，使用mysql連接執(zhí)行CRUD操作。
創(chuàng)建路由模塊router.js，設(shè)置應(yīng)用程序以監(jiān)聽調(diào)度器可以發(fā)送的請求URL，并調(diào)用存儲(chǔ)的適當(dāng)方法。所有方法在try-catch塊中，捕獲錯(cuò)誤并向客戶機(jī)返回適當(dāng)錯(cuò)誤響應(yīng)。
在應(yīng)用程序頁面上可以看到帶有預(yù)訂的調(diào)度程序。用戶可以在調(diào)度程序中創(chuàng)建、刪除和修改項(xiàng)，即使頁面重新加載，所做的更改也將被保留。
多重隨機(jī)標(biāo)簽
前端和后端的難度前端難學(xué)還是后端難學(xué) 編程怎么學(xué)習(xí) 貴港金路物流上班時(shí)間 寶雞文理學(xué)院地理科學(xué)與環(huán)境工程系系部簡介 初學(xué)者怎么涂口紅 南康中學(xué)的校長換了嗎 imac電腦怎樣把網(wǎng)頁兩邊白色的空白變沒 江蘇新高考政策 網(wǎng)上招投標(biāo)系統(tǒng)怎么填寫 三門峽的由來 html怎么修改字體大小 電池容量檢測app gd32和hk32選擇 風(fēng)流從似老參謀的出處是哪里 上海稷源城市更新建設(shè)發(fā)展有限公司是國企嗎 用office2007sharepoint制作最簡單的網(wǎng)頁能讓他人訪問到就行步驟請專家說說謝謝 ggggiant global graph ps火焰字怎么做出來詳細(xì)步驟ps中火焰字的制作過程 成品環(huán)保公廁廠家 河北聯(lián)通產(chǎn)業(yè)互聯(lián)網(wǎng)怎么樣 南陽到肥東有多少公里 沽源縣商務(wù)局職責(zé)調(diào)整 電腦網(wǎng)特慢 節(jié)日彩燈多少瓦 gucciflora花之舞2020限量版薰衣草紫香水今年錯(cuò)過就沒有咯 dns污染是什么意思dns泄露什么意思 微信公眾號文章臨時(shí)鏈接轉(zhuǎn)永久鏈接的方法匯總版 福州有哪幾所公立高中免學(xué)費(fèi) 中央同意南京合并馬鞍山 石家莊裕華區(qū)都哪些小區(qū)