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>

猜你喜欢

转载自blog.csdn.net/sea9528/article/details/105405655
今日推荐