node+express+ejs+bootstrap是前端常用的項(xiàng)目結(jié)構(gòu)，分享給大家，具體如下：

網(wǎng)站建設(shè)公司,為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì)及定制網(wǎng)站建設(shè)服務(wù),專注于企業(yè)網(wǎng)站設(shè)計(jì),高端網(wǎng)頁(yè)制作,對(duì)成都建筑動(dòng)畫等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。專業(yè)網(wǎng)站設(shè)計(jì),網(wǎng)站優(yōu)化推廣哪家好,專業(yè)seo優(yōu)化優(yōu)化,H5建站,響應(yīng)式網(wǎng)站。

您可以通過node-express_jb51.rar 來(lái)克隆我創(chuàng)建好的項(xiàng)目結(jié)構(gòu)，也可以通過下面的方式一步一步手動(dòng)創(chuàng)建項(xiàng)目。

第一步 安裝

新建一個(gè)項(xiàng)目文件夾，命名為MyProject

然后在文件夾里按住Shift點(diǎn)擊鼠標(biāo)右鍵，選擇在此處打開命令窗口。

在打開的窗口中輸入npm install express和npm install ejs去安裝他們和他們所需要的依賴。安裝完之后目錄中會(huì)多出一個(gè)node_modules文件夾。

第二步 構(gòu)建目錄

新建routes文件夾，用于存放各頁(yè)面的路由文件

例如Demo中的index.js文件

exports.index = function(req,res){
 res.render("index",{title:'首頁(yè)'});
}

然后新建static文件夾，用于存放頁(yè)面框架

例如Demo中的bootstrap框架

接著再創(chuàng)建一個(gè)views文件夾，用于存放頁(yè)面文件

例如Demo中的index.ejs文件

 
  
  
  
  
  

  
  

  
  
  
 
 
  
你好，世界！

  
  
  
  
 

最后再創(chuàng)建一個(gè)app.js文件，也就是程序的入口文件。

var express = require("express");
var routes = require("./routes");
var app = express();

app.set("view engine",'ejs');

app.get("/",routes.index);

app.listen(8989);
console.log("espress start");

同樣的我們?cè)贛yProject目錄調(diào)出命令行工具，并通過node app.js命令來(lái)運(yùn)行程序

這時(shí)我們?cè)诰W(wǎng)頁(yè)端就可以通過輸入127.0.0.1:8989來(lái)打開網(wǎng)站了

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。