Node.js项目实战-构建可扩展的Web应用(第一版): 2 使用Express.js 4创建Web应用程序

    大多数Node.js项目中都用到了Express.js,并且已经成为了标准。

2.1、什么是Express.js

     Express.js是基于http模块和Connect组件的Web框架。这些组件叫做中间件,它们是以约定大于配置原则作为开发的基础理念的。

     但是每月依然会有新的框架产生。

2.2、Express.js是如何工作的

      Express.js是单入口的主文件启动,要做以下事情:

  1. 像引入模块
  2. 配置Express.js,如模板引擎和它自身文件的扩展组件
  3. 连接到数据库,如MongoDB、Redis或者MySQL
  4. 定义中间间,如错误处理、静态文件路径、cookie和其他一些解析组件
  5. 定义路由
  6. 启动应用
  7. 以模块形式输出应用

     当Express.js的应用运行起来后,它便开始监听请求。每个刚进来的请求都会根据定义好的中间件和路由链自上而下进行处理。

2.3、Express.js的安装

       有两种形式

  1. express-generator:一个提供在命令行中快速搭建应用的全局NPM包
  2. express:一个在Node.js应用中的node_modules文件夹里的本地模块包

        版本

        生成器: npm install -g express-generator@4.0.0(全局安装)

        本地Express.js: 

$ npm init     创建package.json

{
  "name": "express-cli",
  "version": "0.0.1",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified \" && exit 1"
  },
  "author": "copper",
  "license": "BSD-2-Clause"
}
$ npm install express

$ npm ls   对Express.js的安装情况和它的依赖进行复查         

2.4、Express.js的脚手架(命令行工具)

     为了生成一个基本的Express.js应用,参照$ express --help

例如,创建一个依赖于Stylus的应用

$ express -c styl express-styl

$ cd express-styl && npm install

$ DEBUG=my-application  ./bin/www

打开http://localhost:3000

      查看代码express-styl/app.js:

路由

      app.use('/', index);
      app.use('/users', users);

      默认不允许以字符串查询参数的形式请求路由,但可以自行写

中间件:app.js中的每一行,每个声明都是中间件

配置

      app.set('view', path.join(__dirname, 'views'));

      app.set('view engine', 'jade');

      在bin/www目录中app.set('port', process.env.PORT || 3000);

Jade模板引擎


2.5、博客项目概述

    包括:

  • 文章详情页
  • 内容的管理页
  • 登录上述管理页面的登录页
  • 创建文章页

   通过REST API或HTTP请求发送和接收数据并且在客户端渲染HTML的方式被许多前端框架所采用


2.6、Express.js 4中的Hello World示例

     不使用生成器、高级模板和中间件来搭建Express.js的应用

创建文件夹:hello-world

  • node_modules:Express.js和第三方模块的依赖
  • views:Jade或者其他模板引擎文件
  • routes:包含请求处理程序的Node.js模块
  • db:MongoDB的种子数据和脚本
  • public:所有前端的静态文件,包括HTML、CSS、JavaScript和Stylus或者其他CSS框架文件

      $ mkdir {public,public/css,public/img,public/js,db,views,views/includes,routes}

NPM初始化和package.json

      $ npm init   生成package.json

      $ npm install express@4.1.2 --save   快速安装模块并增加到package.json

app.js:

      路由:res.render(viewName, data, callback(error, html)中的参数意义如下:

  • viewName:模板名
  • data:
  • callback:一个可选函数,由错误或者HTML绘制完成后调用

// 引入依赖
var express = require('express');
var http = require('http');
var path = require('path');
//设置相关配置
var app = express();
//app.set('appName', 'hello-world');
app.set('port', process.env.PORT || 3000);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
//连接数据库(可选)

//定义中间件

//定义路由
app.all('*', function(req, res) {
	res.render('index', {msg:'Welcome to the Practical Node.js!'});
})
//开启服务
http.createServer(app).listen(app.get('port'), function() {
	console.log('Express server listening on port' + app.get('port'));
})
//在多核系统上启动cluster多核处理模块(可选)

Jade模板

     能使开发者少写很多代码并且几乎支持所有JavaScript函数。

views/index.jade

h1 hello
p = msg
$ node app

http://localhost:3000

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值