jsp页面连接数据库(如MySQL)动态生成可操作的表格

小弟是java专业的,现在在学j2ee,做练习的项目时遇到这样的需求,但是苦苦找寻,始终未能解决难题。

连接MySQL,动态生成表格
生成的表格点击某行,则可以高亮显示该行数据
选择某行,可对其进行操作
删:
改:跳转页面或是弹窗修改
查:跳转到详情页面
其他
最好是表格可分页

例图:

我知道要求有点多,分点解答也行,小弟真心求助,谢谢大家!!

我来一点一点的回答
1 连接mysql,动态生成表格,这个动态的含义不是很明确,目前网上关于使用JDBC连接mysql数据库的文章很多,我就不复制粘贴了,请你百度一下,一大把。
2 点击或者是移动到某行,高亮显示。这里提供一个方法,在标签tr里加上onMouseOver和onMouseOut事件,配合js(或者jquery)修改css即可实现移动到某行高亮,点击的话应该是使用click事件。
3 根据你提供的图片,选择某行,应该是通过checkbox标签实现的,那需要使用js对checkbox标签进行事件绑定之类的。
4 跳转和弹窗都很简单,在js中,使用window.open('要跳转的页面路径','_self')进行跳转,window.open('要弹窗的页面路径','_top')进行弹窗就OK了。
5 查询的跳转,请参照第4点
6 表格分页,有很多优秀的js插件可以实现你需要的效果,这里推荐一个datatables。
最后,估计以你目前的技术,要实现你需要的功能,还要多下工夫,好好专研一下js和css才行。
如果你是一窍不通,建议你抓紧时间,重头学起。只要不是太笨,或者基础太差的话,一个月时间基本上就够了。追问

(字太多,超出上限了,只好截图了,见谅!)

追答

首先,如果要确定选择的记录是哪一行,最好的办法就是给每个tr标签增加一个id;例如:">,而其中的i,可以在while循环中使用i++的办法自动递增。
其次,在删除的时候,可以这样写,')">,然后在js里去判断调整页面及传递参数,传递参数的方法可以使用如下的方法:function del(id){ window.open('xxx.jsp?id='+id,'_slef')}。然后在对应的页面,通过request.getParameter("id"); 然后使用SQL语句进行删除,就OK了。编辑和预览采用的是类似的方法传递参数实现的。
关键是你传递的参数,最好是表的主键,这样才能准确查找和删除对应数据。
不知道我这样讲,你明白没有。

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-06-19
如果你什么都不会,就是让别人做,我想不会有人回答你的
有哪些地方不会到可以问,但不能把要求一扔就全不会吧
第2个回答  2013-06-18
你是要案例还是说要知道怎么实现的。
相似回答