欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

怎么掌握Node.Js流程-創(chuàng)新互聯(lián)

本篇內容介紹了“怎么掌握Node.Js流程”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!

創(chuàng)新互聯(lián)是一家專業(yè)提供碧江企業(yè)網(wǎng)站建設,專注與網(wǎng)站設計制作、做網(wǎng)站、HTML5、小程序制作等業(yè)務。10年已為碧江眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進行中。

1,項目前期準備:

  以express框架為例

  npmiexpress-generator-g//全局安裝express框架

  express-e//生成express應用骨架

  npmi//安裝依賴

  npmstart//在3000端口監(jiān)聽

  拓展:目前最市面上最流行的node框架有:

  --Sail.js

  Sails.js就像是Node.js平臺上的Rails框架。這是一個可靠可伸縮的開發(fā)框架,面向服務的架構,提供數(shù)據(jù)驅動的API集合。用來開發(fā)多玩家游戲、聊天應用和實時面板引用非常方便,也可用于開發(fā)企業(yè)級Node.js應用。

  Sails.js基于Node.js,Connect,Express和Socket.io構建。

  --Koa.js

  koa.js是下一代的Node.js的Web框架。由Express團隊設計。旨在提供一個更小型、更富有表現(xiàn)力、更可靠的Web應用和API的開發(fā)基礎。

  Koa可以通過生成器擺脫回調,極大地改進錯誤處理。Koa核心不綁定任何中間件,但提供了優(yōu)雅的一組可以快速和愉悅地編寫服務器應用的方法。

  2,項目開始

  --利用bootstrap完成布局(或者使用bulma前端css框架也很方便)

  --把需要復用的小組件放在一個文件夾在,這里我新建了一個commjs目錄

  --構造函數(shù)中加載DOM結構(面向對象思想)

  --把一切需要重復使用的組件模塊化,哪里需要哪里引入,代碼復用

  3,理解mvc

  --控制器Controller:

  是應用程序中處理用戶交互的部分。

  通常控制器負責從視圖讀取數(shù)據(jù),控制用戶輸入,并向模型發(fā)送數(shù)據(jù)。

  作用:根據(jù)路由中設置的路徑不同,調用控制器中對應的方法(函數(shù)),

  res.body=>獲取post請求中傳遞的參數(shù)

  res.query=>獲取get請求中的數(shù)據(jù)

  業(yè)務邏輯基本都在控制層,調用模型中相對應的函數(shù),把需要傳遞的數(shù)據(jù)作為參數(shù)傳遞進去

  --模型Model

  Model(模型)是應用程序中用于處理應用程序數(shù)據(jù)邏輯的部分。

  作用:通常模型對象負責在數(shù)據(jù)庫中存取數(shù)據(jù)。

  因為模型中的函數(shù)需要在控制器里調用,所以在最后需要導出模型。

  模型里,涉及到數(shù)據(jù)庫的操作需要依賴mogoose包

  模型處理數(shù)據(jù)會返還一個promise對象,成功或者失敗通過Promise.then調用控制器里傳遞過來的成功或者失敗的函數(shù)

  再由控制器res.json返還到前端

  --View(視圖)

  是應用程序中處理數(shù)據(jù)顯示的部分。

  通常視圖是依據(jù)模型數(shù)據(jù)創(chuàng)建的

  4,前端到后端

  作為前端如果我們需要拿到后端的數(shù)據(jù),就得發(fā)送ajax請求,如果涉及到文件操作,就必須用post請求

  通過不同的url(在app.js里設置過),拿到不同的數(shù)據(jù)

  view-Controller-Model,根據(jù)返還的數(shù)據(jù)渲染頁面

  這里還是MVC模式,所以MVC流程必須得熟悉。

  5,功能

  登錄:

  涉及到數(shù)據(jù)庫的操作,查詢的結果是Promise對象,

  控制器里面的操作還是那么回事,前端傳遞到控制器的參數(shù),一個成功的回調,一個失敗的回調

  模型里promise.then()決定調用成功或者失敗的函數(shù),傳到控制器回調,控制器res.json返還到信息前端

  需要保存用戶登錄信息:npmicookie-session--save

  app.js中配置cookie-session中間件

  檢查是否登錄:

  前端加載時,發(fā)送ajax請求,根據(jù)響應信息,判斷是否登錄,渲染登錄效果

  點擊退出時,把req.session置為null

  **fromData.append("","")可以追加請求信息

  6,關于文件上傳

  --涉及到文件上傳,在服務器端(路由)中引入

  multer模塊npmimulter--save

  --配置文件上傳,cv原則,修改保存位置和命名規(guī)則即可

  --路由里,回調函數(shù)前加一個文件上傳的方法

  router.post('',upload,single('文件上傳表單name名'),fn)

  --控制器判斷是否有文件上傳(res.file)

  如果有用變量儲存文件路徑=>constfile="/路由中配置的保存路徑/"+req.file.filename

  7,mvc意義

  MVC分層有助于管理復雜的應用程序,因為您可以在一個時間內專門關注一個方面。例如,您可以在不依賴業(yè)務邏輯的情況下專注于視圖設計。同時也讓應用程序的測試更加容易。

  MVC分層同時也簡化了分組開發(fā)。不同的開發(fā)人員可同時開發(fā)視圖、控制器邏輯和業(yè)務邏輯。

“怎么掌握Node.Js流程”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯(lián)-成都網(wǎng)站建設公司網(wǎng)站,小編將為大家輸出更多高質量的實用文章!

本文標題:怎么掌握Node.Js流程-創(chuàng)新互聯(lián)
瀏覽地址:http://www.chinadenli.net/article32/ccegpc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄響應式網(wǎng)站網(wǎng)站導航網(wǎng)站維護外貿建站用戶體驗

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化