国产探花免费观看_亚洲丰满少妇自慰呻吟_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: 第一次寫文章,請多多指教。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 保定市| 理塘县| 彭州市| 栖霞市| 红原县| 科尔| 芦溪县| 托克逊县| 克拉玛依市| 东城区| 泗水县| 大关县| 新巴尔虎右旗| 开封县| 大同县| 都匀市| 天峨县| 合阳县| 宜昌市| 荔波县| 当阳市| 滁州市| 繁峙县| 临沭县| 靖边县| 嵊州市| 枣庄市| 伊宁县| 清水河县| 通海县| 林甸县| 芜湖县| 体育| 东丽区| 宜春市| 太仆寺旗| 博野县| 香格里拉县| 乌恰县| 南华县| 涡阳县|