29、尚硅谷_SSM高级整合_修改_回显员工信息.avi原创

好，接下来呢，我们完成咱们这个点击编辑，显示我们这个员工信息，那么这个点击编辑要显示信息呢，哎，也是非常简单，我们发一个as请求，去我们这个服务器查询到我们当前要编辑的员工的详细信息，把他们都显示在这儿就行了，诶只不过呢，我们刚才要求这个员工名字这一块呢，不是我们这个输入框，它是不用修改的，我们就给它提示一下就行，来看咱们这个Bo rap样式中。哎，没有输入框的，咱们这个样子。好，咱们这个表单，表单这里边有一个静态控件，好，你看啊，这个email就是没有输入框的，哎，其实呢，就是加了一个标签，诶这个叫form control static，哎，这是一个静态的，我们来到咱们这个模态框，把这个修改一下。好员工的名字，哎，名字这一块呢，不是一个input了，我们是一个静态的，咱们这个输入框，好我们这个ID。

ID，我们就叫员工的姓名。好，我们呢，就叫咱们这个。Employee的，咱们这个update。咱们这个static啊，咱们这个静态框，静态框呢，好，然后呢，我们来看啊，这个样式呢，我们现在改好了，走好这一块呢，应该是我们静态的显示出咱们这个员工姓名，接下来我们就来做咱们这个发请求查员工数据，好在这一块这一块呢，我们应该查出员工信息显示在模态框中，好所以说呢，我们来写一个查询员工信息并显示的方法，那我们就叫get EP。然后呢，我们这个员工信息的查询，我们需要发一个Ajax请求啊，Dollar服点aja。

要发这个请求，我们就得有我们这个请求的处理，我们先来到咱们这个处理器，我们来写一个能处理查询员工请求的方法，好，Public还是一样，我们把查询到的返回数据我们都放在这个message对象中，好，那就叫get e，然后呢，先来return。Request我们要处理的请求，诶这一块注意我们之前都规定这是一个rest风格的，所以说呢，哎，我们处理的请求是杠EP带上员工的ID，然后呢，他的请求方式，哎请求方式呢，如果我们是get方式，哎我们就是一个查询，所以说呢，来写上request get。这一块呢，我们就按照我们以前在这一块的uri的地址约定，我们来写好get请求，接下来返回的数据，Response。

好，Response body我们来查询，假设呢，Employee service方法有一个叫get emp的方法，这个方法呢，会传入咱们这个员工ID，诶比如呢，这有一个配这咱们这个ID，把这个员工的ID传进来，然后呢，会帮我们返回查出来的employee对象。Employee，好，然后呢，这个对象啊，我们查出来以后呢，message.success我们可以返回出去点and啊，我们把返回成功的employee对象的内容，我们就放在这个EP中。好，我们可以返回到结果里边放一个它，我们就把这个方法创建出来。创建出来这个方法呢，就是按照咱们这个员工ID查询咱们这个啊员工，那么这个查询呢，我们就来写上调用employee member.select诶这有一个SELECT8PRIMARY key，但是呢，我们查的时候呢，还带上咱们这个部门信息，哎带不带都行，我们查的时候要这个部门ID就行了，好，我可以要这个，我不要联合查询的，就用一个啊，咱们这个查他基本数据的好。

查出咱们这个employee对象，这个employee对象呢，我们直接返回即可，那么这个我们按照员工ID查询啊，员工的这个方法就写好了，但这个ID来源于哪呢？就是来源于我们请求地址的这个变量啊，那么使用pass variable来指定这个ID呢？是从路径中取出我们这个ID占位负的值，好，我们接下来来到页面来，在这一块呢。我们这个之前，我们先调用咱们这个查，查出部门了，我们再来查询员工信息好。

查询员工信息二号，好，那这个员工查询URL地址就是我们当前项目下APP pass，我们当前项目下的EP请求，但是路径上还带着员工I这个ID怎么带呢？我们可以把这个ID传进来，好。这一块呢，会带一个员工的ID。行，那么呢，然后我们的请求方式，我们来规定一下，它是get请求，请求成功以后success。Success来方式请求成功以后呢，我们服务器会给他返回咱们这个员工的。数据，我们在控制台可以看一下服务器对这个数据的返回结果。好，那么呢，我们这个ID关键就是得传进来，我们点了这个编辑按钮有两种办法，第一种办法呢，我们点编辑按钮，你看啊，这是编辑按钮，我们可以找到编辑按钮，找到它的这个负啊，祖先TR元素的第一个TD的值，其实就是员工ID，当然我们也可以借鉴，我们之前来做咱们这个新增的时候，我们可以给咱们这个编辑按钮，我们来自定义一个属性啊，这个属性的值呢，就是我们员工的ID，所以说我可以在这儿创建编辑按钮的时候。

哎，我们在这一块，我们往上翻好这一块呢，这是创建编辑按钮，创建编辑按钮的时候呢，我们可以为咱们这个编辑按钮添加咱们这个属性，为咱们这个编辑按钮添加一个自定义的属性。添加一个咱们这个自定义的咱们这个属性来表示表示咱们这当前员工的ID。

哎，我们可以这么来做啊，那么呢，我们来填上这个自定义属性。点at tr，比如呢啊，我们有一个自定义属性，就叫editd-D有一个这个属性，那么这个属性的值呢？啊，就是我们员工的ID，哎，就在这儿。把它值复制过来，这样的话呢，我们每一个按钮都会有这个属性的值来，可以看一下编辑按钮审查来，因为员工ID，但是它的值怎么这是一个object呢？好，我们来把这个值重新来看一下啊，这个值不是一个，这是一个哦，这个员工ID我们是这么来获取啊，我们这一块这个是员工ID的这个TD看啊，这是TD。我们来item ID，这才是员工ID，好，我们在这里边显示好。哎，刷新我们来看每一个编辑按钮，哎，这就有员工ID，那么这个编辑按钮也一样，哎，这员工ID好，没问题，那么接下来我们在这里边。

就简单了，好往下看，那么这块呢，传入ID，哎，我们只需要找到这个按钮。哎，直接当前被点击的按钮就是this this的at tr，哎，我们来找到它的这个IID属性啊，要编辑的这个员工ID，哎，就是它IDID好这个值呢，就是我们员工ID传给这个方法，好我们来调用，我们来测试。刷新好network，我们来填空请求。来发送一个编辑请求，点编辑，哎，我们来看啊，发的这个请求过来了，带的员工ID是一，哎，发的是EP杠一这个请求只不过我们这个服务器，哎，我们来重新启动一下。我们刚才呢，把这个请求编好了，服务器没重新启动。

刷新刷新我们来看啊，我们点编，哎，这不是不是新增点编辑好，他会发一个这个请求，这个请求呢，会拿到咱们这个啊查过来的员工数据，这个数据呢，在控制台打印，在extend里边有emp里边呢，就是我们的员工数据，所以说呢，我们拿到员工数据进行显示就行了。好，咱们这个员工数据PP的这个数据就是result里边的extent里边我们有一个，哎，我们来看啊，Extend里边我们有一个ERP属性，对应的值就是我们这个员工data员工数据，那么呢，我们接下来就是在页面的指定位置啊，对话框的这个指定位置显示每一个数据就行了，好，第一个位置就是我们employee name的咱们这个。

啊，PP里边的这个员工名拿到他。拿到它好，我们这个P标签里边的文本值就应该是，哎，我们这个员工的，咱们这个名字，名字呢，我们叫emp。好，拿出员工的名字，哎，这个object。Extent好员工的，咱们这个P呢，诶就是它，那么接下来呢，还有我们要显示的数据，那显示的数据呢，就是咱们这个邮箱，哎，这个邮箱，这个邮箱呢，我们每一个邮箱啊，我更新的邮箱有一个ID叫它那给这个邮箱复合值。哎，尽量找到这个input框来给input框赋值，就是直接调用value方法拿到我们邮箱的值，就是它点email。好这两个值，这两个值拿到以后呢，还有还有我们点编辑诶，这两个显示正确了，那么还有我们这个啊，真的以及咱们这个部门要被选中，那么这个下拉列表以及单选框被选中也非常简单，来找到咱们这个下拉列表。

和单选框，单选框右键检查审查元素，那么每一个单选框呢，我们来看啊，都是真的的，这个单选框我们不用ID，我们用这个好。来找到找到这个真的。找到咱们这个input真的单选空input，但是呢，它的这个type是真的。哎，Type呢，哎，Type不是真的，Type呢，是咱们这个radio，它是一个单选框啊，或者呢，我们这么来找，或者呢，我们是来找name，等于真的啊，我们来找这个input。咱们的这些已经input呢，Name等于真的那么呢，但是它是咱们这个表单里边的把员工修改的，咱们这个表单我员工修改模态框，哎，是这个模态框里边的这些input元素，好，这个模态框后边的这些input元素，我们这些单选框要被选中也非常简单，我们这个Y6赋值的时候，诶我们来看啊，Y6赋值的同时，我们还可以让哎，Select被选中，或者单选框被选中，你看啊，这个单选框被选中就Y6值，我们可以传一个，哎，如果被选中的单选框传入单选框的值以及下拉列表，下拉列表呢，我们可以用咱们这数组传值。

哎，都行，那我就直接点完了。好，那么呢，我们这个单选框要被选中，那么要被选中第一个值，第一个值呢，就是我们来找到啊，我们是男是女，是男是女呢，我们这个返回值里边，哎，员工数据里边就有一个真的好把它放在这个哎数组里边，那么这个单选框就被选中了，包括我们这个下拉列表也是一样的逻辑。

好，这个员工修改模态框里边的这个下拉列表，下拉列表点Y6好，然后呢中括号，然后呢我们传入我们要选中的值，诶就是我们员工，因为我们这个员工里边会带一个did属性，Did就是部门ID，然后呢它就会选中对应的这一栏，哎来刷新，重新测试刷新好这个呢是开发部这些显示走难，哎没问题，我们来看有没有女的最后一页好，这个女测试部，我点来女测试部好，显示一切正常，我们接下来就来完成点击更新。更新员工就行了。