javascript - 前端小白关于页面公共页头页脚处理的问题,望大神解答
ringa_lee
ringa_lee 2017-04-11 10:05:33
[JavaScript讨论组]

刚入前端一个月,现在公司需要做一个后台办公系统,老板给我找了一套模板,叫我在那基础上改,主体分为头部,左边导航,和右边内容区,头部和导航每个页面都是一样的,怎么只写一次头部和左侧导航,所有页面都能用呢?最好能详细点告知,晚辈感激不尽

ringa_lee
ringa_lee

ringa_lee

全部回复(10)
阿神

简单一点话可以把内容做成单独的页面,然后再把头部和导航做成一个公用的页面,最后在这个公用的页面里添加一个iframe标签,通过设置这个标签的src属性,引用不同的内容页的地址就可以了

怪我咯

你应该不需要管公用的事儿,你就每页留个头尾就行,开发套模板会自己把头尾提出来

ringa_lee

...用模板引擎include啊,或者用Vue、React组件化开发,引入通用组件就行了

迷茫

一般来说这是后端实现,把头部、导航、尾部放单独的模板,然后每个页面引入进来就行。
前端只有保证你写好的页面每个页面头尾代码一致就可以

PHP中文网

前后端都有模板引擎,楼主可以自己选一个

高洛峰

可以用jquery 中的load方法

PHPz

前端框架好多种,angular2就可以解决

迷茫

你写你得就行,后台哥们会给你搞好的

阿神

主要看你的开发模式了,如果是以前那种jsp,php模式的,可以通过include这种标签语法将公共部分加载进来,如果是纯html页面的,那基本有几种方法。
1.通过js封装一个公共的头部。
2.iframe内联框架,但是不推荐。
3.框架,诸如Angular,React,Vue等这些前端框架。

黄舟

如果项目有用gulp的话,可以用gulp-file-include之类的

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号