把几个页面模块拼成一个页面

一个index首页,被分成了几个模块。现在里面的模块做好了,怎么把这些零散的HTML和css拼成一个完整的index.html

将模块需要的样式放到一个里面全部导入到当前页面,每个模块放到一个div容器容器里面,容器做好布局,然后用jquery的load将模块加载到各自容器中,模块只需要返回各自的html代码即可

http://www.w3school.com.cn/jquery/ajax_load.asp

可以通过使用frameset来实现,例如:






具体讲解可参考:http://www.w3school.com.cn/tags/tag_frameset.asp

例如的代码:

 <frameset cols="25%,50%,25%">
  <frame src="frame_a.htm" />
  <frame src="frame_b.htm" />
  <frame src="frame_c.htm" />
</frameset>

首先你要想清除html 是静态的,
如何要让html变成动态的
你需要使用后台来配合

用户发生页面请求到服务器
服务器接收请求给controller(控制器)
controller处理请求去model(模块)拿”零散的Html和css“
拼成html发生给用户

 <jsp:include  page="xxx.jsp"/>

用框架就可以,然后分层。

用frameset可将不同的页面拼接成一个页面