获取id查看详情信息

我今天要讲的是最近学习上解决掉的一个小问题,就是在一个表格中获取一条信息的详细信息。这个功能这要是样的一个原理。通过获取表格中单选框的id然后传递到另外一个页面,另外的页面根据这个ID进行数据的查询。
转入正题。我使用的开发工具是Visual Studio 2015
首先就打开Visual Studio 2015
获取id查看详情信息
接着就是搭建HTML页面。这个简单就需要一个table标签就可以了。
然后就是table表格的方法渲染,这里记得要加单选框。,因为id是通过单选框来
获取的,没有单选框的话id是获取不到的。
简单的表格HTML:
获取id查看详情信息
搭建好表格之后就是方法的渲染了:
获取id查看详情信息
表格渲染要放在页面加载事件中,这样页面加载完成表格就出现了。
下面就是数据查询:这个是一个多表查询,书写了方法之后还要在页面中
调用多条件查询。
获取id查看详情信息
书写了查询方法之后就在页面调用:
获取id查看详情信息
在加载事件中调用这个函数就会查询到数据库的数据了。
接下来就是点击表格中的一条数据弹出它的详细信息的功能了。
这里要再搭一个html页面:方法一样只需一个table表格:
获取id查看详情信息
以及它的表格渲染以及数据查询都是同理可得,所以就不一一列出来了
接着我在第一个页面中使用layui的弹出层:
获取id查看详情信息
在第二个页面获取id即可
获取id查看详情信息
调用函数
获取id查看详情信息
就可以了,页面效果可以回去自行尝试一下哦。
那么呢 文章到这里就要告一段落了。
感谢阅读