nodejs模板引擎的使用

原创

已于 2022-12-08 15:16:46 修改

· 684 阅读

0 ·

版权

文章标签：

#javascript #前端 #开发语言

于 2022-12-08 11:50:19 首次发布

前后端不分离的情况(数据都来源于后端,前后端不可以分离使用)

npm i express art-template express-art-template --S
先下载模板引擎,模板渲染,还有experss服务器的包

js代码

//导入express服务器第三方的包
const express = require("express")
//导入模板引擎
const artTemple = require("express-art-template")
//导入node的fs文件系统的模块
const fs = require("fs")


//创建服务器实例
const app = express()

//注册模板引擎(告诉express框架使用什么模板引擎渲染什么后缀的文件)
//参数一:要渲染的文件名后缀
//参数二:使用什么模板引擎去渲染
//默认会渲染项目根目录下的views文件夹下的.html
app.engine("html", artTemple)
//当文件夹名不是views
//设置目录文件夹
app.set("views", "./xiaoji")//如果不需要修改,这行代码就省略

app.get("/", function (req, res) {
   
    res.render("index1.html", {
   
        title: "今日书籍打折",
        books: [
            {
   
                name: "三国演义", price: 50, disc: 30
            },
            {
   
                name: "水浒传", price: 60, disc: 48
            },
            {
   
                name: "西游记", price: 70, disc: 56
            },
            {
   
                name: "红楼梦", price: 50, disc: 30
            }
        ],
        arr: ["小红", "小明", "小翠"],
        age