express搭建个人博客（一）

1.首先需要安装node环境，版本最新比较好，最低4.0+吧

   我本地的node环境是6.4:

　

2.express中文官网：http://www.expressjs.com.cn/,在这里大家可以学习完整的express框架

 

3.到官网可以学一些express的基础用法，初始化一个项目seed可以使用express生成器

npm install express-generator -g

 

 

4.接下来用生成器初始化一个项目

express tieba-node，我的项目叫做tieba-nonde，可以任意起name

 

5.进入项目目录 ,执行npm install 安装项目所需要的依赖,看到下图的情况说明依赖安装完成

 

 

6.在项目目录下，执行npm start，运行项目，访问 http://127.0.0.1:3000即可看到效果，如果成功看到下图的效果，那么恭喜你，你已经成功了！！

 

目录结构简介

• app.js应用的初始化文件，包括引入应用程序的基础依赖项、设置视图即view的引擎目录以及模板、设置静态资源路径、配置通用的中间件、引入路由和一些错误处理中间件等。
• package.json应用的配置文件，文件内包含程序的基础信息、启动脚本和依赖包等。
• bin/www应用的启动文件，文件内包含引用要启动的应用、设置应用监听的端口和启动http服务等。
• public/**应用的静态资源文件目录，该目录下的文件资源不需要经过文件映射就可以直接访问。
• routes/**应用的路由文件，这些路由文件中设置的接口最终会以指定的HTTP请求方式暴露给用户，并在用户请求之后将结果返回。
• views应用的视图文件，在app.js中设置好视图引擎和模板之后，该目录即为应用视图的根目录，然后路由文件就会根据app.js中的设置加载并渲染该目录下的视图文件。

文件详解

app.js文件详解

以下是初始化的Express应用中的已经做了一些注释说明后的app.js文件中的代码：

 

根据代码中的注释，我们可以看到，app.js的作用主要是初始化Express应用的一些设置，包括引入依赖包、引入路由文件、注册各类中间件的一些操作。

www文件详解

以下是添加了注释后的应用启动文件bin/www中的代码：

#!/usr/bin/env node

/**
 * Module dependencies.
 */

//引入依赖
var app = require('../app');
var debug = require('debug')('zhjing-server:server');
var http = require('http');

/**
 * Get port from environment and store in Express.
 */

//设置应用监听端口
var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);

/**
 * Create HTTP server.
 */

// 创建http服务器
var server = http.createServer(app);

/**
 * Listen on provided port, on all network interfaces.
 */

// 监听端口
server.listen(port);
server.on('error', onError);
server.on('listening', onListening);

/**
 * Normalize a port into a number, string, or false.
 */

// 格式化应用监听的端口
function normalizePort(val) {
  var port = parseInt(val, 10);

  if (isNaN(port)) {
    // named pipe
    return val;
  }

  if (port >= 0) {
    // port number
    return port;
  }

  return false;
}

/**
 * Event listener for HTTP server "error" event.
 */

// http的错误监听函数
function onError(error) {
  if (error.syscall !== 'listen') {
    throw error;
  }

  var bind = typeof port === 'string'
    ? 'Pipe ' + port
    : 'Port ' + port;

  // handle specific listen errors with friendly messages
  switch (error.code) {
    case 'EACCES':
      console.error(bind + ' requires elevated privileges');
      process.exit(1);
      break;
    case 'EADDRINUSE':
      console.error(bind + ' is already in use');
      process.exit(1);
      break;
    default:
      throw error;
  }
}

/**
 * Event listener for HTTP server "listening" event.
 */

// http端口监听函数
function onListening() {
  var addr = server.address();
  var bind = typeof addr === 'string'
    ? 'pipe ' + addr
    : 'port ' + addr.port;
  debug('Listening on ' + bind);
}

bin/wwww文件的内容就很简单了，就是创建HTTP服务，监听端口和错误。

router/**详解

router/**包含了路由文件，每个路由文件中包含了不同HTTP请求对用的路由以及逻辑处理函数，此处以router/index.js文件为例，以下是index.js文件的代码：

// 引入依赖包
var express = require('express');
var router = express.Router();

/* GET home page. */
// 获取首页
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

module.exports = router;

路由文件主要相应相应的HTTP请求，然后执行函数进行相应的逻辑处理，以上代码，是对GET请求的响应，然后渲染view目录下的index.jade页面（在app.js中设置了视图目录和模板引擎），同时传递数据{title: 'Express'}给index.jade页面。

view/**详解

view/**主要存放应用的页面，以view/index.jade为例，代码如下：

extends layout

block content
  h1= title
  p Welcome to #{title}

页面文件主要是接收路由文件传递的数据，然后生成渲染后的页面给客户端，在上一步，传递了数据{title: 'Express'}给index.jade页面

MVC框架简介

MVC框架是一个经典的架构模式，其中MVC分别指的是：

• M: Model(模型，包含数据和数据处理方法)
• V: View(视图，提供视图，即页面)
• Controller: (控制层，负责逻辑处理)

对应的，在Node中的MVC框架，处理流程应该是以下步骤：

1. 服务端收到客户端的请求
2. 路由层开始处理服务端接收到的请求，匹配相应的路由
3. 匹配到相应的路由之后调用对应的controller（即对应的逻辑处理函数）
4. controller接收到请求之后，向model层取用数据
5. model层接收到controller层取用数据的请求之后，将数据返回给controller层
6. controller层收到数据之后进行相应的逻辑处理之后，将数据返回给view层
7. view层收到controller层返回的数据之后，根据相应的视图模板和数据组装之后，返回一个渲染过的页面
8. 服务端将上一步的结果返回给客户端

注：在以上的步骤中，可能会存在执行中间件的情况。

注：（此处部分转载http://www.morehao.com）；