关于jsp页面功能实现的问题

假设我数据库的数据是这种格式
图片说明
每一条船会有很多的检测信息,都是独立开来的
如果想在jsp页面达到这种效果,把所有的信息组成一项
图片说明
并且能提供模糊查询,如下
图片说明

这一个网页还看不了源代码,源代码只有初始界面的。想借鉴也不行。
要完成上述功能,应该学习哪方面的知识与技巧,如今一筹莫展,望前辈们给指个方向。

如果是完全小白,请按照一下步骤
1. 学习如何用eclipse 或者myeclipse创建web项目,并在tomcat下发布
2. 学习mysql数据库,基本操作,这个数据库可以在自己电脑上安装,比较简单,也就是自己的电脑作为数据库服务器
3. 学习java如何通过jbdc链接操作mysql数据库
4. 学习jsp内置对象,servlet技术
5. 学习前端基础,如HTML CSS JS jQuery

如果上面这些搞定后
1. 学习MVC概念
2. 学习SpringMVC(个人觉得struts2不如这个好用),作为控制器替代Servlet
3. 学习Hibernate作为ORM框架代替原生JDBC
4. 学习SpringMVC+Hibernate+Spring框架搭建

java web学习交流

1、学习数据库,建立正确数据库结构,满足页面和业务数据要求。
2、用java的话用SSH搞定。

开发工具用eclipse,创建个javaweb项目,前端用easyui+jsp等等,后端servlet+javabean,用jdbc进行数据库连接,数据库看你自己选择(mysql、db2、oracle等等),学习下sql语法;不需要采用框架基本上也可以实现你的功能了。