使用 express 创建服务器

1、使用 express 创建服务器

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

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

// 3-接收请求
app.get('/',(req,res)=>{
    // 使用res.send方法响应客户请求
    // 自动检测测响应内筒的类型(文件类型)
    // 自动设置http的状态码
    // 自动响应编码(状态码)
    res.send('<h2>你好</h2>') ;
})
app.get('/list',(req,res)=>{
    res.send({
        name:'zs',
        age:19
    })
})

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

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

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

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

// 3-接收请求
app.get('/',(req,res)=>{
    // 使用res.send方法响应客户请求
    // 自动检测测响应内筒的类型(文件类型)
    // 自动设置http的状态码
    // 自动响应编码(状态码)
    res.send('<h2>你好</h2>') ;
})


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

3、express 如何获取静态资源

// 1-引入express框架
const express = require('express') ;
const path = require('path') ;

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

// 访问静态资源,访问参考public目录，直接把文件名在地址栏中输入就行，不用在写public
// app.use(express.static(path.join(__dirname,'public'))) ;

// 为静态资源这是虚拟路径
app.use('/static',express.static(path.join(__dirname,'public'))) ;

app.get('/index',(req,res,)=>{
    res.send('ok')
})

// 监听端口
app.listen(3000,()=>{
console.log('服务器已启动，运行在3000端口...') ; 
})

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

const express = require('express') ;
const path = require('path') ;

const app = express() ;

//1-使用模板引擎
// 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') ;

// 接收请求
app.get('/index',(req,res,)=>{
    res.render('index.art',{
        msg:'index'
    }) ;
})

app.get('/list',(req,res)=>{
    res.render('list',{
        msg:'hello'
    })
})

app.listen(3000,()=>{
    console.log('服务器已启动，运行在3000端口...') ; 
})

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

　　流程控制语句（if else）
　　{{if value}}
　　...
　　{{else if value}}
　　...
　　{{else}}
　　...
　　{{/if}}

　　循环遍历语句
　　{{each name}}
　　索引：{{$index}}
　　值：{{$value}}
　　{{/each}}

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