前端小白关于页面公共页头页脚处理的问题,望大神解答

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

图片描述

阅读 3.1k
评论
    10 个回答

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

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

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

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

            • 569

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

              可以用jquery 中的load方法

                • 1
                • 新人请关照

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

                  • 1.1k

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

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

                      • 38

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

                        撰写回答

                        登录后参与交流、获取后续更新提醒