0

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

图片描述

2016-12-06 提问
10 个回答
1

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

1

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

0

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

0

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

0

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

0

可以用jquery 中的load方法

0

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

0

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

0

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

0

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

撰写答案

推广链接