nodeJS +Express + art-template实现简单服务

开始

1、Express

1.1、安装

$ npm install express --save	# 安装 express 并保存在项目依赖列表中
$ npm install express --no-save	# 临时使用 express 不保存在项目依赖列表中

1.2 使用

// 引入 express
const express = require('express');

// 创建服务
const server = express();

// 路由
server.get('/about', (req, res)=>{
    res.send("我是 about 页面"); 
    // send 是 Express 进行封装的一个方法 包括end、write、setHeader等原生方法的功能
})

// 监听端口
server.listen(3000, ()=>{
    console.log("http://localhost:3000")
} )

1.3、 开放静态文件

一些图片 或者三方的css文件等

// http://localhost:3000/static/xx  ==> 起别名
server.use('/static/', express.static('./public/') );

2、配置模板引擎 art-template

2.1、安装

$ npm install --save art-template 
$ npm install --save express-art-template

2.2、配置

server.engine('html', require('express-art-template'));

// 第一个参数表示, 渲染以 .html 结尾的文件时, 使用模板引擎
// express-art-template 是专门在 express 框架中把 art-template 整合到 express 中;
// 这是因为 express-art-template 依赖于 art-template

2.3、使用

server.get('/', (req, res)=>{
    res.render('index.html');
})

//  res.render('模板文件名字', {模板数据});  art-template会默认去项目的views目录中查找

// 	server.set('views', xxx); 将默认的模板文件目录 修改为 xxx

3、post请求处理

3.1、安装中间件

$ npm install body-parser --save

3.2、引入

var bodyParser = require('body-parser');

3.3、配置

server.use(bodyParser.urlencoded({ extended: false }))

server.use(bodyParser.json())

3.3、使用

<form action="/post" method="post">
  名字: <input type="text" name='name'>

  <br>

  内容: <textarea name="cont" id="" cols="30" rows="10"></textarea>


  <button type="submit">提交</button>
</form>

// rea.body 就能拿到 form 表单提交的数据

server.post('/post', (req, res)=>{
  console.log(req.body);
  res.end(req.body);
})

4、路由文件单独处理

router.js

const express = require('express');

// 创建一个路由容器
var router = express.Router();

// 路由挂在到容器中
router.get('/', (req, res)=>{
  res.end('你看到我了吗')
})

// 导出 router
module.exports = router;

index.js

// 引入路由文件
const router = require('./router');

// 引入 express
const express = require('express');
const server = express();

// 将导出的 router 挂载到服务中
server.use(router)