《Node js項(xiàng)目實(shí)戰(zhàn)》01TF物業(yè)系統(tǒng)客戶端界面

項(xiàng)目一--TF物業(yè)系統(tǒng)客戶端界面合作開拓責(zé)任企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）目錄01Optionhere02Optionhere任務(wù)實(shí)施任務(wù)需求任務(wù)總結(jié)03Optionhere04Optionhere任務(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í)路徑企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）情境導(dǎo)入情境導(dǎo)入功能描述功能描述PRESENT企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）

本項(xiàng)目將實(shí)現(xiàn)TF物業(yè)系統(tǒng)客戶端界面使用WebStorm啟動(dòng)Node.js服務(wù)使用微信小程序語言開發(fā)客戶端頁面使用Node.js進(jìn)行交互任務(wù)技能任務(wù)技能任務(wù)技能01Node.js概述02Node.js應(yīng)用03使用WebStorm調(diào)試Node.js企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）Node.js簡(jiǎn)介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)的應(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端口輸入“nodeHelloNode.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)行查找。第五步：配置Nodeinterpreter。第六步：配置Nodeinterpreter之后點(diǎn)擊“OK”按鈕進(jìn)行確定。01企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）第七步：點(diǎn)擊“Run”之后點(diǎn)擊“Debug”02企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）第八步：點(diǎn)擊如圖所示按鈕，進(jìn)行項(xiàng)目配置，之后點(diǎn)擊“Apply”進(jìn)行確定。03企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）任務(wù)實(shí)施任務(wù)實(shí)施第一步第二步第三步登錄界面由上部的微信小程序圖標(biāo)，下部的輸入?yún)^(qū)域組成主界面由頂部的輪播圖，中部的服務(wù)區(qū)域，底部的功能區(qū)域組成送水界面由上部的物品列表，底部的價(jià)錢合計(jì)和確認(rèn)按鈕組成，其中物品列表包含物品圖片、名稱、價(jià)格、銷售量企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）任務(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ì)具有初步