码迷,mamicode.com
首页 > Web开发 > 详细

Express - 基于 Node.js 平台的 web 应用开发框架

时间:2017-11-22 21:54:00      阅读:315      评论:0      收藏:0      [点我收藏+]

标签:javascrip   get   css   命令行   好的   中间   文件   linu   www   

Web 应用
Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。
API
丰富的 HTTP 快捷方法和任意排列组合的 Connect 中间件,让你创建健壮、友好的 API 变得既快速又简单。
性能
Express 不对 Node.js 已有的特性进行二次抽象,我们只是在它之上扩展了 Web 应用所需的基本功能。
LoopBack 提供赞助
Develop model-driven apps with an Express-based framework.
Find out more at loopback.io.
Express 应用生成器
通过应用生成器工具 express 可以快速创建一个应用的骨架。

通过如下命令安装:

$ npm install express-generator -g
-h 选项可以列出所有可用的命令行选项:

$ express -h

Usage: express [options] [dir]

Options:

-h, --help          output usage information
-V, --version       output the version number
-e, --ejs           add ejs engine support (defaults to jade)
    --hbs           add handlebars engine support
-H, --hogan         add hogan.js engine support
-c, --css <engine>  add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css)
    --git           add .gitignore
-f, --force         force on non-empty directory

例如,下面的示例就是在当前工作目录下创建一个命名为 myapp 的应用。

$ express myapp

create : myapp
create : myapp/package.json
create : myapp/app.js
create : myapp/public
create : myapp/public/javascripts
create : myapp/public/images
create : myapp/routes
create : myapp/routes/index.js
create : myapp/routes/users.js
create : myapp/public/stylesheets
create : myapp/public/stylesheets/style.css
create : myapp/views
create : myapp/views/index.jade
create : myapp/views/layout.jade
create : myapp/views/error.jade
create : myapp/bin
create : myapp/bin/www
然后安装所有依赖包:

$ cd myapp
$ npm install
启动这个应用(MacOS 或 Linux 平台):

$ DEBUG=myapp npm start
Windows 平台使用如下命令:

set DEBUG=myapp & npm start
然后在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了。i

通过 Express 应用生成器创建的应用一般都有如下目录结构:

.
├── app.js
├── bin
│ └── www
├── package.json
├── public
│ ├── images
│ ├── javascripts
│ └── stylesheets
│ └── style.css
├── routes
│ ├── index.js
│ └── users.js
└── views
├── error.jade
├── index.jade
└── layout.jade

7 directories, 9 files
通过 Express 应用生长期创建应用只是众多方法中的一种。你可以不使用它,也可以修改它让它符合你的需求,都是开源的嘛!

在 Express 中使用模板引擎
需要在应用中进行如下设置才能让 Express 渲染模板文件:

views, 放模板文件的目录,比如: app.set(‘views‘, ‘./views‘)
view engine, 模板引擎,比如: app.set(‘view engine‘, ‘jade‘)
然后安装相应的模板引擎 npm 软件包。

$ npm install jade --save
和 Express 兼容的模板引擎,比如 Jade,通过 res.render() 调用其导出方法 __express(filePath, options, callback) 渲染模板。

有一些模板引擎不遵循这种约定,Consolidate.js 能将 Node 中所有流行的模板引擎映射为这种约定,这样就可以和 Express 无缝衔接。

一旦 view engine 设置成功,就不需要显式指定引擎,或者在应用中加载模板引擎模块,Express 已经在内部加载,如下所示。

app.set(‘view engine‘, ‘jade‘);
在 views 目录下生成名为 index.jade 的 Jade 模板文件,内容如下:

html
head
title!= title
body
h1!= message
然后创建一个路由渲染 index.jade 文件。如果没有设置 view engine,您需要指明视图文件的后缀,否则就会遗漏它。

app.get(‘/‘, function (req, res) {
res.render(‘index‘, { title: ‘Hey‘, message: ‘Hello there!‘});
});
此时向主页发送请求,“index.jade” 会被渲染为 HTML。

请阅读 “为 Express 开发模板引擎” 了解模板引擎在 Express 中是如何工作的。

Express - 基于 Node.js 平台的 web 应用开发框架

标签:javascrip   get   css   命令行   好的   中间   文件   linu   www   

原文地址:http://www.cnblogs.com/zgqdbxb/p/7881062.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!