jsp页面连接数据库(如MySQL)动态生成可操作的表格
小弟是java专业的,现在在学j2ee,做练习的项目时遇到这样的需求,但是苦苦找寻,始终未能解决难题。连接MySQL,动态生成表格生成的表格点击某行,则可以高亮显示该行数...
小弟是java专业的,现在在学j2ee,做练习的项目时遇到这样的需求,但是苦苦找寻,始终未能解决难题。
连接MySQL,动态生成表格
生成的表格点击某行,则可以高亮显示该行数据
选择某行,可对其进行操作
删:
改:跳转页面或是弹窗修改
查:跳转到详情页面
其他
最好是表格可分页
例图:
我知道要求有点多,分点解答也行,小弟真心求助,谢谢大家!! 展开
连接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才行。
如果你是一窍不通,建议你抓紧时间,重头学起。只要不是太笨,或者基础太差的话,一个月时间基本上就够了。
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了。编辑和预览采用的是类似的方法传递参数实现的。
关键是你传递的参数,最好是表的主键,这样才能准确查找和删除对应数据。
不知道我这样讲,你明白没有。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询