美文网首页
根据数据和模板动态生成页面

根据数据和模板动态生成页面

作者: 十八句 | 来源:发表于2020-07-21 23:10 被阅读0次

1、根据规则去解析链接,并且获取ID或者索引值

//请求路径,http://localhost/movies/1
let index = req.pathObj.base;

2、根据索引获取数据

let movies = [
    {
        name:"雪暴",
        brief:"雪暴简介",
        author:"张震"
    },
    {
        name:"少年的你",
        brief:"少年的你简介",
        author:"周冬雨"
    },
]
let pageData = movies[index]

3、根据模板渲染页面

res.render(movies[index],'./template/index.html')

4、底层需要实现渲染函数,通过正则匹配,找到需要修改的地方进行一一修改

function render(options,path) {
    fs.readFile(path,{encoding:"utf-8",flag:"r"},(err,data)=>{
        if(err){
            console.log(err)
        }else{
            let reg = /\{\{(.*?)\}\}/igs
            let result;
            while (result = reg.exec(data)){
                //去除两边的空白
                let strKey = result[1].trim()
                let strValue = options[strKey]
                data = data.replace(result[0],strValue)
            }

            this.end(data)
            
        }
    })
}

相关文章

  • 根据数据和模板动态生成页面

    1、根据规则去解析链接,并且获取ID或者索引值 2、根据索引获取数据 3、根据模板渲染页面 4、底层需要实现渲染函...

  • Node.js 动手实现简单的模板引擎

    根据数据和模板动态渲染页面(实现一个简单的模板引擎) 准备HTML模板文件index.html 创建服务器serv...

  • JAVA_页面静态化

    1,根据模板生成静态页面 导入依赖: 2,拼接标签生成页面

  • 静态化

    根据模板,从后端服务器和数据库动态获取数据,形成静态页面的内容

  • 模板引擎

    1. 模板引擎结构 模板引擎,它可以根据程序员指定的 模板结构 和 数据,自动生成一个完整的HTML页面 好处 减...

  • Express学习-模板引擎(Template Engine)

    模板引擎(Template Engine), 是用来解析对应类型模板文件然后动态生成由数据和静态页面组成的视图文件...

  • 自动化代码生成器 v1.2

    官方群(版本动态): 332300807 代码生成器通过编写模板和数据源就能快捷生成各种代码,比如网页页面,枚举,...

  • 自动化代码生成器 v1.0 使用手册

    官方群(版本动态): 332300807 代码生成器通过编写模板和数据源就能快捷生成各种代码,比如网页页面,枚举,...

  • WEB 开发缓存策略介绍

    引子 web页面在服务器端进行渲染,需要根据模板和数据库数据经过运算生成和渲染出最终的页面,这些运算和渲染过程会耗...

  • Go语言 Web开发(9)模板处理

    什么是模板?在做JavaWeb开发时,经常会在JSP页面中通过插入 <%=....=%>来实现插入动态语言生成数据...

网友评论

      本文标题:根据数据和模板动态生成页面

      本文链接:https://www.haomeiwen.com/subject/zkmgkktx.html