html自我介绍网页模板代码_降龙-第6章:模板引擎
直到今天,仍然有很多网站采用iframe作为模板来构建网页。而像React一样的前端框架则是采用了编译打包用加载组件的方式解决模板复用的,这一点跟很多后端语言很像。今天我要讲的是自己研发的模板引擎套件,是内嵌在网站框架中存在的,用不用可以根据开关配置项来决定。
freemarker模板引擎是一款比较流行的插件,用起来也很方便直观,甚至有很多专门为它开发的插件来渲染文档样式,花花绿绿的很好看,而我则是要颠覆它,相比React这样的组件式开发要依赖打包服务器和前端框架支持相对比较重,我决定用最少的代码实现一个轻量级的模板引擎功能。
直接上我最后的模板使用效果图:
这是我网站的微博系统首页代码,看到里面有很多${uuid}的字符串,这个就是我的模板引擎引入写法了,操作和freemarker一样,在原生的html页面里面写这个视觉冲击效果是最强烈的,因为编译器天然支持对网页的代码样式渲染还不报错,同样的样式和脚本里面也支持这种写法。
来看一下这种写法的最终效果图: