node中Express框架的综合使用

Express

概念：是一个基于 Node.js 平台，快速、开放、极简的 Web 开发框架

使用方法

1.安装express

npm install express

2.使用express

let express=require('express')
let app=express()
app.use('/',(req,res)=>{
	res.send('Hello World123!')
})
//监听端口号
app.listen(8080,(req,res)=>{
console.log('app is running')})

3.运行结果

express结合art-template，中间件等综合使用的小例子（可用作项目）

1.首先安装中间件，art-template等

//安装的时候中间使用空格可以安装多个
//安装body-parser，art-template
npm i body-parser art-template
npm i express-art-template

2.使用

let express=require('express')
let app=express()
let parser=require('body-parser')
let template=require('art-template')
let path=require('path')

//公开public文件夹
app.use('/public',express.static(path.join(__dirname,'./public')))
//设置模板引擎
app.set('view engine' ,'html')
	//注意：views是固定的，因为默认会去项目中的views目录中查找模板文件
app.set('views',path.join(__dirname,'views'))
//express-art-template是专门用来在express中把art-template整合到express中
app.engine('html',require('express-art-template'))
app.use(parser.urlencoded({extended:false}))

app.get('/',(req,res)=>{
//express为res响应对象提供了一个方法：render
//render方法默认是不可以使用，但是如果配置了模板引擎就可以使用了
//res.render('html模板名',{模板数据})
//express默认会去项目中的views目录中找index.html
    res.render('index.html',{title:'hello world'})
})
app.listen(8080,(req,res)=>{
	console.log('app is running')
	})

3.在html中使用模板引擎渲染数据

//如果是单个的数据直接
<h1>{{ title }}</h1>
//如果是数组，如循环li
<ul>
	//lists是你的数组对象的名字
    {{each lists}}
    	//id是你数组里面的属性，有哪些写哪些
     	<li>{{ $value.id}}</li>
     {{/each}}
</ul>