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

Question

假设我数据库的数据是这种格式

每一条船会有很多的检测信息，都是独立开来的
如果想在jsp页面达到这种效果，把所有的信息组成一项

并且能提供模糊查询，如下

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

Answer 1

如果是完全小白，请按照一下步骤
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学习交流