从零开始学习laravel web(七)

由于我不是做设计的,所以思路比较乱加之最近有点忙,所以代码是比较烂的大家不要介意啊,今天我们我们继续开始后面的开发,由于是后台管理系统,所以我们的用户从理论上说是不能自己注册的只能通过管理员添加用户,下面我们就开始用户的添加,修改,以及对用户的控制权限,如果说,我们把现在这个当做一个OA或者erp 当前的的用户不在我们公司了,我们需要改用户的限制了,也许你觉得会删除掉用户的信息比较好,但是为了我们后面做报表做系统分析,不建议你删除掉,何况,关于数据我们一般都不会做物理删除

好了不废话了现在我们直接开始了

这是我们的页面


实现的原理很简单定义一个路由然后添加一个方法把数据从数据库中查询出来,就可以了线面是代码


路由 添加user路由后面的username是模糊查询的参数,?这个参数代表着可选参数 
在logincontroller中定义user方法查询出所有的数据sql语句可能大家有可能看得不是很明白,由于后面我们有关于权限的设置所以我在这使用的join查询了两张表,当然现在用不到的,也不用管,只需要把user表中的数据查询出来就可以了

这是实现的方法关于username参数在路由中我们定义了,在这边价格判断是应为我们应该支持模糊查询,如果有好多的用户我们找的时候使用模糊查询就方便许多了paginate是laravel的分页效果,我们每页显示15条页面中我们是看不到的只有当数据大于15条以后才会显示最后我们将数据传递到admin->userblade.php页面中去在页面循环我们要显示的字段就可以了

blade模板里面的所有的循环判断,也就是后台语言我们都需要+上@, 结束也要使用@ 比如 @foreach @endforeach这样我们就可以在页面的表单中看到我们的信息了,再来说下模糊查询

找到文本框找到button这里我们的文本框是username给button添加点击事件 onclick里面的的参数就是我们当前页面的url在点击的时候使用js获取到文本框的值如果不等于空说我们们里面有值,在将值传递给当前的url就会走我们后台判断user_name不是空的sql语句了并刷新当前页面就可以了,关于获取值的方式有很多种大家可以根据自己的实际情况看看,我们这有两个用户,条件是根据name查询的下面我们就可以试试看是否成功了
在这我填入了一个z如果有这个字符就会查询出来并显示出来的点击button就会出现一条数据了


下面我们开始做添加用户在这我们使用了bootstrap模态框的效果,点击add弹出一个框来,不懂的朋友们可以去看看bootstrap的网站里面有介绍只需要在add上面价格样式就可以了

上面add是我们添加的按钮,最后一个div是我们的模态框页面就会出现如下效果

点击add出闲了上面的效果然后我们把需要添加的信息填充到input中点击buttonn向数据库中添加,在这我们使用ajax的方式实现get模态框的button添加事件,我们给模态框添加了一个button的事件,编写脚本如下

由于是提交饿哦们采用post的方式前面的是验证,同样的没做太多的验证判断是否为空使用了layre插件,如果提交表单为空就会出现下面的效果

添加的我们提交到了一个useradd的路由我们需要在web.php中定义这个路由,将token和我们的表单里面所填写的值传递到这儿路由里面,在这个路由里面使用input接收到我们所有的数据 
路由文件

是我们的add_user方法

获取到所有的数据之后我们需要验证登录邮箱是否有重复,登录名不能相同,不用解释了吧,如果相同我们返回一个json的格式并提示错误信息,如果登录名验证通过我们就像数据库中添加数据,给了一个默认的密码123456,添加成功之后我们也采用json的方式返回到页面的回调函数中去,不要忘记了我们采用的ajax的方式,回调函数的代码上面已经有了就不截图了,返回到页面之后,判断status的状态等于多少在我我们这1代表着成功,0代表着失败,是需要在页面判断就可以了意思是不等于1的话说明我们已经存在了这个登录邮箱使用layer插件的.msg()将错误信息显示出来,并给一个表情包,成功也是一样的给一个笑脸 并刷新当前页面,下面是效果这样我们就可以添加用户成功了,举个例子我们现在添加一个[email protected]的用户邮箱,用户名是123第一次成功后面是失败由于是ajax的方式所以速度很快的,可能截取不到效果图

可以看到我们添加之后就会刷新当前页面并且多了一条数据了,接下来我们看看失败的效果
由于我们这个邮箱已经存在了,所以会失败

给了我们一个提示的错误信息,就是我们定义的json里面的信息,同样的我们后面的禁用用户或者开启用户在数据库里面添加一个status的字段,1代表着正常,0代表着禁用,店家Disable  根据id进行修改数据,同样的需要定义路由下面是代码就不给大家解释了一看就会明白的

同样是采用ajax的方式
下面是效果

代码的意思是如果当前用户已经禁用了,那他就不能有任何的权限了,只有开启才有权限,同样开启也是一样的只需要将控制器中的方法中的status参数改为1即可,然后在把登录时的代码给修改下,如果用户被禁止掉了,我们是不能让该用户登录系统的
我们禁用了[email protected]这个用户然后我们修改登录代码在开看看效果

然后我们登录就给给我们提示第2条back返回的数据,关于back前面已经说过了这就不在多说了

填写信息点击sign ln 

提示错误信息联系管理员激活邮箱,
前面忘记讲了,现在我们在来说下关于退出功能,非常简单的,我们登录成功之后是将数据存在session里面的我们将session里面的数据清空了就可以退出当前登录的状态了
定义退出路由添加方法

当session = 空的时候我们将页面重定向到登录页面就可以了,感谢大家的阅读,有不对的地方欢迎大家吐槽

猜你喜欢

转载自blog.csdn.net/mzjmc123/article/details/76879487