day22

1-使用 express 创建服务器

//1-下载并且引入express框架 cnpm i express -S(开发依赖)

const express = require('express');

//2-创建网站服务

const app = express();

//3-接收请求

app.get('/', (req, res) => {

    res.send('你好')

});

app.get('/list', (req, res) => {

    //1-自动检测响应内容的类型(文件类型)

    // 2-自动设置http的状态码

    // 3-会自动响应编码

    res.send('你好，list分页')

});

app.listen(3000, () => {

    console.log('服务器运行中')

})

2-epress 模块中路由的使用步骤

const express = require('express');

const home = express.Router();

home.get('/index', (req, res) => {

    res.send('欢迎来到客户端首页')

})

module.exports = home;

3-express 如何获取静态资源

const express=require("express")
　　const path=require("path")
　　const bodyParser=require("body-parser")
　　const app=express()
　　　　//访问静态资源
　　app.use("/static",express.static(path.join(__dirname,"public")))
　　　　//接收请求
　　app.get("/index",(req,res)=>{
　　　　//get请求参数
　　res.send("ookkok")
　　　})

　　app.listen(3000)
　　console.log("3000")

4-express 中如何使用模板引擎

//1-下载并且引入express框架 cnpm i express -S(开发依赖)

const express = require('express');

const path = require('path')

    //2-创建网站服务

const app = express();

//使用模板引擎

// 1-告诉express框架使用哪个模板引擎，渲染的模板文件的后缀

// 1-模板后缀

// 2-使用模板引擎

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

// 2-告诉express框架模板存放的位置

// 1-views固定的，express配置项的名字

// 2-模板文件的路径，存放模板文件的文件夹

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

// 3-告诉模板引擎，默认后缀是什么

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

app.get('/', (req, res) => {

    //请求参数

    res.render('index', {

        msg: 'index'

    })

});

app.get('/list', (req, res) => {

        res.render('list', {

            msg: '你好啊'

        })

    })

    // /:id/:name/:gender

app.listen(3000, () => {

    console.log('服务器运行中')

})

5-说明模板引擎的常用语法  

流程控制语句（if else）

{{if value}}
...
{{else if value}}
...
{{else}}
...
{{/if}}

　

循环遍历语句

{{each name}}
索引：{{$index}}
值：{{$value}}
{{/each}}

调用子模板

{{include 'main'}} 引入子模板，数据默认为共享
{{include 'main' a}} a为制定数据，但是同样必须是父级数据，可以看看下面的例子，如果不注入的a的话，引入的子模板是接受不到数据的