node.js学习笔记(18) express-阿里云开发者社区

开发者社区> 开发与运维> 正文

node.js学习笔记(18) express

简介:

Express是一个简洁而灵活的基于node.js的Web应用框架。


在Express3.6.x之前的版本,Express需要全局安装的,项目构建器模块是合并在 Express项目中的,后来这个构建器被拆分出来,独立成为了一个项目express-generator,现在只需要全局安装express-generator就行了。


全局安装express-genrator.js:

sudo npm install -g express-generator


创建express项目:

lee@mypc ~/works/nodejs/study18 $ express express-demo

   create : express-demo
   create : express-demo/package.json
   create : express-demo/app.js
   create : express-demo/public
   create : express-demo/public/images
   create : express-demo/public/javascripts
   create : express-demo/routes
   create : express-demo/routes/index.js
   create : express-demo/routes/users.js
   create : express-demo/public/stylesheets
   create : express-demo/public/stylesheets/style.css
   create : express-demo/views
   create : express-demo/views/index.jade
   create : express-demo/views/layout.jade
   create : express-demo/views/error.jade
   create : express-demo/bin
   create : express-demo/bin/www

   install dependencies:
     $ cd express-demo && npm install

   run the app:
     $ DEBUG=express-demo:* npm start

安装依赖:

cd express-demo
npm install

这时demo1中将会自动生成一个目录node-modules,用于存放demo1项目需要的依赖包。


启动express项目:
npm start

访问http://localhost:3000得到:

0827b9de2fa4f8db279c228ca78f4bfe825d2ddd


Express的html模板引擎有两种,默认是jade。

jade是基于Node.js的一种前端模板语言,有着极简的语法。eg:下图是jade官网首页的截图,左边是jade模板,右边是html。

f7d33888cbd73f476b800eb77a33188a59bb4054


也可以使用express -e来使用ejs模板:

lee@mypc ~/works/nodejs/study18 $ express -e express-demo2

   create : express-demo2
   create : express-demo2/package.json
   create : express-demo2/app.js
   create : express-demo2/public
   create : express-demo2/public/javascripts
   create : express-demo2/public/images
   create : express-demo2/public/stylesheets
   create : express-demo2/public/stylesheets/style.css
   create : express-demo2/routes
   create : express-demo2/routes/index.js
   create : express-demo2/routes/users.js
   create : express-demo2/views
   create : express-demo2/views/index.ejs
   create : express-demo2/views/error.ejs
   create : express-demo2/bin
   create : express-demo2/bin/www

   install dependencies:
     $ cd express-demo2 && npm install

   run the app:
     $ DEBUG=express-demo2:* npm start


Express-generator创建的项目目录:

326b9d24f6952a27cb49730d5f57803b088e85b4

  • bin:启动程序目录
  • node_modules:node.js依赖包目录
  • public:静态文件目录
  • routes:http路由目录
  • views:html模板目录
  • app.js:项目程序入口
  • package.json:项目配置文件


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章