33 - 尚硅谷-RBAC权限实战-用户维护 - 新增用户.avi原创

那页面现在已经准备好了，那我点击新增按钮的时候，我要对页面的元素进行非空校验，最起码你账号不能为空啊，否则你账号为空的话，那我们如何登录呢？诶，所以账号名称一般都不能为空，邮箱地址呀，他如果为空的话，问题也不大啊，所以呢，我们这个暂时就不关心了啊，咱们只要判断账号就可以了啊，其实名称也可以判断一下，但是其实它的判断是一样的，我们就不再写那么多了，就判断一个账号就可以啊，所以我们把页面找到，找到它的按钮，它的按钮就在这个位置，然后它有一个新增按钮，新增按钮呢，我们在这里给它增加一个ID，它等于，那么这里我们就叫insert button。然后我们给它来拷贝，拷贝以后我们放到下面，当页面内容加载完成之后，我们给它增加点击事件，所以Dollar符我们井号叫insert button.click，然后写上回调方法，呃，回调方法当中啊，我们说了，我们这里也需要对我们的页面元素做非空校验，所以我们的页面元素咱们也不用验证很多呀，啊这里面一个是login account。

还有一个是username啊，User name，还有一个是email啊，咱们其实验证一个就可以了，并且呢，我们这里还需要对我们的什么消息提示，那所以我得参考一下来参考一下咱们之前的那个页面提示呀，嗯。把layer拷贝过来，拷贝过来以后放到我们的这个位置放过来，好，接下来那我现在呢就可以做判断了，哎，Login account它等于Dollar符，然后井号login，诶，它等于log account，然后第二把这个写上判断if，如果log account它等于空字符串，说明你根本就没有输入任何的内容，我要提示一下了，所以我们在这里呢，给它提示一下啊来。

原封不动拿过来拷贝改改你们的消息就可以了啊好，然后呢，接下来我就写上咱们叫做登录账号啊，登录账号它不能为空，请输入，嗯，好，写完之后，那你的逻辑可就不能往下执行了，所以我们直接return就可以了啊，那么return之后其实还有那个名称，还有那个邮箱地址，我们这里就简单一点不再做了，那我们这里直接来提交我们的数据就可以了，那那么我们这里提交啊，我们现在呢，既然讲过异步的那种方式，我们全都使用异步的方式来提交数据，所以Dollar符点阿贾克斯，然后我们大括号接乘对象type等于post，然后ul写上我们的APP pass。

好，斜杠，我们的U，我们就叫insert啊，咱们要新增数据了，然后那我的数据都有什么呢？Date，我们这里第一个login account，然后把我们login account取到，还有username啊，把这个user nameme放过来，然后呢，Dollar符我们写上井号user name.value嗯，再来一个email，好，Dollar符，然后井号email.value就可以了。啊，行了，写完之后页面中的三个元素的值我们都有了，那我们要发送数据了，那么发送数据的时候我们最好也给他loading一下，用户的体验会好一些，所以我们还是增加loading。

这个loading在我们这里，首先我把loading的前面这个变量我们拿过来。呃，放到这个位置啊，好，接下来把它的这个loading给它加上啊，其实我们的loading啊，除了这种效果以外，还有别的效果，但是我们还是统一吧，咱们都用这个，嗯，好，我们放到这里，接下来我们success，嗯，好，我们说了，不管你成功还是失败，只要你有了结果，我们都应该把loading关掉，所以把loading给它close掉。关掉。那么关掉以后，我就该判断了，你的这个结果是成功还是失败呀，有没有发生什么问题呀，或者知道一下，所以我们if else，如果你成功了，他走的是这里，如果你失败了，他走的是这里，那既然失败了，我得提示一下，叫做用户信息保存失败啊好，我们写上用户信息保存失败，嗯。

叫用户信息保存失败，请重新操作啊，请重新操作，嗯，好了，那我们如果成功的话，那成功就没说的了，你提示一下保存成功，然后回到之前的页面就可以了啊，所以拷贝拷贝之后我放到这个位置，然后写上用户信息保存成功，诶好，然后诶就行了，提示成功就可以了啊这个时间不用很长，给个一也差不多，然后那我们应该是个笑脸啊，就没有别的效果了，然后这个方法就是当它消失的时候，我们怎么做，那我们说了就要回到之前的页面，location.h re EF，然后Dollar for APP pass，然后斜杠，那这个斜杠呢，就是要回到之前的那个首页index页面就完事了啊好了，那我们现在这么写完了以后。

那现在就剩下这个功能，我们该如何实现了，所以我们要在这边增加一个public object，因为你是阿贾克斯嘛，不需要跳转页面，我们返回object就可以了啊，Insert，嗯，好，然后呢，圈request mapping，然后斜杠insert，那么这边是我们的response body啊，可以了，那么里面写上阿贾克斯，这是我们之前写的比较多的了，阿贾克斯，然后return，嗯，行写完了之后啊，接下来我们这里给他一个TRY，嗯，好，然后呢，我们的catch，嗯，那么这里我们写上叫exception e一点，诶，打印我们的错误信息，然后我们这里呢，就失败了，点set success，给他个false，然后我们上面呢，我们认为就成功了，Set success给个处就。

可以的啊，那行，那接下来我得把页面中的数据给它取到啊，正好我们有一个对象叫UR，它就可以获取我们页面中传递的数据，那然后我的service user service.insert UR就可以把这个UR给它放进去了啊好了，那你这么写完以后点击小灯泡，然后呢，Create，我要去增加方法，并且要实现这个方法，所以打开。点击它，我要实现这个方法了，那我写上叫做u door insert u，嗯，好，把U给它传进去，那么我的道根本就没有这个方法，所以点击create，那么现在这个方法就已经有了，有方法那我要去把对应的circle文给它写上，所以打开映射文件，映射文件当中监括号我们叫insert ID，拷贝过来叫insert userr就可以了，接下来我们来写它的对应的circle文insert into t_U然后括号values括号，诶这么写就行了，那么这么写完了以后，那接下来我要把数据库的字段给它加上了，那我来确认一下咱们数据库当中的字段，Logging account。

User password username和email，所以啊，我们来写上咱们叫log in account username，还有user password，还有我们的email，诶好了，那你这么写完了以后，在下面要对应的把它的数据给它准备好，然后我们这里来user name，还有我们再来叫password，好，还有一个就是我们的email了，啊好了，那我这个写完了以后，大家有没有发现问题啊，什么问题？我们页面当中其实我们只有1233个文本框，对吗？但是我们这里的参数有几个1234，那是不是意味着它缺了一个呀？缺了哪一个？

密码啊，我们这个密码并没有，为什么，因为我们的用户他是系统管理员，他给的是吧，创建的账号，那这个密码你不能说你就随便写啊，你最好呢还是统一，然后呢，我们给一个默认密码，由用户自己来修改，所以我们这个密码是不会给你直接在页面中增加文本框的，不会这么做。所以的话，那就意味着在我程序当中，在保存数据之前，我们点我们叫做site user password，我们给他一个默认值，比方说123456，那这样的话，所有用户在创建的时候，它的默认密码都是123456，如果你觉得不好，你自己修改就行了啊，所以我们这里呢，把默认密码给它加上啊，好了，行了，那现在呢，我们的数据呢，有了四个了，那么S文也有四个参数，这就匹配上了，我们现在来验证验证可不可以啊好，那我现在呢，把它停掉，然后重新启动一下。

好了啊，现在呢，已经启动完了，那么启动完了以后呢，我们来试一试刷新，刷新以后啊，咱们现在呢，写个123，我们这里没有什么验证嘛，123我就随便写了123，然后我点击新增，如果成功的话，那么数据库里会多一条数据，并且会回到之前的页面来点新增点。点完以后说保存成功，回到这个页面，大家看一下，我点123123出没出来，出来了，那就说明用户信息保存成功。