我们一般写应用都需要有后台管理系统,那么uni-app也不例外。
本次内容假设我们已经完成了一个uni-app+uniCloud开发的程序。
默认我们已经搭建好了服务空间。

我们的视频教程(免费)链接为https://static-b5208986-2c02-437e-9a27-cfeba1779ced.bspapp.com/
如果你还不知道服务空间如何创建,移步uni-id的准备工作
uni-admin和应用共用同一个服务空间
此文章在华为云社区为首发

我是代码哈士奇 此文章来源为代码哈士奇,个人主页:https://dmhsq.blog.csdn.net/

手把手带你使用uni-admin搭建后台管理系统

  • 创建uni-admin模板应用
  • 绑定服务空间
  • 引入uni-id配置文件
  • 创建云数据库数据表
  • 运行到浏览器即可
  • 拓展(快速引入自建数据表控制页面)
    • 新增数据
    • 特别注意 (小踩坑)

创建uni-admin模板应用

这里使用uni_modules

创建方法如下图

绑定服务空间

引入uni-id配置文件


在common/uni-id下引入config.json

那么这个config.json 去哪里找呢

uni-id是和uni-admin配套使用的 在我们的应用的服务空间 common/uni-id下即可找到 复制进去即可

创建云数据库数据表


然后初始化db_init.json

运行到浏览器即可

当我们绑定了服务空间以及初始化db_init.json,系统会自动更新菜单表
注意最后在初始化


这样我们就可以管理我们的应用了

拓展(快速引入自建数据表控制页面)

如果你有自己的数据表(非uni-id),那么一样可以通过uni-admin来管理

当我们查看自己的数据表的时候


导入成功后可发现


在后台管理中可增加此页面


提交即可

引入成功

新增数据

可以看到数据表也有数据了

成功~

特别注意 (小踩坑)

如果你的字段不写类型
就是下图中不写bsonType字段 那么是不可以新增以及修改的(不显示输入框)

到此 uni-admin引入完毕 快乐的操作你的系统吧

如果觉得有用 欢迎关注哦

下一篇我们讲应用更新系统 是不是很nice


手把手带你使用uni-admin搭建后台管理系统相关推荐

  1. Vue学习笔记: Vue + Element-ui搭建后台管理系统模板

    Vue学习笔记: Vue + Element-ui搭建后台管理系统模板 技术:Vue + Element-ui 功能:后台管理系统基础模板,路由配置,加载页面进度条,请求响应拦截器的封装等 页面预览: ...

  2. 使用bootstrap搭建后台管理系统页面《二》

    1.使用bootstrap搭建后台管理系统页面<二> 这次不需要另外写css.直接完全引用bootstrap下的样式. 完成以后的效果: 源代码: <%@ page language ...

  3. 拥抱开源,Vue Admin Work后台管理系统免费开源啦

    前言 各们前端开发的小伙伴们,你们好,我是Vue Admin Work后台管理系统的主要开发者和维护者,从今年6月份开始我们一直在开发一套后台管理系统,旨在帮助更多的小伙伴学习提升和给许多中小型公司节 ...

  4. 使用bootstrap搭建后台管理系统页面《一》

    1. 使用bootstrap搭建后台管理系统页面<一> 一般的后台管理系统页面主体包括四个部分,顶部导航栏,左侧菜单栏,中间正文页和底部的页脚. 其中左侧和顶部使用的是bootstrap的 ...

  5. Vue3+TS+Vite+Element Plus搭建后台管理系统

    Vue3+TS+Vite+Element Plus搭建后台管理系统 1.简介 2.效果图 3.技术栈 4.项目目录 5.setting.js(全局配置文件) 6.路由router 7.状态管理stor ...

  6. 使用node搭建后台管理系统(1)

    使用node搭建后台管理系统 1.搭建项目结构 2.装包 3.要实现的效果 登录页面 登录成功后的管理页面 查找学生功能 编辑学生功能 添加学生功能 删除学生功能 以下两个步骤在我之前的文章中已经操作 ...

  7. 手把手,教你用nodejs搭建后台最小系统(大量图文)系列二

    前段时间利用nodejs封装了一个最小系统,也终于是把很久之前的愿望给实现了,在这里把如何实现分享出来. 本系列文章有两篇,上一篇详见下面传送门: 传送门:<手摸手,教你用nodejs搭建后台最 ...

  8. 通过xadmin或者suit-v2快速搭建后台管理系统

    2019独角兽企业重金招聘Python工程师标准>>> 一.xadmin安装和注册使用 pip install xadmin#pip升级后这种安装就报错 python -m pip ...

  9. 通过iframe搭建后台管理系统右侧内容_七巧Plus | 搭建量身定制的EAM资产管理系统...

    什么是资产管理? 企业资产管理的核心内容是企业资产(主要对象是企业设备)使用过程的维护.维修管理,核心目标是设备的最大化利用,提高企业效益及投资回报率.随着企业逐渐发展壮大,固定资产数量也与日俱增,大 ...

最新文章

  1. 零基础学Python(第十章 循环嵌套)
  2. CodeForces - 993C Careful Maneuvering(几何+暴力+状态压缩)
  3. IOS开发基础之图片轮播器-12
  4. qt4.7 mysql_详解Qt 4.7编译和访问Mysql驱动
  5. c 解析java byte,深入解析Java编程中面向字节流的一些应用
  6. IIS6.0应用程序池回收和工作进程【转:http://www.cnblogs.com/freshman0216/archive/2008/06/02/1212460.html】...
  7. OpenCV文档阅读笔记-Imread flags解析与实例(保存透明图像)
  8. ECCV 2020 论文大盘点-姿态估计与动作捕捉篇
  9. ORACLE创建表空间、用户语句
  10. 12. Magento 后台top栏开发
  11. 1. golang 接入Discord做消息推送
  12. Atiit 常见功能 常用功能与模块的最快速解决方案
  13. 最全Mac系统快捷键一览
  14. postgresql 客户端 uri 设置时区
  15. 微信商户支付平台微信支付怎么开通
  16. k8s基本概念及使用
  17. 一度智信:电商平台商品定价策略
  18. 计算机相关设备巡检表,电脑维护巡检方案
  19. unity步步生花(触发类互动)
  20. python基础之布尔运算

热门文章

  1. uibot中级认证试题_Uibot中级考试题模拟
  2. 大天使黎明服务器维护,37暗黑大天使7月30日部分区服维护公告-暗黑大天使手机版官网...
  3. 荣耀发布最新款TWS耳机Earbuds 2 SE;FOSSIL发布支持LTE技术第五代智能腕表 | 全球TMT...
  4. 摆摊江湖:用数据思维拆解摆摊经济
  5. 苹果android什么意思,为什么都说苹果比安卓耐用 其中的原因是什么
  6. You’ve Got Mail《电子情书》精彩对白
  7. 农民网红“大米哥”的中医养生观
  8. 计算机考证用什么软件拍照
  9. 警惕另类Activity“劫持”
  10. ubuntu下文件拷贝命令cp命令