1. 程式人生 > >分針網—IT教育:nodeJS新建一個項目及代碼詳解

分針網—IT教育:nodeJS新建一個項目及代碼詳解

-a dcom lin 生成 -h images == 控制 ins

有了解nodejs的童鞋們知道,nodejs有很多的依賴,那麽我們在新建一個項目的時候,如何快速的導入這些依賴從而創建一個nodejs項目呢,接下來會詳細介紹。 這裏安利一個前端開發工具——webstorm。真的很好用,除了有點(或許不是一點點)占內存,打開的時候有點慢。在工作中用這個會很方便(在考慮要不要寫一篇前端開發工具的比較,吼吼吼~(≧▽≦)/~) ?下面我們來用命令創建一個nodejs項目。 1.我們在c盤的ws文件夾下創建項目。 打開DOS窗口,進入到ws文件夾 技術分享 2.在此文件夾下創建名為nodeProjection1的項目 技術分享
3.進入項目文件夾,安裝依賴 技術分享 技術分享 技術分享 然後選擇一個開發工具,打開剛創建的項目。如下圖。node_modules裏面有很多依賴模塊,遠遠不止你看到的。 技術分享 技術分享 ?下面詳細解釋一下,項目中各個目錄的功能用途 app.js:——啟動文件,也可以說是主文件入口。 package.json——定義了這個項目所需要的各種模塊,以及項目的配置信息(比如名稱、版本、許可證等元數據)。npm install命令根據這個配置文件,自動下載所需的模塊,也就是配置項目所需的運行和開發環境。
node_modules——存放package.json中安裝的模塊,當你在package.json添加依賴的模塊並安裝後,存放在這個文件夾下 public——存放image、css、js等文件 routes——存放路由文件 views——存放視圖文件或者說模板文件 bin——存放可執行文件 ?app.js裏的代碼及其解釋 技術分享 1.這裏我們通過require()加載了express、path 等模塊,以及 routes 文件夾下的index. js和 users.js 路由文件。 下面來講解每行代碼的含義。 2.var app = express(); 生成一個express實例。app.
3.app.set(‘views‘, path.join(__dirname, ‘views‘));設置views文件夾為存放視圖文件的目錄,即存放模板文件的目錄。_dirname為全局變量,存儲當前正在執行的腳本所在的目錄。 4.app.set(‘view engine‘, ‘ejs‘); 設置視圖模板引擎為ejs。 5.app.use(logger(‘dev’)):加載日誌中間件。 6.app.use(bodyParser.json()):加載解析json的中間件。 7.app.use(bodyParser.urlencoded({ extended: false })); 加載解析urlencoded請求體的中間件。 8.app.use(cookieParser()):加載解析cookie的中間件。 9.app.use(express.static(path.join(__dirname, ‘public‘))):設置public文件夾為存放靜態文件的目錄。 10.app.use(‘/‘, index);和app.use(‘/users‘, users):路由控制器。 11.app.use(function(req, res, next) { var err = new Error(‘Not Found‘); err.status = 404; next(err); }); 捕獲404錯誤,並轉發到錯誤處理器。 12.app.use(function(err, req, res, next) { // set locals, only providing error in development res.locals.message = err.message; res.locals.error = req.app.get(‘env‘) === ‘development‘ ? err : {}; // render the error page res.status(err.status || 500); res.render(‘error‘); }); 開發環境下的錯誤處理器,將錯誤信息渲染error模版並顯示到瀏覽器中。 13.module.exports = app;:導出app實例供其他模塊調用。 ?bin/www代碼及其詳解 技術分享 1.#!/usr/bin/env node:表明是 node 可執行文件。 2.var debug = require(‘debug‘)(‘nodeproject1:server‘);:引入debug模塊,打印調試日誌。 3.var app = require(‘../app’):引入我們上面導出的app實例。 4.var port = normalizePort(process.env.PORT || ‘3000‘); app.set(‘port‘, port); 設置端口號。 5.剩下的代碼用來啟動工程並監聽3000端口。 ?routes/index.js 技術分享 module.exports = router; 生成一個路由實例用來捕獲訪問主頁的GET請求,導出這個路由並在app.js中通過app.use(‘/‘, routes); 加載。這樣,當訪問主頁時,就會調用res.render(‘index‘, { title: ‘Express‘ });渲染views/index.ejs模版並顯示到瀏覽器中。 ?views/index.ejs 技術分享 在渲染模板時我們傳入了一個變量 title 值為 express 字符串,模板引擎會將所有 <%= title %> 替換為 express ,然後將渲染後生成的html顯示到瀏覽器中。 轉載:http://www.jianshu.com/p/7b0a5d4491ba 作者: 洞聽 本文轉載自分針網 想學習更多IT知識可加群:272292492

分針網—IT教育:nodeJS新建一個項目及代碼詳解