获取数据显示到页面上

开发工具与关键技术:VS+MVC
作者:茅凯翔
撰写时间:2019年6月25日

在上一次,我写了一个下拉框回填数据,就是选择下拉框,就会回填其他的数据。现在我又来写一个关于回填的,但它不用选择就能回填数据出来。它可以根据你所登录的ID然后回填数据,只要你登录了账号和密码,它就会自动去匹配你的信息,类似于你登录你的账号就能看到自己的个人信息,同时也能进行修改的操作,并非只能查看。给它个双击事件,获取到双击事件,便可进行信息修改。我的保存按钮是隐藏起来的,等你进行修改便会自动显示出来。
获取数据显示到页面上_第1张图片
第一个只是一段文字,自己自行设置就好了。第二、三、四就是要需要回填的框了,inpu里面的type=“text”,名字最好给跟数据库同名,id最好也是跟数据库同名,value最后是要填获取到的数据。最后的就是按钮,display:none;为隐藏状态,block为显示状态。
在这里插入图片描述
第一个获取到那三个框的双击事件,随便双击一个全部都能修改,若是只获取一个,那就要双击那个获取的,其余才能进行修改。Dblclick为双击事件,再获取到框的文本,最后获取那个按钮打开。保存,获取到保存id的点击,然后声明三个名字来接收页面传来的数据,然后进行判断是否为空,若为空便不能执行,若不为空,便会执行下面的获取控制器方法的操作。执行完了,按钮便又会隐藏起来,下次双击便又会显示出来。
获取数据显示到页面上_第2张图片
获取到session的UserID传输到自定义的名字里,然后声明一个自定义的表来接收后面查询的数据。自定义一个接收值来查询myModel的ContactMessage表,连表连User表一起查询,查询出User里的ID传输到第一张表的ID里,条件为账号表里的ID等同于上面获取到session的UserID。然后要列出你要查询的三个框的数据,然后获取到上面查询出来的数据,传输到获取动态视图的数据,最后到视图那边的input标签里面,把这三个获取到数据的分别放入对应的value里面,还要在前面加个@符号,再去运行一下,看看登录后的信息是不是你那个用户该有的信息。
获取数据显示到页面上_第3张图片

你可能感兴趣的:(获取数据显示到页面上)