扫码关注官方订阅号
前端如何做模板页,然后怎样套用到不同的情景?就是不同的情景时,页面结构是一样的,但是图片或者文字内容不一样。具体过程是怎样的?
人生最曼妙的风景,竟是内心的淡定与从容!
第一个问题 :如何做模版页 首先要知道什么模板页?模板页的意思是预先定义好了各种样式和结构,只需要添加内容就行了,就是楼主说的,页面结构一样(样式一样?)但是内容(图片和文字)不同。
如何做模版页
怎么做呢?
如果你是纯html那么直接把预定义好的html模板和数据内容拼接后动态添加到页面既可。哪里需要就在哪里加载然后拼接成一个新的dom结构直接加载到页面上就行了。
html
dom
如果你用了母版页技术那就相对简单一点。比如ejs,jade,.net上的master,或razor`中的layout都自带了可以嵌套子页面的功能了。
ejs,
,.net上的
,或
以上
调用这个是后端做吧,前端只要负责把这个页面按照设计拆分好模块就行
每种语言都有自己的模板引擎吧,看你后端用什么写的,比较通用的有ejs,jade等
一般情况都是前端做成静态页面,怎么调用填充数据有后台程序进行设置的。例如:各种cms
还有就是由前端进行模板制作,访问每个页面从后台进行数据获取,进行渲染。例如:各种前端模板引擎
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
第一个问题 :
如何做模版页
首先要知道什么模板页?模板页的意思是预先定义好了各种样式和结构,只需要添加内容就行了,就是楼主说的,页面结构一样(样式一样?)但是内容(图片和文字)不同。
怎么做呢?
如果你是纯
html
那么直接把预定义好的html
模板和数据内容拼接后动态添加到页面既可。哪里需要就在哪里加载然后拼接成一个新的dom
结构直接加载到页面上就行了。如果你用了母版页技术那就相对简单一点。比如
ejs,
jade,.net上的
master,或
razor`中的layout都自带了可以嵌套子页面的功能了。以上
调用这个是后端做吧,前端只要负责把这个页面按照设计拆分好模块就行
每种语言都有自己的模板引擎吧,看你后端用什么写的,比较通用的有ejs,jade等
一般情况都是前端做成静态页面,怎么调用填充数据有后台程序进行设置的。例如:各种cms
还有就是由前端进行模板制作,访问每个页面从后台进行数据获取,进行渲染。例如:各种前端模板引擎