全套課件·Node.js項目實戰(zhàn)

1、項目一 -TF物業(yè)系統(tǒng)客戶端界面合作開拓責任企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）目錄01Option here02Option here任務實施任務需求任務總結(jié)03Option here04Option here任務技能任務需求任務需求學習目標學習目標了解什么是Node.js學習Node.js的優(yōu)勢掌握Node.js的使用具有使用WebStorm調(diào)試Node.js的能力學習路徑學習路徑企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）情境導入情境導入功能描述功能描述PRESENT企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群） 本項目將實現(xiàn)TF物業(yè)系統(tǒng)客戶端界面使用WebStorm啟動Node.js服務使用微信小程序語

2、言開發(fā)客戶端頁面使用Node.js進行交互任務技能任務技能任務技能01 Node.js概述02 Node.js應用03 使用WebStorm調(diào)試Node.js企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）Node.js簡介Node.js概述Node.js具有特點如下：是一個命令行工具利用V8引擎擁有子進程，在同一時間可以做多個事情是基于事件的，類似Ajax的工作都可以在服務器端完成瀏覽器和服務器端之間共享代碼方便與數(shù)據(jù)庫連接Node.js優(yōu)勢單線程模式非阻塞I/O輕量高效事件驅(qū)動、異步編程為什么學習Node.js選擇Node.js理由相較于其他開發(fā)語言，更容易配置可在服務器和客戶端使用相同的語言單線程事

3、件驅(qū)動系統(tǒng)通過NPM可訪問的軟件包不斷增加適合原型設計，敏捷開發(fā)和快速產(chǎn)品迭代適合具有大量并發(fā)連接的應用程序Node.js的應用場景高度事件驅(qū)動的應用程序和嚴重的I/O限制處理大量與其他系統(tǒng)連接的應用程序即時應用程序高流量，可擴展的應用建立網(wǎng)絡應用程序010203040506使用listen()方法監(jiān)聽3000端口輸入“node HelloNode.js”命令啟動服務打開瀏覽器訪問 :3000/創(chuàng)建HelloNode.js文件引入 http 模塊創(chuàng)建服務器123Node.js應用使用WebStorm調(diào)試Node.js第一步：下載WebStorm代碼編輯器。第二步：安裝Node。第三步：打開We

4、bStorm，點擊File之后點擊Settings進入設置界面。第四步：在設置界面輸入Node進行查找。第五步：配置Node interpreter。第六步：配置Node interpreter之后點擊“OK”按鈕進行確定。01企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）第七步：點擊“Run”之后點擊“Debug”02企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）第八步：點擊如圖所示按鈕，進行項目配置，之后點擊“Apply”進行確定。03企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務實施任務實施第一步第二步第三步登錄界面由上部的微信小程序圖標，下部的輸入?yún)^(qū)域組成主界面由頂部的輪播圖，中部的服務區(qū)域，底部的功能區(qū)域組成

5、送水界面由上部的物品列表，底部的價錢合計和確認按鈕組成，其中物品列表包含物品圖片、名稱、價格、銷售量企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務總結(jié)任務技能任務實施任務總結(jié)任務描述 本項目通過TF物業(yè)系統(tǒng)客戶端界面的學習，能夠?qū)ode.js有所認識，對Node.js的優(yōu)勢具有初步了解并能夠創(chuàng)建Node.js項目，同時掌握使用WebStorm調(diào)試Node.js的本領。企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務總結(jié) Thanks項目二 -TF物業(yè)系統(tǒng)用戶管理界面合作開拓責任企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）目錄01Option here02Option here任務實施任務需求任務總結(jié)03Optio

6、n here04Option here任務技能任務需求任務需求學習目標學習目標了解REPL調(diào)試代碼的方法學習使用console模塊打印信息掌握timer模塊的三種實現(xiàn)方式具有使用模塊優(yōu)化項目的能力學習路徑學習路徑企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）情境導入情境導入功能描述功能描述PRESENT企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）本項目將實現(xiàn)TF物業(yè)系統(tǒng)用戶管理界面。使用REPL進行命令窗口操作。使用定時器進行業(yè)務的排序。使用Bootstrap進行服務器端頁面的開發(fā)。任務技能任務技能任務技能01 REPL02 console模塊03 Timer模塊04 模塊化企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）

7、REPLREPL為運行JavaScript腳本與查看運行結(jié)果提供了一種交互方式，即可以在終端中輸入命令，之后接收系統(tǒng)的返回信息?？蓪崿F(xiàn)如下功能：讀取用戶輸入，解析輸入的JavaScript 數(shù)據(jù)結(jié)構(gòu)并存儲在內(nèi)存中執(zhí)行輸入的數(shù)據(jù)結(jié)構(gòu)輸出結(jié)果循環(huán)操作讀取執(zhí)行操作輸入的步驟直到用戶進行退出操作。Node.js的交互式解釋器可以很好的調(diào)試Node.js代碼，其具有直接運算、變量運算、表達式運算等多種調(diào)試方式。直接運算變量運算多行表達式運算console模塊 在編寫Node.js項目代碼時，為了更好地監(jiān)測程序代碼的運行情況，經(jīng)常需要在控制臺或命令窗口進行一些信息的輸出。Node.js的console（控

8、制臺）模塊提供了一個簡單的調(diào)試控制臺，可以方便、快速地進行查找、定位信息。主要用于執(zhí)行對工作的延遲，通過“setTimeout(callback, delay, args)”實現(xiàn)，其中callback為回調(diào)函數(shù)；delay為毫秒數(shù)；args為回調(diào)函數(shù)傳入的可選參數(shù)。當給超時定時器函數(shù)命名后，可以使用“clearTimeout(Timeout)”（Timeout為 setTimeout ()返回的對象）銷毀超時定時器。01超時定時器企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）Timer模塊主要用于對工作的定期執(zhí)行，通過“setInterval (callback, delay, args)”實現(xiàn)。當給時

9、間間隔定時器函數(shù)命名后，可以使用“clearInterval(Timeout)”（Timeout為setInterval()返回的對象）銷毀時間間隔定時器。02時間間隔定時器企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）主要用于執(zhí)行對工作的延遲，通過“setImmediate(callback,args)”實現(xiàn)。當給即時定時器函數(shù)命名后，可以使用“clearImmediate(immediate)”（immediate為setImmediate()返回的對象）銷毀即時定時器。03即時定時器企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）模塊化Node.js使用模塊來管理不同的.js文件。Node.js的應用允許多個

10、模塊同時存在，這些模塊被分為核心模塊和文件模塊。概述企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）核心模塊主要內(nèi)容包括：（1）全局對象（2）常用工具（3）事件機制（4）文件系統(tǒng)訪問（5）HTTP 服務器與客戶端. 文件模塊指.js文件、.json文件或者是.node文件。在文件模塊中，可以自定義一些內(nèi)容、方法等，在另一個文件中可通過“require”引入。文件模塊任務實施任務實施第一步第二步第三步登錄界面由背景圖片和中間的輸入?yún)^(qū)域組成商品管理界面由左側(cè)的導航欄，右側(cè)的商品列表區(qū)域組成，其中商品列表包含商品圖片、名稱、價格、銷售量維修界面由報修列表組成，分為三種狀態(tài)：未接受、未完成、已完成企業(yè)級卓越人才培

11、養(yǎng)（信息類專業(yè)集群）任務總結(jié)任務技能任務實施任務總結(jié)任務描述 本項目通過對TF物業(yè)系統(tǒng)用戶管理界面的學習，對使用交互式解釋器調(diào)試代碼具有初步了解，對console模塊打印信息有所認識，同時掌握了timer模塊的三種實現(xiàn)方式及使用模塊優(yōu)化項目的能力。企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務總結(jié) Thanks項目三 -TF物業(yè)系統(tǒng)商品管理界面合作開拓責任企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）目錄01Option here02Option here任務實施任務需求任務總結(jié)03Option here04Option here任務技能任務需求任務需求學習目標學習目標了解Buffer如何處理二進制數(shù)據(jù)學習u

12、til模塊工具的使用方法掌握EventEmitter對象的調(diào)用具有使用EventEmitter對象對事件進行操作的能力學習路徑學習路徑企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）情境導入情境導入功能描述功能描述PRESENT企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）本項目將實現(xiàn)TF物業(yè)系統(tǒng)商品管理界面。使用Buffer類進行字符串的存儲。使用events模塊完成事件的監(jiān)聽和觸發(fā)。使用try.catch方法進行異常或錯誤的拋出來使程序一直運行。任務技能任務技能任務技能01 Buffer02 util模塊企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）Events模塊BufferBuffer用來創(chuàng)建存儲二進制數(shù)據(jù)的緩存區(qū)。

13、創(chuàng)建緩存區(qū)代碼如下所示。簡介01寫入數(shù)據(jù)string為要寫入的字符串；offset為開始寫入string前要跳過的字節(jié)數(shù)；length為要寫入的字節(jié)數(shù)；encoding為string的字符編碼。02讀取數(shù)據(jù)encoding為編碼格式；start為開始位置的索引；end為結(jié)束位置索引。03轉(zhuǎn)換Buffer類可以通過“.toJSON()”方法將數(shù)據(jù)轉(zhuǎn)換成json對象并返回轉(zhuǎn)換后的結(jié)果。Buffer提供了多種方法，可以對緩沖區(qū)進行操作，如：在緩存區(qū)寫入數(shù)據(jù)、讀取數(shù)據(jù)、將數(shù)據(jù)轉(zhuǎn)換成JSON格式等util模塊inherits()方法用于實現(xiàn)對象間原型的繼承，通過將父類原型鏈上的方法復制到子類中實現(xiàn)原型的

14、繼承. isArray()方法用于判斷參數(shù)是否是一個數(shù)組，是數(shù)組則返回true，不是則返回falseisDate()方法用于判斷參數(shù)是否是日期類型，是數(shù)組則返回true，不是則返回false. isRegExp()方法用于判斷參數(shù)是否是一個正則表達式，是則返回true，不是則返回falseinspect()方法用于將任意對象轉(zhuǎn)換為字符串的函數(shù)，通常用于調(diào)試和錯誤輸出。該方法接收的參數(shù)是一個對象util是Node.js的工具模塊，主要作用是提供常用函數(shù)的集合。其提供了多種常用工具，如：實現(xiàn)對象繼承、將對象格式化為字符串等，可以滿足Node.js內(nèi)部API的需求。Events模塊Events模塊只

15、提供了一個對象：EventEmitter，EventEmitter對象主要是用來觸發(fā)和監(jiān)聽事件。在調(diào)用EventEmitter對象之前，首先需要加載events模塊，然后生成EventEmitter對象，之后通過EventEmitter對象生成對象實例，代碼如下所示。01概述企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）EventEmitter對象包含許多實例方法，使用這些方法可以對事件進行操作02EventEmitter對象企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）03error事件當EventEmitter實例出現(xiàn)異常時，會觸發(fā)一個特殊的“error事件”，用來承載發(fā)生錯誤的語義。04企業(yè)級卓越人才培養(yǎng)（

16、信息類專業(yè)集群）錯誤捕獲程序運行時，錯誤是無法避免的，一旦運行出現(xiàn)錯誤，將造成程序崩潰，無法繼續(xù)執(zhí)行，因此必須對運行時的錯誤加以處理，處理錯誤的過程稱為錯誤捕獲。在Node.js中，可以使用try.catch捕獲程序中拋出的錯誤任務實施任務實施第一步第二步第三步物業(yè)通知界面由頂左側(cè)的導航欄，右側(cè)的通知列表區(qū)域組成，通知列表包含通知編號、標題、時間繳費情況界面由繳費列表組成，分為兩種狀態(tài)：未繳費、已繳費基本信息界面由用戶的各種信息組成，可以進行信息的更改企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務總結(jié)任務技能任務實施任務總結(jié)任務描述 本項目通過對TF物業(yè)系統(tǒng)商品管理界面的學習，了解Buffer處理二

17、進制數(shù)據(jù)的步驟，掌握util模塊工具的使用方法，掌握調(diào)用EventEmitter對象的方法，熟練的使用EventEmitter對象對事件進行操作。企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務總結(jié)Thanks項目四 -TF物業(yè)系統(tǒng)數(shù)據(jù)庫表的建立合作開拓責任企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）目錄01Option here02Option here任務實施任務需求任務總結(jié)03Option here04Option here任務技能任務需求任務需求學習目標學習目標了解process的屬性與方法學習child_process模塊創(chuàng)建子進程掌握函數(shù)的使用方法具有對子進程進行操作的能力學習路徑學習路徑企業(yè)級卓

18、越人才培養(yǎng)（信息類專業(yè)集群）情境導入情境導入功能描述功能描述PRESENT企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）本項目將實現(xiàn)TF物業(yè)系統(tǒng)數(shù)據(jù)庫表的建立。使用process模塊操作當前進程。使用child_process模塊創(chuàng)建子進程。使用util模塊實現(xiàn)對象間原型繼承。任務技能任務技能任務技能01 process02 child_process模塊企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）03 函數(shù)process屬性方法 process對象是一個EventEmitter的實例，其主要作用是與當前進程交互。process對象提供了多種屬性和方法，可獲取當前進程的信息，也可修改當前進程。child_pro

19、cess模塊exec(command, options, callback)方法用于執(zhí)行bash命令spawn(command, args, options)方法用于創(chuàng)建一個子進程來執(zhí)行特定命令，與execFile()方法類似，但沒有回調(diào)函數(shù)，需要通過監(jiān)聽事件獲取結(jié)果send(message, sendHandle, options, callback)方法用于向進程發(fā)送消息，進程通過監(jiān)聽message事件獲取消息fork(modulePath, args, options)方法用于直接執(zhí)行node腳本，參數(shù)為node腳本文件execFile(file, args, options, call

20、back)方法用于直接執(zhí)行特定的程序數(shù) child_process模塊創(chuàng)建子進程的運行結(jié)果儲存在系統(tǒng)緩存之中（最大200KB），在子進程運行結(jié)束后，主進程通過回調(diào)函數(shù)讀取子進程的運行結(jié)果。函數(shù)是由事件驅(qū)動的或者當它被調(diào)用時執(zhí)行的可重復使用的代碼塊。使用函數(shù)可以實現(xiàn)代碼的復用，減少代碼量，提高效率。（1）常規(guī)函數(shù)：直接定義函數(shù)名稱，之后通過“函數(shù)名稱()”直接調(diào)用該函數(shù)，之后運行函數(shù)中的代碼輸出結(jié)果（2）匿名函數(shù)：沒有函數(shù)名稱，不用提前定義，在另一個函數(shù)中直接定義并被調(diào)用（3）回調(diào)函數(shù)：回調(diào)函數(shù)也是一個匿名函數(shù)，不需要函數(shù)名稱，回調(diào)函數(shù)一般使用在事件方法中函數(shù)任務實施任務實施第一步第二步第三步路

21、由配置。在導航組件中，使用路由，通過點擊，跳轉(zhuǎn)到相應的頁面中監(jiān)控系統(tǒng)分為氣、水監(jiān)控，通過選項卡形式分別對兩個系統(tǒng)進行監(jiān)控。監(jiān)控的數(shù)據(jù)通過NgFor指令雙向綁定顯示能源簡介使用ul列表設置導航，通過點擊li元素進行切換。通過員工登錄可以查看到員工哪一時刻登錄。企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務總結(jié)任務技能任務實施任務總結(jié)任務描述 本項目通過對TF物業(yè)系統(tǒng)數(shù)據(jù)庫表的建立學習，對process模塊、child_process模塊、util模塊等相關(guān)知識具有初步的了解，掌握調(diào)用模塊中方法對進程進行操作，掌握三種函數(shù)的使用方法，實現(xiàn)代碼的復用。企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務總結(jié) Than

22、ks項目五 -TF物業(yè)服務端用戶管理功能合作開拓責任企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）目錄01Option here02Option here任務實施任務需求任務總結(jié)03Option here04Option here任務技能任務需求任務需求學習目標學習目標了解fs模塊處理文件學習Stream數(shù)據(jù)流的使用掌握path模塊處理路徑字符串的方法具有使用url模塊對http地址進行解析、處理等操作的能力學習路徑學習路徑企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）情景導入情境導入功能描述功能描述本項目將實現(xiàn)TF物業(yè)服務端用戶管理接口的編寫及功能添加。使用fs模塊操作本地文件使用path模塊處理路徑字符串使用

23、url模塊解析、操作字符串企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務技能任務技能任務技能01 fs模塊02 Stream（數(shù)據(jù)流）03 Path模塊企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）02 url模塊fs模塊01fs模塊企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）fs模塊是一個文件管理模塊，主要用于處理文件的讀寫、復制、刪除、重命名等操作，也可以用于對系統(tǒng)文件夾進行讀寫操作。02文件的讀取企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）使用readFile()、readFileSync()方法進行文件的讀取，其中，異步readFile()方法共有三個參數(shù)，語法格式如下所示。fs.readFile(filename,

24、 encoding ,callback(err,data)同步readFileSync()方法共有二個參數(shù)，語法格式如下所示。fs.readFileSync(filename,encoding)03文件的寫入企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）使用writeFile()、writeFileSync()方法進行文件的寫入，其中，異步writeFile ()方法共有四個參數(shù)，語法格式如下所示。fs.writeFile(filename, data, options, callback(err)同步writeFileSync ()方法共有三個參數(shù)，語法格式如下所示。fs.writeFileSync(

25、filename, data, options)04文件是否存在企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）使用exists()方法可以判斷某個路徑下的文件是否存在。其exists()方法接收兩個參數(shù)，語法格式如下所示。fs.exists(path, callback)StreamStream簡介企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）Stream是Node.js中非常重要的一個模塊，其具備可讀、可寫或既可讀又可寫能力，通過Stream可以實現(xiàn)數(shù)據(jù)從一個地方流動到另一個地方的效果。在Node.js中有包含了四種基本的流類型，具體如下所示。Readable（可讀流）Writeable（可寫流）。Duplex

26、（可讀寫流）。Transform（可被修改和變換數(shù)據(jù)的Duplex流）?？勺x流提供了一種將外部來源（比如文件、文字等）的數(shù)據(jù)讀入到應用程序的機制?？勺x流的一些常見實例如下。客戶端的HTTP響應。服務端的HTTP請求。fs模塊讀取流。子進程的stdout（標準輸出流）和stderr（標準錯誤流）。process.stdin（標準輸入流）。01可讀流企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）可寫流提供了一種將數(shù)據(jù)寫入到目的設備（或內(nèi)存）中的機制?？蓪懥鞯囊恍┏Ｒ妼嵗缦??？蛻舳说腍TTP請求。服務器的HTTP響應。fs模塊寫入流。子進程的stdin（標準輸入流）。process.stdout（標準輸出流

27、）和process.stderr（標準錯誤流）。02可寫流企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）01Path模塊企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）Path模塊提供了許多可被用來整理、轉(zhuǎn)換、合并路徑的方法。02join()方法企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）join()方法可以用于連接路徑字符串，并返回一個結(jié)合而成的路徑。join()方法語法格式如下所示，其參數(shù)值為一個路徑字符串。path.join(path1, path2, .)url模塊url模塊企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）url模塊用于對地址進行解析、處理等操作。使用url模塊前需要先引入（var url= require(u

28、rl)，并且url模塊包含許多方法：url.parse()、url.format()、url.resolve()，作用分別是解析、生成、拼接URL。01url.parse()企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）url.parse()方法可以將一個URL的字符串解析并返回一個URL對象。其接收三個參數(shù)，parse ()方法語法格式如下所示。url.parse(urlStr, boolean1, boolean2)任務實施任務實施第一步第二步第三步創(chuàng)建express框架的node項目并安裝依賴,在routes文件夾中創(chuàng)建admin.js文件,在app.js中進行admin.js文件的配置,編寫接口

29、,登錄功能的添加后臺管理界面管理員頭像信息的獲取后臺管理基本信息界面數(shù)據(jù)的獲取及保存企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務實施第四步第五步第六步后臺管理用戶管理界面功能的添加。用戶信息的修改刪除用戶添加用戶，條件查詢用戶企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務總結(jié)任務技能任務實施任務總結(jié)任務描述本項目通過對TF物業(yè)服務端用戶管理接口的制作，對fs模塊處理文件的方法具有初步了解，對Stream數(shù)據(jù)流的使用有所認識，掌握了Path模塊方法的調(diào)用，熟練使用url模塊的三種方法對URL進行解析、生成、拼接。企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務總結(jié) Thanks項目六 -TF物業(yè)服務端商品管理功能

30、合作開拓責任企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）目錄01Option here02Option here任務實施任務需求任務總結(jié)03Option here04Option here任務技能任務需求任務需求學習目標學習目標了解MongoDB、MySQL數(shù)據(jù)庫環(huán)境的安裝學習對數(shù)據(jù)的增、刪、改、查掌握使用http模塊和url模塊編寫接口具有通過接口訪問Node.js服務器的能力學習路徑學習路徑企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）情景導入情境導入功能描述功能描述本項目將實現(xiàn)TF物業(yè)服務端商品管理接口編寫及功能添加。使用MongoDB數(shù)據(jù)庫進行數(shù)據(jù)存儲。使用MySQL數(shù)據(jù)庫進行數(shù)據(jù)存儲。使用http模塊

31、實現(xiàn)數(shù)據(jù)的傳遞。企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務技能任務技能任務技能01 MongoDB數(shù)據(jù)庫02 MySQL數(shù)據(jù)庫03 HTTP服務企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）MongoDB數(shù)據(jù)庫MongoDB是目前最流行的NoSQL數(shù)據(jù)庫之一,安裝步驟如下:第一步：創(chuàng)建package.json文件，加入MongoDB的依賴包：第二步：打開命令窗口，切換到項目路徑下，輸入以下命令安裝依賴包：npm install第三步：安裝MongoDB環(huán)境npm install mongodb第四步：進行MongoDB數(shù)據(jù)庫的使用MongoDB數(shù)據(jù)庫企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）MySQL數(shù)據(jù)庫My

32、SQL 是最流行的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)之一，安裝步驟如下：第一步：打開命令窗口，npm install安裝依賴包：第二步：安裝MySQL環(huán)境，輸入以下命令進行環(huán)境安裝：npm install mysql第三步：進行MySQL數(shù)據(jù)庫的使用01企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）HTTP服務主要用來實現(xiàn)Node服務器的搭建，之后通過接口訪問Node服務器進行數(shù)據(jù)的獲取。使用http模塊搭建服務器代碼如下所示。01企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）url模塊進行路徑的解析，得到url對象中的pathname屬性值，通過判斷進行接口的驗證，當存在該屬性值時，進入對應的方法進行數(shù)據(jù)庫的操作。使用htt

33、p模塊進行數(shù)據(jù)的輸入，可以將數(shù)據(jù)返回給瀏覽器02編寫接口企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）通過接口訪問服務器，之后服務器連接MongoDB數(shù)據(jù)庫，并通過條件進行數(shù)據(jù)的查詢顯示在瀏覽器上03訪問MongoDB數(shù)據(jù)庫企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）連接MySQL數(shù)據(jù)庫，并通過條件進行數(shù)據(jù)的查詢顯示在瀏覽器上04訪問MySQL數(shù)據(jù)庫企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務實施任務實施第一步第二步第三步在routes文件夾中創(chuàng)建goods.js文件并在app.js中進行g(shù)oods.js文件的配置，編寫存放商品的接口，包含功能商品信息的獲取、添加、修改、刪除和條件查詢在usergoods.js文件

34、編寫存放用戶購買商品的接口，添加后臺管理商品訂單模塊功能在message.js文件編寫存放管理員發(fā)布消息的接口，包含消息的查看、刪除、增加和查看消息詳情企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務總結(jié)任務技能任務實施任務總結(jié)任務描述本項目通過TF物業(yè)服務端商品管理接口的編寫及功能添加，對MongoDB數(shù)據(jù)庫環(huán)境的安裝具有初步了解，對數(shù)據(jù)的增、刪、改、查有所認識，同時掌握了使用使用http模塊和url模塊編寫接口，并具有通過接口訪問Node服務器的本領。企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務總結(jié) Thanks項目七 -TF物業(yè)服務端繳費管理功能合作開拓責任企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）目錄0

35、1Option here02Option here任務實施任務需求任務總結(jié)03Option here04Option here任務技能任務需求任務需求學習目標學習目標了解Express框架的簡介與安裝。學習創(chuàng)建Express框架項目。掌握路由的使用方法。具有在項目中使用數(shù)據(jù)庫或本地資源的能力。學習路徑學習路徑企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）情景導入情境導入功能描述功能描述本項目將實現(xiàn)TF物業(yè)服務端繳費管理接口的編寫及功能添加。使用express框架開發(fā)Node.js服務使用路由進行Node.js接口的編寫搭建靜態(tài)資源服務器實現(xiàn)外部訪問本地文件企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務技能任務

36、技能任務技能01 Express 企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）Express Express框架是一個基于 Node.js 平臺的極簡、靈活、目前最穩(wěn)定、使用最廣泛的web 應用開發(fā)框架01Express簡介企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）第一步：安裝Node.js。第二步：打開命令窗口，npm init創(chuàng)建package.json文件第三步：安裝Express依賴：npm install express -save在Node項目中使用Express框架：第一步：安裝Express：npm install express-generator g第二步：創(chuàng)建Express項目并安裝依

37、賴第三步：使用數(shù)據(jù)庫第四步：啟動服務器02Express安裝企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）是由一個 URI（路徑）和一個特定的 HTTP 方法（GET、POST 等）組成的，路由的定義由如下結(jié)構(gòu)組成：app.METHOD(path, HANDLER)在項目中定義路由代碼如下：03 路由企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）在項目中使用MongoDB數(shù)據(jù)庫步驟如下：第一步：安裝MongoDB數(shù)據(jù)庫并安裝依賴第二步：在package.json 文件中安裝數(shù)據(jù)庫第三步：運行npm install命令重新安裝依賴第四步：在routes文件下的 index.js中進行數(shù)據(jù)庫查詢代碼編寫第五步：切換到

38、命令窗口，啟動服務器第六步：在瀏覽器通過路徑訪問接口04數(shù)據(jù)庫使用企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）Express除了可以通過服務器進行數(shù)據(jù)庫的訪問之外，還可以對本地資源進行訪問，有直接訪問和間接訪問，代碼如下：app.use(express.static(public);/直接訪問app.use(/間接名稱, express.static(public);/ 間接訪問05靜態(tài)資源企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務實施任務實施第一步第二步第三步在userspayment.js文件編寫存放用戶繳費的相關(guān)接口，繳費信息獲取繳費信息的添加繳費情況查看。企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務實施第四步第五步第六步在repair.js文件編寫存放報修列表的相關(guān)接口，報修信息的獲取接受報修接受報修企業(yè)級卓越人才培養(yǎng)（信息類專業(yè)集群）任務總結(jié)任務技能任務實施任務總結(jié)任務描述本項目通過對TF物業(yè)服務端繳費管理功能的學習，對Express框架的安裝具有初步了解，對使用路由響應客戶端對某個網(wǎng)站節(jié)點的訪問有所認識，能夠熟練在項目中使用數(shù)據(jù)庫或本地資源調(diào)取數(shù)據(jù)。