原創聲明:本文為作者原創,未經允許不得轉載,經授權轉載需注明作者和出處
express框架依賴connect框架(node的一個中間件框架)
app.set('post',process.env.PORT||8080) //設置端口為process.env.PORT或者88
app.set('views',_dirnmae+'/views') //設置存視圖文件的目錄或者頁面的目錄,_dirname是全局變量,
用于儲存正在執行的腳本所在的目錄
app.set('view engine','ejs') //設置視圖模板引擎為ejs,也有laytpl是layui的node版本引擎
————————————-connect中間件——————————————–
app.use('express.favicon()') //設置默認圖標,如果想用自己的圖標,需要在favicon的方法內
傳入全局的圖標位置,如 favicon(_dirname+/imags/icon/icon.ico);
app.use(express.logger(dev));用于在終端輸出簡單的日志
app.use(express.bodyparser()) //用于解析請求體
app.use(app.router) //調用路由解析的規則
app.use(express.static(path.join(_dirname,'public')))//設置存放靜態
資源的目錄為public,如image,css,js
app.get('/',function(req,res){
res.render('index',{title:'express});});
//使用路由來設置需要渲染的文件,并且將一個對象傳入來替換index.ejs的title變量,/代表app.get(‘post’)/獲取之前設置的post的值,可用于替換默認的8080
http.createServer(app).listen(8080)
//通過http來創建http服務,并且使用listen
來設置監聽端口
————————————–模板引擎————————————————-
模板引擎是一個將頁面模板與數據結合起來生成html頁面的工具
1.通過app.set()的來設置views(模板文件的位置)和view engine(模板引擎)
2.使用app.render()來渲染模板文件,需傳入兩個參數,第一個是模板的名稱,第二個是傳入模板的對象,用于替換模板變量
—————————————ejs語法————————————————–
<%javascript%>
//javascript代碼<%=HTML%>
//替換后HTML代碼<%-HTML%>
//原始的HTML代碼
el:
data:['第一個','第二個','第三個']
<ul>
<% for(var i=0;i<data.length;i++){%> //js代碼開始遍歷數據
<%= data[i]%> //將數據寫入HTML
<% }%> //閉合遍歷
</ul>
—————————————–頁面布局—————————————————-
設置可復用頁面,文件名為app.ejs,內容就是模板文件
頁面布局的時候,直接引入封裝起來的模塊模板文件<%-include app%>