欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

初學(xué)者如何快速搭建Express開發(fā)系統(tǒng)步驟詳解

 更新時間:2023年05月15日 09:19:42   作者:Teacher_Tian_2019  
這篇文章主要介紹了初學(xué)者如何快速搭建Express開發(fā)系統(tǒng),結(jié)合實例形式詳細(xì)分析了express框架搭建的具體步驟與相關(guān)注意事項,需要的朋友可以參考下

1、序言

  下班回來,孩子跟妻子沒在家。我吃完留在鍋里的飯菜,就準(zhǔn)備開始躺在沙發(fā)里去刷抖音。可這難得的安靜不去干一些寫作整理的事情,的確是挺奢侈的。

  很喜歡這種在進(jìn)入正題之前,寫點引子的文書風(fēng)格……,專注技術(shù)的朋友還是從分隔線以下閱讀吧

2、最近做的事

  從杭州回到西安后,錢包里的積蓄很快就花光了,終于在失業(yè)第37天的時候找到了新的東家。為了徹底告別Dominor,我以web前端開發(fā)的角色出現(xiàn)在了開發(fā)團(tuán)隊中。
  我非常感激人力的熱情、直屬領(lǐng)導(dǎo)的坦誠。甚至在我技術(shù)面試的時候就讓我去看他們正在建設(shè)的管理系統(tǒng),咨詢我是否有辦法在現(xiàn)有基礎(chǔ)上進(jìn)行優(yōu)化提升。讓我覺得,在這家規(guī)模較小的公司中,它有著許多大企業(yè)中無法感受到的坦誠、信任。
  我要做的事情呢,專業(yè)性比較強(qiáng),在系統(tǒng)未上線之前我盡量減少對業(yè)務(wù)方向的透露。從技術(shù)的方向來講,要用現(xiàn)有開源免費(fèi)的平臺、工具,實現(xiàn)一套可展示多媒體(文字、圖片、影響、3D展示)的系統(tǒng),后臺需要包括數(shù)據(jù)的上傳維護(hù),以及數(shù)據(jù)管理人員的訪問控制。
  為了避免把討論的范圍擴(kuò)大,突出重點,今天我就說說,如何快速地搭建基礎(chǔ)的WEB服務(wù)。

3、Express快速開發(fā)

  說到Express的最初入門,我的建議是,快速的弄一個能訪問的環(huán)境來體驗,捯飭,可以達(dá)到事半功倍的效果。以下是干貨:

3.1、安裝 nodejs

  網(wǎng)絡(luò)上資料非常完善,我這里引個流就行了。

3.2、檢查 Express應(yīng)用程序生成器是否正常

  nodejs安裝完成后,進(jìn)入 PS ,輸入以下命令

npx express-generator --version

  看到下圖中的返回信息,就表明時這個生成器在nodejs中已經(jīng)存在且工作正常了。(對的,你沒猜錯,node已經(jīng)把express的生成器當(dāng)成了自己的一部分)
在這里插入圖片描述

3.3、創(chuàng)建項目

# 注釋:進(jìn)入到桌面,并創(chuàng)建名為my_project的目錄
cd Desktop
mkdir my_project
# 注釋:輸入以下命令,生成Express項目 我一般默認(rèn)使用ejs使用服務(wù)端模板引擎(以后討論)
npx express-generator --view ejs

最終控制臺顯示的信息如下:

npx: installed 10 in 2.999s
   create : public\
   create : public\javascripts\
   create : public\images\
   create : public\stylesheets\
   create : public\stylesheets\style.css
   create : routes\
   create : routes\index.js
   create : routes\users.js
   create : views\
   create : views\error.ejs
   create : views\index.ejs
   create : app.js
   create : package.json
   create : bin\
   create : bin\www
   install dependencies:
     > npm install
   run the app:
     > SET DEBUG=my-project:* & npm start

  上邊的信息相當(dāng)于是在執(zhí)行npx express-generator --view ejs之后,nodejs給出的一個回執(zhí)信息,告訴我們創(chuàng)建了哪些文件或目錄(如create : public\等),另外,install dependencies:和 run the app兩句,是告訴我們,這個系統(tǒng)想要運(yùn)行起來,它還依賴很多包,需要通過npm install完成下載安裝;
在這之后,你就可以通過SET DEBUG=my-project:* & npm start 來啟動你的WEB服務(wù)了。那接下來安排?。。】唇貓D
在這里插入圖片描述
  參考上圖操作,只要你看到了node ./bin/www就證明你的服務(wù)器啟動了。
訪問:localhost:3000可以看看最終的效果。
在這里插入圖片描述
http://localhost:3000/users
http://localhost:3000/
也都可以試著訪問一下,這里是重點,下一次我會解讀如何定制路由,例如我們要開發(fā)一個****http://localhost:3000/system

4、目錄結(jié)構(gòu)分析

  用vs code打開項目目錄,我挑主要的目錄文件說明一下:
在這里插入圖片描述

  1. node_modules 一些nodejs的模塊,為服務(wù)器運(yùn)行提供功能支持。里邊的東西就是你剛才npm install來的。是js編寫的,這里邊的模塊多數(shù)運(yùn)行于服務(wù)端。
  2. public* 該目錄下放置的內(nèi)容一般是可以通過http協(xié)議訪問的靜態(tài)資源,如js、css、圖片、甚至可以自己創(chuàng)建fonts存放字體文件。
  3. routes 該目錄下的js文件主路由模塊,當(dāng)你指定了一個url中的path信息(如localhost:3000/users,path即/users)時,該文件的功能就是當(dāng)瀏覽器發(fā)起對/users的get、post、put等http請求時進(jìn)行業(yè)務(wù)處理及響應(yīng)的。
  4. views 中放模板文件,可以理解為html代碼,中間有一些<%= %>的占位符,服務(wù)器拿到數(shù)據(jù)之后對這些模板進(jìn)行渲染,再傳回給瀏覽器。
  5. app.js 項目啟動時的入口文件,整個系統(tǒng)的代碼邏輯就是從這里開始執(zhí)行的。

5、結(jié)束

  今天就記錄這么多,閱讀過此文的初學(xué)者可以著手嘗試一下,如有不清楚的可以留言,我看到就會回復(fù)。
  下一節(jié),我會打開app.js,并嘗試定制新的路由

相關(guān)文章

  • Nodejs搭建wss服務(wù)器教程

    Nodejs搭建wss服務(wù)器教程

    這篇文章主要為大家詳細(xì)介紹了Nodejs搭建wss服務(wù)器的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • node.js基于express使用websocket的方法

    node.js基于express使用websocket的方法

    這篇文章主要介紹了node.js基于express使用websocket的方法,結(jié)合實例形式分析了node.js基于express調(diào)用websocket相關(guān)設(shè)置與使用操作技巧,需要的朋友可以參考下
    2017-11-11
  • 使用Node.js寫一個代碼生成器的方法步驟

    使用Node.js寫一個代碼生成器的方法步驟

    這篇文章主要介紹了使用 Node.js 寫一個代碼生成器,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-05-05
  • 如何使用Node寫靜態(tài)文件服務(wù)器

    如何使用Node寫靜態(tài)文件服務(wù)器

    這篇文章主要介紹了如何使用Node寫靜態(tài)文件服務(wù)器,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價值,感興趣的小伙伴可以參考一下
    2022-09-09
  • nodejs+mongodb aggregate級聯(lián)查詢操作示例

    nodejs+mongodb aggregate級聯(lián)查詢操作示例

    這篇文章主要介紹了nodejs+mongodb aggregate級聯(lián)查詢操作,結(jié)合實例形式分析了基于nodejs的mongodb數(shù)據(jù)庫級聯(lián)查詢相關(guān)操作技巧,需要的朋友可以參考下
    2018-03-03
  • node.js中的fs.rmdirSync方法使用說明

    node.js中的fs.rmdirSync方法使用說明

    這篇文章主要介紹了node.js中的fs.rmdirSync方法使用說明,本文介紹了fs.rmdirSync方法說明、語法、接收參數(shù)、使用實例和實現(xiàn)源碼,需要的朋友可以參考下
    2014-12-12
  • Node與Python 雙向通信的實現(xiàn)代碼

    Node與Python 雙向通信的實現(xiàn)代碼

    最簡單粗暴的通信方式是 Nodejs調(diào)用一下 Python 腳本,本文詳細(xì)介紹了Nodejs與Python 雙向通信的實現(xiàn)代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-07-07
  • node.js中的console用法總結(jié)

    node.js中的console用法總結(jié)

    這篇文章主要通過幾個具體的實例總結(jié)介紹了node.js中的console用法,需要的朋友可以參考下
    2014-12-12
  • 利用pm2部署多個node.js項目的配置教程

    利用pm2部署多個node.js項目的配置教程

    目前似乎最常見的線上部署nodejs項目的有forever,pm2這兩種,而下面這篇文章主要給大家介紹了關(guān)于利用pm2部署多個node.js項目的配置教程,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來一起看看吧。
    2017-10-10
  • Node.js 使用request模塊下載文件的實例

    Node.js 使用request模塊下載文件的實例

    今天小編就為大家分享一篇Node.js 使用request模塊下載文件的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09

最新評論