Nodejs學習總結 -Express入門(一)


Express是基於Node.js平台開發的Web應用開發框架,下面我們入手學習。

官網 : http://www.expressjs.com.cn/

github:https://github.com/expressjs/express

 

Express生成器

1、生成express全局指令
npm install express-generator -g

注:生成 express -h可以查看所有命令行選項

2、生成myapp應用

express myapp        (生成jade模板引擎)
express myapp -e    (生成ejs模板引擎)

3、cd myapp   進入myapp目錄安裝依賴包
npm install

4、安裝好后可以啟動項目
set DEBUG=myapp & npm start   (Windows 平台啟動)

DEBUG=myapp npm start   (MacOS 或 Linux 平台):

 

 

上圖就是一個express項目結構:

  • app.js: 項目入口,反正express愛叫app.js沒轍,你可以改成index.js或者main.js都成。相當於php項目中的 index.php、index.html
  • node_modules: 存放項目的依賴庫
  • package.json: 項目依賴配置及開發者信息(這個要說就說多了,還是看文檔好,俺就不誤人子弟了。下期看看抽個小段單說Node模塊)
  • public: 靜態文件如 css,js,img (PS:俺其實習慣叫static)
  • routes: 路由文件(學習的重要攻克對象。尼瑪業務好不好,路由是關鍵)
  • Views: 頁面文件(Ejs或者jade的模板,默認是jade,初級練手可以用Ejs,里面結構和HTML一樣,也可以通過下面方法手工配置成html)

 

頁面文件EJS后綴改為HTML,修改方法如下:

1、app.js中將添加引用 

var ejs = require('ejs');

2、app.set('view engine', 'ejs');  

 替換成  app.engine('.html',ejs.__express); app.set('view engine', 'html');

3、將Views目錄下ejs后綴文件全部改成html,npm start重啟項目即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM