layui后台管理登录

1. 登录操作进行验证判断

2. 调用接口发送请求

3. 可存储信息在浏览器缓存

此处所用请求方法为js中自己写的方法封装好的，感兴趣的可以去看下。layui封装js封装js方法https://blog.csdn.net/qing_er_/article/details/126097088

如果未封装，可用ajax请求调用接口。

        // 进行登录操作form.on('submit(login)', function (data) {data = data.field;var captcha = $('#ctl00_txtcode').val().toUpperCase(); if (data.username == '') {layer.msg('登录账号不能为空');return false;}if (data.password == '') {layer.msg('密码不能为空');return false;}if (captcha == '') {layer.msg('验证码不能为空');return false;}if (captcha != code) {layer.msg('验证码不正确');return false;}postData('url接口地址', {username: data.username, secretcode: data.password}, true).then(res=>{// 保存token至浏览器缓存sessionStorage.setItem('token', res.toekn)   //根据后端返回的toekn,把token保存起来let userInfo = {username: res.username,is_admin: res.is_admin,          //此处为您想存储在浏览器缓存的值userid: res.userid}sessionStorage.setItem('userInfo', JSON.stringify(userInfo))      //将userInfo存储在浏览器缓存中 sessionStorage存储方法一旦关闭浏览器窗口,存储数据也随之消失layer.msg('登录成功', function () {window.location = '../index.html';});}).catch(err=>{})return false;});

这里传给后端的参数为 username（用户名）、secretcode（密码）

userInfo 是存储在浏览器缓存中的内容

layui后台管理登录相关推荐

layui后台管理首页配置
layui后台管理首页配置项目SSM整合,参考我之前的笔记视频 layui后台管理首页配置导入layui index.html <div class="layui-side lay ...
LAYUI后台管理模板
版权声明本文原创作者:谷哥的小弟作者博客地址:http://blog.csdn.net/lfdfhl 后台模板今天发现一个非常美观且实用的后台管理模板,图示如下: 模板地址 http://lay ...
#项目#layui后台管理模板总结
xadmin 的部分模板片段,首页导航栏 <#macro navLeft><div class="left-nav"><div id="si ...
vue中后台管理登录后的token管理
在做后台管理系统的时候,登录后token管理很重要.上代码,有瑕疵,有待改善,见谅. import Vue from 'vue' import Router from 'vue-router' imp ...
layui查档页面_首页--layui后台管理模板 2.0
将顶部高度修改为50px,如果有朋友感觉还是原来的高度更好,请将index.css文件中最底部的4行样式去掉即可,有注释郑重提示:由于后期会对此框架进行多次开发,基本上修改的是大框架,所以强烈不建议 ...
Laravel5.6 实现后台管理登录(自定义用户表登录)
1.添加guard 认证驱动 'guards' => ['web' => ['driver' => 'session','provider' => 'users',],'adm ...
工作152:阅读之后台管理登录样式
<template><div class="login-wrap"><div class="ms-login"><di ...
LayUI 后台管理模板
页面代码 <div style="height:60px;position: relative;top: 0;width:100%;z-index: 100;background: # ...
简单的后台管理:登录+注册接口
所需:Express+MySQL数据库 +Vue 首先在Express创建服务端并且连接数据库 // 连接数据库 var mysql = require('mysql'); var connectio ...

layui后台管理登录

layui后台管理登录相关推荐

最新文章

热门文章