性格测评小程序03搭建用户管理

server/2025/2/12 20:19:12/

目录

  • 1 创建数据源
  • 2 搭建后台
  • 3 开通权限
  • 4 搭建启用禁用功能
  • 最终效果
  • 总结

性格测评小程序我们期望是用户先进行注册,注册之后使用测评功能。这样方便留存用户的联系信息,日后还可以推送对应的相关活动促进应用的活跃。实现这个功能我们要先创建数据源,然后搭建页面功能,开发对应的验证逻辑。

性格测评小程序01用户管理mp4

1 创建数据源

打开控制台,切换到云数据库,现在微搭一共是分为三种数据库,云数据库、mysql和自有mysql
在这里插入图片描述
文档型数据库字段比较灵活,可以方便调整,缺点是在表关联时候语法比较复杂。mysql需要事先规划好字段,统计分析的时候可以写sql语句比较方便。

以上两种都是产品自带的数据库,如果自己已经有mysql数据库也可以连接上来,缺点是性能较差,查询和写入比较耗时。

移动到mysql数据库,点击+号创建数据模型
在这里插入图片描述
首次使用的时候需要初始化,点击初始化的按钮
在这里插入图片描述
输入模型名称和标识
在这里插入图片描述
点击添加字段,添加用户名,username,类型选择文本
在这里插入图片描述
继续添加字段,添加用户密码,password,类型选择文本
在这里插入图片描述
继续添加字段,添加邮箱,email,类型选择邮箱
在这里插入图片描述
继续添加字段,添加用户状态,类型选择枚举,枚举项为启用、禁用
在这里插入图片描述
在这里插入图片描述

2 搭建后台

创建好数据源之后,我们创建一个自定义应用作为后台,后台一般提供给管理员对注册用户进行管理。

回到可视化设计,点击从数据模型创建
在这里插入图片描述
选择数据模型,选择增删改查数据场景,布局选择左侧导航布局
在这里插入图片描述
切换到PC模式,点击切换到布局设计图标
在这里插入图片描述
切换到左侧导航布局,根据页面一键生成菜单
在这里插入图片描述
只保留列表页面,并且修改菜单的图标
在这里插入图片描述
修改一下系统名称,修改为性格测评后台
在这里插入图片描述
将底部的图标改为退出图标
在这里插入图片描述
将文本改为退出
在这里插入图片描述
配置点击事件为退出登录
在这里插入图片描述
将图标自带的事件删掉
在这里插入图片描述
回到页面设计,点击配置图标
在这里插入图片描述
切换到访问控制,设置为自定义登录
在这里插入图片描述
勾选账号密码登录
在这里插入图片描述
修改一下应用的名称改为性格测评后台
在这里插入图片描述

3 开通权限

后台搭建好之后,我们需要配置角色并创建管理员账号,点击云后台管理
在这里插入图片描述
点击权限控制
在这里插入图片描述
切换到自定义角色,点击创建角色
在这里插入图片描述
输入角色名称
在这里插入图片描述
角色添加好之后,在列表上找到角色名称,点击管理权限
在这里插入图片描述
点击添加自定义策略
在这里插入图片描述
首先开通应用
在这里插入图片描述
选择我们的性格测评后台
在这里插入图片描述
设置为可访问全部页面
在这里插入图片描述
接着添加数据模型
在这里插入图片描述
选择我们的用户表
在这里插入图片描述
行查看权限和行修改权限设置为全部
在这里插入图片描述
设置好角色之后,点击用户管理
在这里插入图片描述
点击新建用户
在这里插入图片描述
输入用户名和密码
在这里插入图片描述
用户添加好之后回到权限控制界面,点击管理成员
在这里插入图片描述
点击添加成员
在这里插入图片描述
勾选我们的用户
在这里插入图片描述

4 搭建启用禁用功能

用户管理我们需要给管理员提供启用和禁用的功能,选中数据表格,在操作列添加两个按钮
在这里插入图片描述
点击启用按钮,添加点击事件
在这里插入图片描述
选择调用数据源方法
在这里插入图片描述
选择用户表,方法设置为修改单条
在这里插入图片描述
查询条件设置为数据标识等于所在行数据的数据标识
在这里插入图片描述
启用状态设置为1
在这里插入图片描述
成功时添加数据表格的刷新方法
在这里插入图片描述
按照上述设置,配置禁用按钮的点击事件,禁用时启用状态要设置为2

最终效果

设置好了之后,在点表格的操作列按钮时候就可以更新用户的状态
在这里插入图片描述

总结

本篇我们介绍了如何搭建用户管理功能,在创建应用的时候我们可以根据已经建好的数据源快速生成增删改查的页面,之后按需设置表格的操作列就可以很方便的实现需要的各类管理功能。


http://www.ppmy.cn/server/167143.html

相关文章

uni-app vue3 使用笔记

1.弹窗、加载、请求接口 <template><view><view class"tn-type-primary_bg" v-if"item.roleId16" click"confirmMarker(item.uid)">指定营销员</view></view></template><script setup lang"ts&qu…

3. Strategy(策略模式)C++

3. Strategy&#xff08;策略模式&#xff09;C 策略模式属于“组件协作”模式里的一种。 1. 动机 举个例子&#xff0c;我们假设一个场景&#xff0c;做一个税种的计算&#xff0c;一个跨国的税计算&#xff0c;除了涉及金额等&#xff0c;还需要考虑不同国家的纳税比例。 /…

java项目之直销模式下家具工厂自建网站源码(ssm+mysql)

风定落花生&#xff0c;歌声逐流水&#xff0c;大家好我是风歌&#xff0c;混迹在java圈的辛苦码农。今天要和大家聊的是一款基于ssm的直销模式下家具工厂自建网站源码。项目源码以及部署相关请联系风歌&#xff0c;文末附上联系信息 。 项目简介&#xff1a; 直销模式下家具…

简化API 工作流程:Apipost整合了 Postman、Swagger 和 JMeter

作为一名Java开发者&#xff0c;始终追求开发过程的高效性。使用IntelliJ IDEA编写代码只是开始。一般来说&#xff0c;代码完成后&#xff0c;我们会切换到Postman进行API调试。在确保API表现符合预期后&#xff0c;我们会使用Swagger为前端团队生成文档。最后&#xff0c;再使…

android的DataBinding简介

Android DataBinding 简介 DataBinding 是 Android Jetpack 中的数据绑定库&#xff0c;用于将 UI 组件直接与数据模型绑定&#xff0c;减少模板代码并实现双向数据同步。它通过声明式布局简化 UI 更新逻辑&#xff0c;常用于 MVVM&#xff08;Model-View-ViewModel&#xff0…

KERL文献阅读分享:知识图谱与预训练语言模型赋能会话推荐系统

标题期刊年份Knowledge Graphs and Pre-trained Language Models enhanced Representation Learning for Conversational Recommender SystemsJournal of LaTeX Class Files2021 &#x1f4c8;研究背景 在数字时代&#xff0c;个性化推荐系统已经成为了我们生活的一部分。从电…

PDF Shaper:免费多功能 PDF 工具箱,一站式满足您的 PDF 需求!

​PDF Shaper 是一款功能强大且完全免费的 PDF 工具箱&#xff0c;它几乎涵盖了日常 PDF 操作的方方面面&#xff0c;无论是转换、编辑还是处理&#xff0c;都能轻松搞定。以下是这款软件的详细介绍&#xff1a; 功能丰富&#xff0c;一应俱全 PDF 转换功能强大 PDF 转 Word&am…

基于STM32设计的粮食仓库(粮仓)环境监测系统

一、前言 1.1 项目开发背景 随着现代农业的发展和粮食储存规模的扩大&#xff0c;粮仓环境的智能化监控需求日益增长。传统的粮仓管理方式通常依赖人工检测和定期巡查&#xff0c;效率低下且容易出现疏漏&#xff0c;无法及时发现潜在问题&#xff0c;可能导致粮食受潮、霉变…