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