各位前端牛牛,有没有什么框架可以共用网站的头部和网站的底部。

clipboard.png

这是我在网站中找到的一个例子。
就是想请问各位前端大神,有没有什么框架可以实现各个网页共用一个底部。
不需要每个html都加上所以底部的标签才会出现一样的效果。
我想要实现网页组件的复用。

阅读 4.3k
6 个回答

vue.js就可以,
其它能开发spa的都可以。

另外,你也可以使用iframe来共用。

如果是静态的,直接用ajax加载也很方便。

最简单的办法其实是SSI,server side include,自己百度找找资料。
服务器开启ssi后,一条注释就解决了这个问题了。

jquery不是有load吗? 实在不行 用字符拼接成一个函数,再调用

这有很多种方法,主要的不是框架而是架构吧。将header和footer公用,然后以引入的方式引在每个页面中,或者架构足够好的话,直接一个文件引入一次,之后的页面继承这个文件,然后就可以实现每个页面都有,还很明确的知道就是一个header和footer。可以去了解一下php的一个框架Larval的Blade,思路很清晰,这个不需要你很会php,但是他的继承与引入思想很值得学习。

后端模板引擎基本都支持定义模板片段进行复用,前端的话可以使用vue、react等mvvm框架对公共的组件进行复用,或者使用前端的一些构建工具进行html的预编译

最流行的方式 webpack . 然后require就行了...组件化开发

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题