前后端分离下的页面头部问题

个人理解的前后端分离简单来说,就是静态的HTML页面通过Ajax等技术,从后台获取数据来生成最终页面。
但,问题来了:通用的页面头部该如何处理才好呢?
每个页面复制粘贴?使用jquery加载同一个头部分页页面?再次引入模板语言?

阅读 4.6k
2 个回答
新手上路,请多包涵

ajax?恩....这分离,好样的。那你头部可以通过ajax返回,一个请求拉过来。或者直接封装到js中,当组件用...
体外话,我理解,前后端分离的只是一个开发方式,而你这种是最弱的那种。页面渲染都不打算借用后台了,这样不是很好。各大语音都有自己的mvc,前端参与进去,如果愿意,可以负责m和v部分,不过最近网上最火的,算是node吧,你可以多关注下

对于纯单页应用来说,你说的问题就不是一个问题,都是在同一份html上做文章,

    <body>
       <header></header>
       <view-container></view-container>
       <footer></footer>
    </body>

使用ajax和前端的路由来实现view-container中内容的无刷新替换,header和footer始终不会改变

如果是多页+单页混合开发的,可以使用后台的一些模板工具,比如jade,ejs来生成header和footer,而view-container的内容还是使用单页的一些技术来实现,比如Angular,Vue,Ukujs(这里容我给自己的工具打个广告)等等。另外即使你不使用后台的一些模板工具,那么使用前端的模板工具照样也可以实现以上的需求,比很多前端框架都有include模板的功能,甚至你可以把header和footer封装成组件来复用都是没有问题的。

推荐问题
宣传栏