国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學院 > 開發設計 > 正文

Nodejs 手動搭建 Express 項目

2019-11-08 03:10:57
字體:
來源:轉載
供稿:網友

俗話說好記性不如爛筆頭,在看了兩天文檔后,在這里準備把自己學到的東西寫成文章記錄下來。

安裝全局模塊

npm install -g exPRess express-generator suptervisor // express-generator Express 應用生成器// suptervisor 監視你對代碼的改動,并自動重啟 Node.js ,必須全局安裝

快速生成項目

express -e blog // -e 使用ejs 模板引擎生成項目

手動創建項目

1.安裝依賴

npm init npm install express ejs --save// 項目結構blog├─app.js // 入口文件├─package.json // 項目依賴配置├─node_modules // 存放項目的依賴庫├─public // 靜態文件資源目錄│ ├─images│ ├─js│ └─styles└─views // 視圖文件(ejs模板 或jade 模板)

2.編寫入口文件

// 引用模塊var express = require('express');var path = require('path');var ejs = require('ejs');var app = express();app.set('views', path.join(__dirname,'views')); // 設置視圖文件目錄app.set('view engine' , 'ejs'); //設置模板引擎為ejsapp.use( express.static(path.join(__dirname, 'public')) ); // 配置靜態資源目錄// 路由規則app.get('/', function(request, response){ response.send('Hello Node.js')});app.listen(3000); // 監聽 3000 端口console.log('server started at port 3000');

3.修改模板后綴

默認ejs模板只支持渲染以ejs為擴展名的文件,可能在使用的時候會覺得它的代碼書寫方式很不爽還是想用html的形式去書寫。 在這里可以使用engine 注冊模板引擎的函數,讓他處理指定后綴名的文件

/** 將上面的 app.set('view engine' , 'ejs')* 修改成* */app.set('view engine' , 'html'); //修改模板文件的后綴名為htmlapp.engine('.html' , ejs.__express); //"__express",ejs模塊的一個公共屬性,表示要渲染的文件擴展名。

接下來在控制臺跑起來看看

![node app.js][1]

瀏覽器訪問 http://localhost:3000 成功輸出 這里寫圖片描述

到這里項目就已經初步搭建起來了。

4.路由模塊化

在根目錄新建routes 文件夾

// routes/index.js var express = require('express');var router = express.Router(); //使用 express.Router 類創建模塊化、可掛載的路由句柄// 訪問根路由 渲染 index 模板router.get('/', function (req, res) { res.render('index');});module.exports = router;

添加模板, 在views文件夾下新建 index.html 模板 (就一普通html文件)

修改入口文件app.js

// 引入 路由模塊var router = require('./routes/index');app.use('/', router);

將寫在app.js 中的路由刪掉。

到這里整個項目已經搭建起來了,大功告成。

//app.js// 引用模塊var express = require('express');var path = require('path');var ejs = require('ejs');var app = express();var port = process.env.PORT || 3000;// 引入 路由模塊var router = require('./routes/index');app.use('/', router);// 設置視圖文件目錄app.set('views', path.join(__dirname,'views')); // app.set('view engine' , 'ejs'); //設置模板引擎為ejsapp.set('view engine' , 'html'); //設置模板引擎為htmlapp.engine('.html' , ejs.__express);app.use( express.static(path.join(__dirname, 'public')) ); // 配置靜態資源目錄app.listen(port);console.log('server started at port ' + port);

ps: 第一次寫文章,請多多指教。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 南平市| 营山县| 二连浩特市| 奉贤区| 烟台市| 丘北县| 丹巴县| 汝阳县| 台湾省| 筠连县| 大足县| 巫溪县| 武强县| 安阳县| 炉霍县| 彩票| 浙江省| 六枝特区| 兴义市| 隆子县| 大理市| 获嘉县| 凤阳县| 上虞市| 东丰县| 涞水县| 大关县| 东乌珠穆沁旗| 公主岭市| 古蔺县| 广饶县| 秦皇岛市| 陆丰市| 房山区| 嘉善县| 奉新县| 平原县| 福建省| 临夏县| 岫岩| 隆昌县|