关于页面组件化的问题

前端小菜,最近写公司的网页,发现页面上的很多内容都是可以重复使用的,例如页面导航栏,也听说过一点web component,想尝试着把这些可以复用的东西分离出来,这时候,我考虑到一个问题

分离出来的组件怎么导入的页面中呢?
之前弄过博客系统(jekyll和hexo),所以我知道后端有这种类似的功能,但是作为一个前端的话,我该怎么处理这个问题呢?
是交给后端来完成呢,还是我自己使用某些开发工具来合并组件?

大家给个意见~!

回复
阅读 4.1k
5 个回答

一般是通过模板引擎技术,对于java的后台,可选的模板引擎有:jsp、freemarker、velocity。
如果你用的是JSP技术来写HTML网页的话,可以这样做:
1、先将导航栏单独写在一个 jsp 文件中,当然此 JSP 文件中包含了导航栏需要用到了 css 文件和 js 文件。比如导航栏所在的jsp文件为:navigation.jsp
2、然后在你需要使用导航栏的页面(此页面名称为 index.jsp)中,通过<%@include file="<相对于 index.jsp 的路径>/navigation.jsp"%>,就可以把导航栏组件引进页面中了。

更多模板引擎的相关知识,可参考:http://www.bkjia.com/webzh/901507.html

新手上路,请多包涵

jq.load方法

JQ load就可以了~
实在不行 彻底革命 React全组件

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