84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
刚入前端一个月,现在公司需要做一个后台办公系统,老板给我找了一套模板,叫我在那基础上改,主体分为头部,左边导航,和右边内容区,头部和导航每个页面都是一样的,怎么只写一次头部和左侧导航,所有页面都能用呢?最好能详细点告知,晚辈感激不尽
ringa_lee
简单一点话可以把内容做成单独的页面,然后再把头部和导航做成一个公用的页面,最后在这个公用的页面里添加一个iframe标签,通过设置这个标签的src属性,引用不同的内容页的地址就可以了
你应该不需要管公用的事儿,你就每页留个头尾就行,开发套模板会自己把头尾提出来
...用模板引擎include啊,或者用Vue、React组件化开发,引入通用组件就行了
一般来说这是后端实现,把头部、导航、尾部放单独的模板,然后每个页面引入进来就行。前端只有保证你写好的页面每个页面头尾代码一致就可以
前后端都有模板引擎,楼主可以自己选一个
可以用jquery 中的load方法
前端框架好多种,angular2就可以解决
你写你得就行,后台哥们会给你搞好的
主要看你的开发模式了,如果是以前那种jsp,php模式的,可以通过include这种标签语法将公共部分加载进来,如果是纯html页面的,那基本有几种方法。1.通过js封装一个公共的头部。2.iframe内联框架,但是不推荐。3.框架,诸如Angular,React,Vue等这些前端框架。
如果项目有用gulp的话,可以用gulp-file-include之类的
简单一点话可以把内容做成单独的页面,然后再把头部和导航做成一个公用的页面,最后在这个公用的页面里添加一个iframe标签,通过设置这个标签的src属性,引用不同的内容页的地址就可以了
你应该不需要管公用的事儿,你就每页留个头尾就行,开发套模板会自己把头尾提出来
...用模板引擎include啊,或者用Vue、React组件化开发,引入通用组件就行了
一般来说这是后端实现,把头部、导航、尾部放单独的模板,然后每个页面引入进来就行。
前端只有保证你写好的页面每个页面头尾代码一致就可以
前后端都有模板引擎,楼主可以自己选一个
可以用jquery 中的load方法
前端框架好多种,angular2就可以解决
你写你得就行,后台哥们会给你搞好的
主要看你的开发模式了,如果是以前那种jsp,php模式的,可以通过include这种标签语法将公共部分加载进来,如果是纯html页面的,那基本有几种方法。
1.通过js封装一个公共的头部。
2.iframe内联框架,但是不推荐。
3.框架,诸如Angular,React,Vue等这些前端框架。
如果项目有用gulp的话,可以用gulp-file-include之类的