开发指南050-登录组件

简介: 整个平台的核心思路就是业务配置参数都集中在后台数据库

基础用法

import vLogin from "@/qlmcomponents/common/loginBox"

       <v-login class="v-login" v-if="showbox" ref="loginbox"

       @logined="dologined"

       :showParameters="showParameters">

        </v-login>

showParameters通过接口从后台获取。整个平台的核心思路就是业务配置参数都集中在后台数据库,好处是:

   1、程序和配置分离,更新程序时不会覆盖配置。(如果是用包里的配置文件就有覆盖风险、版本不一致风险)

  2、编写配置管理页面来管理配置,保存到数据库后,实时生效。


logined:挂接一个函数,执行登录后的动作。

登录组件封装了多种登录方式:

1、用户密码验证

2、手机短信验证

3、第三方验证:QQ、微信、飞书、钉钉、支付宝

封装了密码重置功能

该组件需要和后台微服务配置使用。

平台前台组件的封装都遵循如上模式

相关文章
|
缓存 前端开发 API
手把手教你云相册项目简易开发day5 API服务搭建和权限框架
手把手教你云相册项目简易开发day5 API服务搭建和权限框架
168 0
|
存储 小程序 前端开发
微信小程序进阶——后台交互个人中心授权登录
微信小程序进阶——后台交互个人中心授权登录
173 0
|
3月前
|
前端开发 JavaScript 应用服务中间件
【uniapp】谷歌授权登录,前端uniapp直调(含源码)
本文介绍如何在uniapp项目中实现谷歌授权登录,无需后端参与。文章分为三部分:1)谷歌授权登录流程,详细说明从用户点击登录到获取用户信息的整个过程;2)谷歌开发者控制台配置,包括创建项目、配置同意屏幕及OAuth客户端ID等步骤;3)uniapp前端实操,提供具体代码示例,展示如何获取授权码并用其交换访问令牌,最终获取用户信息
132 2
【uniapp】谷歌授权登录,前端uniapp直调(含源码)
|
6月前
|
小程序 前端开发 程序员
微信小程序开发入门教程-小程序账号注册及开通
微信小程序开发入门教程-小程序账号注册及开通
|
4月前
|
小程序 JavaScript
【微信小程序-原生开发】实用教程11 - 用户登录鉴权(含云函数的创建、删除、使用,通过云函数获取用户的openid)
【微信小程序-原生开发】实用教程11 - 用户登录鉴权(含云函数的创建、删除、使用,通过云函数获取用户的openid)
71 0
|
4月前
|
JSON 小程序 JavaScript
【微信小程序-原生开发】TDesign 实战模板——账号密码登录页(含密码显示隐藏的技巧)
【微信小程序-原生开发】TDesign 实战模板——账号密码登录页(含密码显示隐藏的技巧)
127 0
|
6月前
|
前端开发 数据库 Nacos
|
6月前
|
JSON Java 数据库
基于uniapp原生组件uni-ui 做一个登录注册与个人中心(后端篇)
基于uniapp原生组件uni-ui 做一个登录注册与个人中心(后端篇)
278 2
|
6月前
|
小程序 API
微信小程序登录授权流程及所用API
微信小程序登录授权流程及所用API
298 0
|
小程序 前端开发 安全
vue+uni-app商城实战 | 第一篇:从0到1快捷开发一个商城微信小程序,无缝接入OAuth2实现一键授权登录
vue+uni-app商城实战 | 第一篇:从0到1快捷开发一个商城微信小程序,无缝接入OAuth2实现一键授权登录
下一篇
无影云桌面