day22

1-使用 express 创建服务器

// 引入express框架
const express = require('express')

// 2-创建网站服务
const app = express()

// 3-接收请求
app.get('/',(req,res)=>{
    // 使用res.send方法响应客户请求
    // 1-会自动检测响应内容的类型(文件类型)
    // 2-会自动设置http状态码
    // 3-会自动响应编码(状态码)
    res.send('hello world')
})

app.get('/list',(req,res)=>{
    res.send({
        name:'张三',
        age:18
    })
})

app.post('/list',(req,res)=>{
    
})
// 4-监听端口
app.listen(3000)
console.log('服务器运行在3000...')

 

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

我们需要先在 router.js 中引入 express

在这里插入图片描述

    1. 创建一个 路由容器
      在这里插入图片描述

    2. 把路由全都挂载到 router 路由容器中
      在这里插入图片描述

    3. 把 router 导出
      在这里插入图片描述

    4. 回到入口文件 app.js 中,加载router.js这个文件,同时 把路由容器挂载到 app 服务中
      在这里插入图片描述
      在这里插入图片描述

 

3-express 如何获取静态资源

// 访问静态资源
app.use(express.static(path.join(__dirname,'')))

// 为静态资源设置虚拟路径
// app.use('static'(path.join(__dirname,'public')))
// 访问参考public目录,直接把文件名在地址栏中写入(不写public)

 

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

// 1-引入express框架
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-告诉express框架模板默认后缀是什么
app.set('view engine','art')

// 3-接收请求
app.get('/index',(req,res) =>{
    res.render('')
})

// 4-监听端口
app.listen(3000)
console.log('服务器运行在3000...')

 

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

app.engine('art',require('express-art-template'))
  app.set('views',path.join(__dirname,'views'))
  app.set('view engine','art')
  app.get('/',(req,res)=>{
  res.render('index',{
    msg:'msg'
  })
  })
posted @ 2021-03-06 14:07  雨辰~  阅读(37)  评论(0)    收藏  举报