1、項(xiàng)目一 -TF物業(yè)系統(tǒng)客戶端界面合作開拓責(zé)任目錄01Option here02Option here任務(wù)實(shí)施任務(wù)需求任務(wù)總結(jié)03Option here04Option here任務(wù)技能任務(wù)需求任務(wù)需求學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo)了解什么是Node.js學(xué)習(xí)Node.js的優(yōu)勢(shì)掌握Node.js的使用具有使用WebStorm調(diào)試Node.js的能力學(xué)習(xí)路徑學(xué)習(xí)路徑情境導(dǎo)入情境導(dǎo)入功能描述功能描述PRESENT 本項(xiàng)目將實(shí)現(xiàn)TF物業(yè)系統(tǒng)客戶端界面使用WebStorm啟動(dòng)Node.js服務(wù)使用微信小程序語言開發(fā)客戶端頁面使用Node.js進(jìn)行交互任務(wù)技能任務(wù)技能任務(wù)技能01 Node.js概述02 Node.j

2、s應(yīng)用03 使用WebStorm調(diào)試Node.jsNode.js簡介Node.js概述Node.js具有特點(diǎn)如下：是一個(gè)命令行工具利用V8引擎擁有子進(jìn)程，在同一時(shí)間可以做多個(gè)事情是基于事件的，類似Ajax的工作都可以在服務(wù)器端完成瀏覽器和服務(wù)器端之間共享代碼方便與數(shù)據(jù)庫連接Node.js優(yōu)勢(shì)單線程模式非阻塞I/O輕量高效事件驅(qū)動(dòng)、異步編程為什么學(xué)習(xí)Node.js選擇Node.js理由相較于其他開發(fā)語言，更容易配置可在服務(wù)器和客戶端使用相同的語言單線程事件驅(qū)動(dòng)系統(tǒng)通過NPM可訪問的軟件包不斷增加適合原型設(shè)計(jì)，敏捷開發(fā)和快速產(chǎn)品迭代適合具有大量并發(fā)連接的應(yīng)用程序Node.js的應(yīng)用場(chǎng)景高度事件驅(qū)動(dòng)

3、的應(yīng)用程序和嚴(yán)重的I/O限制處理大量與其他系統(tǒng)連接的應(yīng)用程序即時(shí)應(yīng)用程序高流量，可擴(kuò)展的應(yīng)用建立網(wǎng)絡(luò)應(yīng)用程序010203040506使用listen()方法監(jiān)聽3000端口輸入“node HelloNode.js”命令啟動(dòng)服務(wù)打開瀏覽器訪問 :3000/創(chuàng)建HelloNode.js文件引入 http 模塊創(chuàng)建服務(wù)器123Node.js應(yīng)用使用WebStorm調(diào)試Node.js第一步：下載WebStorm代碼編輯器。第二步：安裝Node。第三步：打開WebStorm，點(diǎn)擊File之后點(diǎn)擊Settings進(jìn)入設(shè)置界面。第四步：在設(shè)置界面輸入Node進(jìn)行查找。第五步：配置Node interpret

4、er。第六步：配置Node interpreter之后點(diǎn)擊“OK”按鈕進(jìn)行確定。01第七步：點(diǎn)擊“Run”之后點(diǎn)擊“Debug”02第八步：點(diǎn)擊如圖所示按鈕，進(jìn)行項(xiàng)目配置，之后點(diǎn)擊“Apply”進(jìn)行確定。03任務(wù)實(shí)施任務(wù)實(shí)施第一步第二步第三步登錄界面由上部的微信小程序圖標(biāo)，下部的輸入?yún)^(qū)域組成主界面由頂部的輪播圖，中部的服務(wù)區(qū)域，底部的功能區(qū)域組成送水界面由上部的物品列表，底部的價(jià)錢合計(jì)和確認(rèn)按鈕組成，其中物品列表包含物品圖片、名稱、價(jià)格、銷售量任務(wù)總結(jié)任務(wù)技能任務(wù)實(shí)施任務(wù)總結(jié)任務(wù)描述 本項(xiàng)目通過TF物業(yè)系統(tǒng)客戶端界面的學(xué)習(xí)，能夠?qū)ode.js有所認(rèn)識(shí)，對(duì)Node.js的優(yōu)勢(shì)具有初步了解并能夠

5、創(chuàng)建Node.js項(xiàng)目，同時(shí)掌握使用WebStorm調(diào)試Node.js的本領(lǐng)。任務(wù)總結(jié) Thanks項(xiàng)目二 -TF物業(yè)系統(tǒng)用戶管理界面合作開拓責(zé)任目錄01Option here02Option here任務(wù)實(shí)施任務(wù)需求任務(wù)總結(jié)03Option here04Option here任務(wù)技能任務(wù)需求任務(wù)需求學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo)了解REPL調(diào)試代碼的方法學(xué)習(xí)使用console模塊打印信息掌握timer模塊的三種實(shí)現(xiàn)方式具有使用模塊優(yōu)化項(xiàng)目的能力學(xué)習(xí)路徑學(xué)習(xí)路徑情境導(dǎo)入情境導(dǎo)入功能描述功能描述PRESENT本項(xiàng)目將實(shí)現(xiàn)TF物業(yè)系統(tǒng)用戶管理界面。使用REPL進(jìn)行命令窗口操作。使用定時(shí)器進(jìn)行業(yè)務(wù)的排序。使用Bo

6、otstrap進(jìn)行服務(wù)器端頁面的開發(fā)。任務(wù)技能任務(wù)技能任務(wù)技能01 REPL02 console模塊03 Timer模塊04 模塊化REPLREPL為運(yùn)行JavaScript腳本與查看運(yùn)行結(jié)果提供了一種交互方式，即可以在終端中輸入命令，之后接收系統(tǒng)的返回信息。可實(shí)現(xiàn)如下功能：讀取用戶輸入，解析輸入的JavaScript 數(shù)據(jù)結(jié)構(gòu)并存儲(chǔ)在內(nèi)存中執(zhí)行輸入的數(shù)據(jù)結(jié)構(gòu)輸出結(jié)果循環(huán)操作讀取執(zhí)行操作輸入的步驟直到用戶進(jìn)行退出操作。Node.js的交互式解釋器可以很好的調(diào)試Node.js代碼，其具有直接運(yùn)算、變量運(yùn)算、表達(dá)式運(yùn)算等多種調(diào)試方式。直接運(yùn)算變量運(yùn)算多行表達(dá)式運(yùn)算console模塊 在編寫Node

7、.js項(xiàng)目代碼時(shí)，為了更好地監(jiān)測(cè)程序代碼的運(yùn)行情況，經(jīng)常需要在控制臺(tái)或命令窗口進(jìn)行一些信息的輸出。Node.js的console（控制臺(tái)）模塊提供了一個(gè)簡單的調(diào)試控制臺(tái)，可以方便、快速地進(jìn)行查找、定位信息。主要用于執(zhí)行對(duì)工作的延遲，通過“setTimeout(callback, delay, args)”實(shí)現(xiàn)，其中callback為回調(diào)函數(shù)；delay為毫秒數(shù)；args為回調(diào)函數(shù)傳入的可選參數(shù)。當(dāng)給超時(shí)定時(shí)器函數(shù)命名后，可以使用“clearTimeout(Timeout)”（Timeout為 setTimeout ()返回的對(duì)象）銷毀超時(shí)定時(shí)器。01超時(shí)定時(shí)器Timer模塊主要用于對(duì)工作的定期

8、執(zhí)行，通過“setInterval (callback, delay, args)”實(shí)現(xiàn)。當(dāng)給時(shí)間間隔定時(shí)器函數(shù)命名后，可以使用“clearInterval(Timeout)”（Timeout為setInterval()返回的對(duì)象）銷毀時(shí)間間隔定時(shí)器。02時(shí)間間隔定時(shí)器主要用于執(zhí)行對(duì)工作的延遲，通過“setImmediate(callback,args)”實(shí)現(xiàn)。當(dāng)給即時(shí)定時(shí)器函數(shù)命名后，可以使用“clearImmediate(immediate)”（immediate為setImmediate()返回的對(duì)象）銷毀即時(shí)定時(shí)器。03即時(shí)定時(shí)器模塊化Node.js使用模塊來管理不同的.js文件。No

9、de.js的應(yīng)用允許多個(gè)模塊同時(shí)存在，這些模塊被分為核心模塊和文件模塊。概述核心模塊主要內(nèi)容包括：（1）全局對(duì)象（2）常用工具（3）事件機(jī)制（4）文件系統(tǒng)訪問（5）HTTP 服務(wù)器與客戶端. 文件模塊指.js文件、.json文件或者是.node文件。在文件模塊中，可以自定義一些內(nèi)容、方法等，在另一個(gè)文件中可通過“require”引入。文件模塊任務(wù)實(shí)施任務(wù)實(shí)施第一步第二步第三步登錄界面由背景圖片和中間的輸入?yún)^(qū)域組成商品管理界面由左側(cè)的導(dǎo)航欄，右側(cè)的商品列表區(qū)域組成，其中商品列表包含商品圖片、名稱、價(jià)格、銷售量維修界面由報(bào)修列表組成，分為三種狀態(tài)：未接受、未完成、已完成任務(wù)總結(jié)任務(wù)技能任務(wù)實(shí)施任務(wù)

10、總結(jié)任務(wù)描述 本項(xiàng)目通過對(duì)TF物業(yè)系統(tǒng)用戶管理界面的學(xué)習(xí)，對(duì)使用交互式解釋器調(diào)試代碼具有初步了解，對(duì)console模塊打印信息有所認(rèn)識(shí)，同時(shí)掌握了timer模塊的三種實(shí)現(xiàn)方式及使用模塊優(yōu)化項(xiàng)目的能力。任務(wù)總結(jié) Thanks項(xiàng)目三 -TF物業(yè)系統(tǒng)商品管理界面合作開拓責(zé)任目錄01Option here02Option here任務(wù)實(shí)施任務(wù)需求任務(wù)總結(jié)03Option here04Option here任務(wù)技能任務(wù)需求任務(wù)需求學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo)了解Buffer如何處理二進(jìn)制數(shù)據(jù)學(xué)習(xí)util模塊工具的使用方法掌握EventEmitter對(duì)象的調(diào)用具有使用EventEmitter對(duì)象對(duì)事件進(jìn)行操作的能力學(xué)

11、習(xí)路徑學(xué)習(xí)路徑情境導(dǎo)入情境導(dǎo)入功能描述功能描述PRESENT本項(xiàng)目將實(shí)現(xiàn)TF物業(yè)系統(tǒng)商品管理界面。使用Buffer類進(jìn)行字符串的存儲(chǔ)。使用events模塊完成事件的監(jiān)聽和觸發(fā)。使用try.catch方法進(jìn)行異常或錯(cuò)誤的拋出來使程序一直運(yùn)行。任務(wù)技能任務(wù)技能任務(wù)技能01 Buffer02 util模塊Events模塊BufferBuffer用來創(chuàng)建存儲(chǔ)二進(jìn)制數(shù)據(jù)的緩存區(qū)。創(chuàng)建緩存區(qū)代碼如下所示。簡介01寫入數(shù)據(jù)string為要寫入的字符串；offset為開始寫入string前要跳過的字節(jié)數(shù)；length為要寫入的字節(jié)數(shù)；encoding為string的字符編碼。02讀取數(shù)據(jù)encoding為編碼

12、格式；start為開始位置的索引；end為結(jié)束位置索引。03轉(zhuǎn)換Buffer類可以通過“.toJSON()”方法將數(shù)據(jù)轉(zhuǎn)換成json對(duì)象并返回轉(zhuǎn)換后的結(jié)果。Buffer提供了多種方法，可以對(duì)緩沖區(qū)進(jìn)行操作，如：在緩存區(qū)寫入數(shù)據(jù)、讀取數(shù)據(jù)、將數(shù)據(jù)轉(zhuǎn)換成JSON格式等util模塊inherits()方法用于實(shí)現(xiàn)對(duì)象間原型的繼承，通過將父類原型鏈上的方法復(fù)制到子類中實(shí)現(xiàn)原型的繼承. isArray()方法用于判斷參數(shù)是否是一個(gè)數(shù)組，是數(shù)組則返回true，不是則返回falseisDate()方法用于判斷參數(shù)是否是日期類型，是數(shù)組則返回true，不是則返回false. isRegExp()方法用于判斷參

13、數(shù)是否是一個(gè)正則表達(dá)式，是則返回true，不是則返回falseinspect()方法用于將任意對(duì)象轉(zhuǎn)換為字符串的函數(shù)，通常用于調(diào)試和錯(cuò)誤輸出。該方法接收的參數(shù)是一個(gè)對(duì)象util是Node.js的工具模塊，主要作用是提供常用函數(shù)的集合。其提供了多種常用工具，如：實(shí)現(xiàn)對(duì)象繼承、將對(duì)象格式化為字符串等，可以滿足Node.js內(nèi)部API的需求。Events模塊Events模塊只提供了一個(gè)對(duì)象：EventEmitter，EventEmitter對(duì)象主要是用來觸發(fā)和監(jiān)聽事件。在調(diào)用EventEmitter對(duì)象之前，首先需要加載events模塊，然后生成EventEmitter對(duì)象，之后通過EventEmi

14、tter對(duì)象生成對(duì)象實(shí)例，代碼如下所示。01概述EventEmitter對(duì)象包含許多實(shí)例方法，使用這些方法可以對(duì)事件進(jìn)行操作02EventEmitter對(duì)象03error事件當(dāng)EventEmitter實(shí)例出現(xiàn)異常時(shí)，會(huì)觸發(fā)一個(gè)特殊的“error事件”，用來承載發(fā)生錯(cuò)誤的語義。04錯(cuò)誤捕獲程序運(yùn)行時(shí)，錯(cuò)誤是無法避免的，一旦運(yùn)行出現(xiàn)錯(cuò)誤，將造成程序崩潰，無法繼續(xù)執(zhí)行，因此必須對(duì)運(yùn)行時(shí)的錯(cuò)誤加以處理，處理錯(cuò)誤的過程稱為錯(cuò)誤捕獲。在Node.js中，可以使用try.catch捕獲程序中拋出的錯(cuò)誤任務(wù)實(shí)施任務(wù)實(shí)施第一步第二步第三步物業(yè)通知界面由頂左側(cè)的導(dǎo)航欄，右側(cè)的通知列表區(qū)域組成，通知列表包含通知編號(hào)

15、、標(biāo)題、時(shí)間繳費(fèi)情況界面由繳費(fèi)列表組成，分為兩種狀態(tài)：未繳費(fèi)、已繳費(fèi)基本信息界面由用戶的各種信息組成，可以進(jìn)行信息的更改任務(wù)總結(jié)任務(wù)技能任務(wù)實(shí)施任務(wù)總結(jié)任務(wù)描述 本項(xiàng)目通過對(duì)TF物業(yè)系統(tǒng)商品管理界面的學(xué)習(xí)，了解Buffer處理二進(jìn)制數(shù)據(jù)的步驟，掌握util模塊工具的使用方法，掌握調(diào)用EventEmitter對(duì)象的方法，熟練的使用EventEmitter對(duì)象對(duì)事件進(jìn)行操作。任務(wù)總結(jié)Thanks項(xiàng)目四 -TF物業(yè)系統(tǒng)數(shù)據(jù)庫表的建立合作開拓責(zé)任目錄01Option here02Option here任務(wù)實(shí)施任務(wù)需求任務(wù)總結(jié)03Option here04Option here任務(wù)技能任務(wù)需求任務(wù)需求學(xué)

16、習(xí)目標(biāo)學(xué)習(xí)目標(biāo)了解process的屬性與方法學(xué)習(xí)child_process模塊創(chuàng)建子進(jìn)程掌握函數(shù)的使用方法具有對(duì)子進(jìn)程進(jìn)行操作的能力學(xué)習(xí)路徑學(xué)習(xí)路徑情境導(dǎo)入情境導(dǎo)入功能描述功能描述PRESENT本項(xiàng)目將實(shí)現(xiàn)TF物業(yè)系統(tǒng)數(shù)據(jù)庫表的建立。使用process模塊操作當(dāng)前進(jìn)程。使用child_process模塊創(chuàng)建子進(jìn)程。使用util模塊實(shí)現(xiàn)對(duì)象間原型繼承。任務(wù)技能任務(wù)技能任務(wù)技能01 process02 child_process模塊03 函數(shù)process屬性方法 process對(duì)象是一個(gè)EventEmitter的實(shí)例，其主要作用是與當(dāng)前進(jìn)程交互。process對(duì)象提供了多種屬性和方法，可獲取當(dāng)前

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

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

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

20、務(wù)端用戶管理功能合作開拓責(zé)任目錄01Option here02Option here任務(wù)實(shí)施任務(wù)需求任務(wù)總結(jié)03Option here04Option here任務(wù)技能任務(wù)需求任務(wù)需求學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo)了解fs模塊處理文件學(xué)習(xí)Stream數(shù)據(jù)流的使用掌握path模塊處理路徑字符串的方法具有使用url模塊對(duì)http地址進(jìn)行解析、處理等操作的能力學(xué)習(xí)路徑學(xué)習(xí)路徑情景導(dǎo)入情境導(dǎo)入功能描述功能描述本項(xiàng)目將實(shí)現(xiàn)TF物業(yè)服務(wù)端用戶管理接口的編寫及功能添加。使用fs模塊操作本地文件使用path模塊處理路徑字符串使用url模塊解析、操作字符串任務(wù)技能任務(wù)技能任務(wù)技能01 fs模塊02 Stream（數(shù)據(jù)流）03

21、 Path模塊02 url模塊fs模塊01fs模塊fs模塊是一個(gè)文件管理模塊，主要用于處理文件的讀寫、復(fù)制、刪除、重命名等操作，也可以用于對(duì)系統(tǒng)文件夾進(jìn)行讀寫操作。02文件的讀取使用readFile()、readFileSync()方法進(jìn)行文件的讀取，其中，異步readFile()方法共有三個(gè)參數(shù)，語法格式如下所示。fs.readFile(filename, encoding ,callback(err,data)同步readFileSync()方法共有二個(gè)參數(shù)，語法格式如下所示。fs.readFileSync(filename,encoding)03文件的寫入使用writeFile()、wr

22、iteFileSync()方法進(jìn)行文件的寫入，其中，異步writeFile ()方法共有四個(gè)參數(shù)，語法格式如下所示。fs.writeFile(filename, data, options, callback(err)同步writeFileSync ()方法共有三個(gè)參數(shù)，語法格式如下所示。fs.writeFileSync(filename, data, options)04文件是否存在使用exists()方法可以判斷某個(gè)路徑下的文件是否存在。其exists()方法接收兩個(gè)參數(shù)，語法格式如下所示。fs.exists(path, callback)StreamStream簡介Stream是Node

23、.js中非常重要的一個(gè)模塊，其具備可讀、可寫或既可讀又可寫能力，通過Stream可以實(shí)現(xiàn)數(shù)據(jù)從一個(gè)地方流動(dòng)到另一個(gè)地方的效果。在Node.js中有包含了四種基本的流類型，具體如下所示。Readable（可讀流）Writeable（可寫流）。Duplex（可讀寫流）。Transform（可被修改和變換數(shù)據(jù)的Duplex流）。可讀流提供了一種將外部來源（比如文件、文字等）的數(shù)據(jù)讀入到應(yīng)用程序的機(jī)制。可讀流的一些常見實(shí)例如下。客戶端的HTTP響應(yīng)。服務(wù)端的HTTP請(qǐng)求。fs模塊讀取流。子進(jìn)程的stdout（標(biāo)準(zhǔn)輸出流）和stderr（標(biāo)準(zhǔn)錯(cuò)誤流）。process.stdin（標(biāo)準(zhǔn)輸入流）。01可讀流

24、可寫流提供了一種將數(shù)據(jù)寫入到目的設(shè)備（或內(nèi)存）中的機(jī)制。可寫流的一些常見實(shí)例如下。客戶端的HTTP請(qǐng)求。服務(wù)器的HTTP響應(yīng)。fs模塊寫入流。子進(jìn)程的stdin（標(biāo)準(zhǔn)輸入流）。process.stdout（標(biāo)準(zhǔn)輸出流）和process.stderr（標(biāo)準(zhǔn)錯(cuò)誤流）。02可寫流01Path模塊Path模塊提供了許多可被用來整理、轉(zhuǎn)換、合并路徑的方法。02join()方法join()方法可以用于連接路徑字符串，并返回一個(gè)結(jié)合而成的路徑。join()方法語法格式如下所示，其參數(shù)值為一個(gè)路徑字符串。path.join(path1, path2, .)url模塊url模塊url模塊用于對(duì)地址進(jìn)行解析、處理

25、等操作。使用url模塊前需要先引入（var url= require(url)，并且url模塊包含許多方法：url.parse()、url.format()、url.resolve()，作用分別是解析、生成、拼接URL。01url.parse()url.parse()方法可以將一個(gè)URL的字符串解析并返回一個(gè)URL對(duì)象。其接收三個(gè)參數(shù)，parse ()方法語法格式如下所示。url.parse(urlStr, boolean1, boolean2)任務(wù)實(shí)施任務(wù)實(shí)施第一步第二步第三步創(chuàng)建express框架的node項(xiàng)目并安裝依賴,在routes文件夾中創(chuàng)建admin.js文件,在app.js中進(jìn)行

26、admin.js文件的配置,編寫接口,登錄功能的添加后臺(tái)管理界面管理員頭像信息的獲取后臺(tái)管理基本信息界面數(shù)據(jù)的獲取及保存任務(wù)實(shí)施第四步第五步第六步后臺(tái)管理用戶管理界面功能的添加。用戶信息的修改刪除用戶添加用戶，條件查詢用戶任務(wù)總結(jié)任務(wù)技能任務(wù)實(shí)施任務(wù)總結(jié)任務(wù)描述本項(xiàng)目通過對(duì)TF物業(yè)服務(wù)端用戶管理接口的制作，對(duì)fs模塊處理文件的方法具有初步了解，對(duì)Stream數(shù)據(jù)流的使用有所認(rèn)識(shí)，掌握了Path模塊方法的調(diào)用，熟練使用url模塊的三種方法對(duì)URL進(jìn)行解析、生成、拼接。任務(wù)總結(jié) Thanks項(xiàng)目六 -TF物業(yè)服務(wù)端商品管理功能合作開拓責(zé)任目錄01Option here02Option here任務(wù)

27、實(shí)施任務(wù)需求任務(wù)總結(jié)03Option here04Option here任務(wù)技能任務(wù)需求任務(wù)需求學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo)了解MongoDB、MySQL數(shù)據(jù)庫環(huán)境的安裝學(xué)習(xí)對(duì)數(shù)據(jù)的增、刪、改、查掌握使用http模塊和url模塊編寫接口具有通過接口訪問Node.js服務(wù)器的能力學(xué)習(xí)路徑學(xué)習(xí)路徑情景導(dǎo)入情境導(dǎo)入功能描述功能描述本項(xiàng)目將實(shí)現(xiàn)TF物業(yè)服務(wù)端商品管理接口編寫及功能添加。使用MongoDB數(shù)據(jù)庫進(jìn)行數(shù)據(jù)存儲(chǔ)。使用MySQL數(shù)據(jù)庫進(jìn)行數(shù)據(jù)存儲(chǔ)。使用http模塊實(shí)現(xiàn)數(shù)據(jù)的傳遞。任務(wù)技能任務(wù)技能任務(wù)技能01 MongoDB數(shù)據(jù)庫02 MySQL數(shù)據(jù)庫03 HTTP服務(wù)MongoDB數(shù)據(jù)庫MongoDB是目

28、前最流行的NoSQL數(shù)據(jù)庫之一,安裝步驟如下:第一步：創(chuàng)建package.json文件，加入MongoDB的依賴包：第二步：打開命令窗口，切換到項(xiàng)目路徑下，輸入以下命令安裝依賴包：npm install第三步：安裝MongoDB環(huán)境npm install mongodb第四步：進(jìn)行MongoDB數(shù)據(jù)庫的使用MongoDB數(shù)據(jù)庫MySQL數(shù)據(jù)庫MySQL 是最流行的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)之一，安裝步驟如下：第一步：打開命令窗口，npm install安裝依賴包：第二步：安裝MySQL環(huán)境，輸入以下命令進(jìn)行環(huán)境安裝：npm install mysql第三步：進(jìn)行MySQL數(shù)據(jù)庫的使用01HTTP服務(wù)

29、主要用來實(shí)現(xiàn)Node服務(wù)器的搭建，之后通過接口訪問Node服務(wù)器進(jìn)行數(shù)據(jù)的獲取。使用http模塊搭建服務(wù)器代碼如下所示。01url模塊進(jìn)行路徑的解析，得到url對(duì)象中的pathname屬性值，通過判斷進(jìn)行接口的驗(yàn)證，當(dāng)存在該屬性值時(shí)，進(jìn)入對(duì)應(yīng)的方法進(jìn)行數(shù)據(jù)庫的操作。使用http模塊進(jìn)行數(shù)據(jù)的輸入，可以將數(shù)據(jù)返回給瀏覽器02編寫接口通過接口訪問服務(wù)器，之后服務(wù)器連接MongoDB數(shù)據(jù)庫，并通過條件進(jìn)行數(shù)據(jù)的查詢顯示在瀏覽器上03訪問MongoDB數(shù)據(jù)庫連接MySQL數(shù)據(jù)庫，并通過條件進(jìn)行數(shù)據(jù)的查詢顯示在瀏覽器上04訪問MySQL數(shù)據(jù)庫任務(wù)實(shí)施任務(wù)實(shí)施第一步第二步第三步在routes文件夾中創(chuàng)建g

30、oods.js文件并在app.js中進(jìn)行g(shù)oods.js文件的配置，編寫存放商品的接口，包含功能商品信息的獲取、添加、修改、刪除和條件查詢?cè)趗sergoods.js文件編寫存放用戶購買商品的接口，添加后臺(tái)管理商品訂單模塊功能在message.js文件編寫存放管理員發(fā)布消息的接口，包含消息的查看、刪除、增加和查看消息詳情任務(wù)總結(jié)任務(wù)技能任務(wù)實(shí)施任務(wù)總結(jié)任務(wù)描述本項(xiàng)目通過TF物業(yè)服務(wù)端商品管理接口的編寫及功能添加，對(duì)MongoDB數(shù)據(jù)庫環(huán)境的安裝具有初步了解，對(duì)數(shù)據(jù)的增、刪、改、查有所認(rèn)識(shí)，同時(shí)掌握了使用使用http模塊和url模塊編寫接口，并具有通過接口訪問Node服務(wù)器的本領(lǐng)。任務(wù)總結(jié) Tha

31、nks項(xiàng)目七 -TF物業(yè)服務(wù)端繳費(fèi)管理功能合作開拓責(zé)任目錄01Option here02Option here任務(wù)實(shí)施任務(wù)需求任務(wù)總結(jié)03Option here04Option here任務(wù)技能任務(wù)需求任務(wù)需求學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo)了解Express框架的簡介與安裝。學(xué)習(xí)創(chuàng)建Express框架項(xiàng)目。掌握路由的使用方法。具有在項(xiàng)目中使用數(shù)據(jù)庫或本地資源的能力。學(xué)習(xí)路徑學(xué)習(xí)路徑情景導(dǎo)入情境導(dǎo)入功能描述功能描述本項(xiàng)目將實(shí)現(xiàn)TF物業(yè)服務(wù)端繳費(fèi)管理接口的編寫及功能添加。使用express框架開發(fā)Node.js服務(wù)使用路由進(jìn)行Node.js接口的編寫搭建靜態(tài)資源服務(wù)器實(shí)現(xiàn)外部訪問本地文件任務(wù)技能任務(wù)技能任務(wù)技能

32、01 Express Express Express框架是一個(gè)基于 Node.js 平臺(tái)的極簡、靈活、目前最穩(wěn)定、使用最廣泛的web 應(yīng)用開發(fā)框架01Express簡介第一步：安裝Node.js。第二步：打開命令窗口，npm init創(chuàng)建package.json文件第三步：安裝Express依賴：npm install express -save在Node項(xiàng)目中使用Express框架：第一步：安裝Express：npm install express-generator g第二步：創(chuàng)建Express項(xiàng)目并安裝依賴第三步：使用數(shù)據(jù)庫第四步：啟動(dòng)服務(wù)器02Express安裝是由一個(gè) URI（路徑）

33、和一個(gè)特定的 HTTP 方法（GET、POST 等）組成的，路由的定義由如下結(jié)構(gòu)組成：app.METHOD(path, HANDLER)在項(xiàng)目中定義路由代碼如下：03 路由在項(xiàng)目中使用MongoDB數(shù)據(jù)庫步驟如下：第一步：安裝MongoDB數(shù)據(jù)庫并安裝依賴第二步：在package.json 文件中安裝數(shù)據(jù)庫第三步：運(yùn)行npm install命令重新安裝依賴第四步：在routes文件下的 index.js中進(jìn)行數(shù)據(jù)庫查詢代碼編寫第五步：切換到命令窗口，啟動(dòng)服務(wù)器第六步：在瀏覽器通過路徑訪問接口04數(shù)據(jù)庫使用Express除了可以通過服務(wù)器進(jìn)行數(shù)據(jù)庫的訪問之外，還可以對(duì)本地資源進(jìn)行訪問，有直接訪問和間接訪問，代碼如下：app.use(express.static(public);/直接訪問app.use(/間接名稱, express.static(public);/ 間接訪問05靜態(tài)資源任務(wù)實(shí)施任務(wù)實(shí)施第一步第二步第三步在userspayment.js文件編寫存放用戶繳費(fèi)的相關(guān)接口，繳費(fèi)信息獲取繳費(fèi)信息的添加繳費(fèi)情況查看。任務(wù)實(shí)施第四步第五步第六步在repair.js文件編寫存放報(bào)修列表的相關(guān)接口，報(bào)修信息的獲取接受報(bào)修接受報(bào)修任務(wù)總結(jié)任務(wù)技能任務(wù)實(shí)施任務(wù)總結(jié)任務(wù)描述本項(xiàng)目通過對(duì)TF物業(yè)服務(wù)端繳費(fèi)