验证用户名是否正确 1==>// 引入qs               import qs from 'qs'; 2===>收集用户账号后, 发送请求 把参数发给后端(把用户名和密码发给后端 验证是否存在这个账号) 3===> <template> <div> <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" l…
一.登录功能 后端server/routes/users.js var User = require('./../models/users.js');   // 二级路由 // 登录接口 router.post("/login",function(req, res, next){     // 获取参数     var param = {         userName:req.body.userName,         userPwd:req.body.userPwd     }…
//效果 //login.vue <template> <div> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm loginFrom"> <h1 style="font-size: 1.5rem;color: #fff;font-weight: bold;paddin…
1. 2. 3. ============================================================上代码============================= ===>本页面的vue源码: <template> <div> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width=&quo…
首先说一下 我在form表单里面遇见的坑: 1.例如我要给后台传的不是对象,而是一个数组,怎么写验证? 2.比如我有四个弹出框,都要做验证,这个时候就要注意了,每一个弹出框的ref都不能给的一样,并且一定要与当前弹框的确定或者保存按钮一一对应,例如:第一个弹框的ref='number',按钮的click比如为xxxxxx('number'),第二个弹出框的ref='number2',对应的按钮>>xxxxxx('number2').如果ref用的都一样,就会出现,点击下一步我没有去做验证,我再…
(1) 相关博文地址: SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(一):搭建基本环境:https://www.cnblogs.com/l-y-h/p/12930895.html SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(二):引入 element-ui 定义基本页面显示:https://www.cnblogs.com/l-y-h/p/12935300.html SpringBoot + Vue…
无论是手机端还是pc端,几乎都包含登录注册方面功能,今天就使用node+express+mongodb实现一套登录注册功能,这里需要自己去安装MongoDB环境,如果没有安装可以看这篇关于MongoDB安装的步https://www.cnblogs.com/zhoulifeng/p/9429597.html 实现功能 注册 密码加密 登录 校验 token处理 1.环境搭建运行 在目录里安装express和mongoose,并在根目录创建server.js文件和models文件, 在server…
在后端安装jsonwebtoken         npm i jsonwebtoken --save 在 login.js文件中引入      // 引入jwtconst jwt = require('jsonwebtoken');                  // 定义秘钥    const secretKey = 'itsource' 生成token const token = jwt.sign(accountInfo,secretKey, {expiresIn: 60 * 60})…
效果图: 1.首先来根据Element网站实现布局: <template> <div class="login_container"> <div class="login_box"> <!--头像区域--> <div class="avatar_box"> <img src="../assets/logo.png" alt /> </div>…