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

我们一般写应用都需要有后台管理系统,那么uni-app也不例外。
本次内容假设我们已经完成了一个uni-app+uniCloud开发的程序。
默认我们已经搭建好了服务空间。
如果你还不知道服务空间如何创建,移步uni-id的准备工作
uni-admin和应用共用同一个服务空间
此文章在华为云社区为首发

我是代码哈士奇 此文章来源为代码哈士奇,个人主页:https://dmhsq.blog.csdn.net/
在这里插入图片描述

创建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

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

<p> <strong><span style="font-size:20px;color:#FF0000;">本课程演示的<span>是一套基于JavaWeb实现的学生选课系统,</span>主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的Java学习者。</span></strong> </p> <p> <br /> </p> <p> <span style="color:#FF0000;"><strong><span style="font-size:18px;">1. 包含:<span style="color:#FFFF00;background-color:#FF0000;">项目源码、项目文档、数据库脚本、软件工具</span>等所有资料</span></strong></span> </p> <p> <span style="color:#FF0000;font-size:18px;"><strong><span>2. 手把手你从零开始部署运行本套系统</span></strong></span> </p> <p> <span style="color:#FF0000;font-size:18px;"><strong><span>3. 该项目附的源码资料可作为毕设使用</span></strong></span> </p> <p> <span style="color:#FF0000;font-size:18px;"><strong><span>4. 提供技术答疑和远程协助指导</span></strong></span> </p> <p> <strong><span><span style="font-size:18px;"><br /> </span></span><span><span style="font-size:20px;">技术实现:</span></span></strong> </p> <p> <strong><span style="color:#494429;font-size:18px;">1. 后台框架:Servlet、JSP、JDBC、DbUtils</span></strong> </p> <p> <strong><span style="color:#494429;font-size:18px;">2. UI界面:EasyUI、jQuery、Ajax</span></strong> </p> <p> <strong><span style="color:#494429;font-size:18px;">3. 数据库:MySQL</span></strong> </p> <p> <strong><span style="color:#494429;font-size:18px;"><br /> </span></strong> </p> <p> <span style="color:#FF0000;"><strong><strong><span><strong><span style="font-size:20px;color:#000000;"></span></strong></span></strong></strong><strong><strong><span><strong><span style="font-size:20px;color:#000000;"></span></strong></span></strong></strong><strong><strong><span><strong><span style="font-size:20px;color:#000000;"></span></strong></span></strong></strong></span> </p> <p> <span style="font-size:20px;color:#494429;"><strong>项目截图</strong></span><span style="font-size:20px;"><strong>:</strong></span> </p> <p> <strong><strong><span style="color:#FF0000;"><strong><span style="font-size:18px;color:#000000;"><strong><span><strong>1)系统登陆界面</strong><br /> </span></strong></span></strong></span></strong></strong> </p> <p> <strong><strong><span style="color:#FF0000;"><strong><span style="font-size:18px;color:#000000;"><strong><span><img src="https://img-bss.csdn.net/202005030639197887.png" alt="" /><br /> </span></strong></span></strong></span></strong></strong> </p> <p> <span style="color:#262626;"><strong><strong><span style="color:#FF0000;"><span style="font-size:18px;color:#000000;"></span></span></strong></strong></span><strong><strong><span style="color:#FF0000;"><strong><span style="font-size:18px;color:#000000;"><strong><span>2)学生管理</span></strong></span></strong></span></strong></strong> </p> <p> <strong><strong><span style="color:#FF0000;"><strong><span style="font-size:18px;color:#000000;"><strong><span><img src="https://img-bss.csdn.net/202005030639285142.png" alt="" /><br /> </span></strong></span></strong></span></strong></strong> </p> <p> <strong><strong><span style="color:#FF0000;"><strong><span style="font-size:18px;color:#000000;"><strong><span><strong><span>3)系统管理</span></strong></span></strong></span></strong></span></strong></strong> </p> <p> <img src="https://img-bss.csdn.net/202005030639356370.png" alt="" /> </p> <p> <br /> </p> <p> <br /> </p> <p> <span style="color:#FF0000;"><strong><span style="font-size:18px;"><span style="color:#FF0000;"><span style="font-size:18px;">更多Java毕设项目请关注【毕设系列课程】<a href="https://edu.csdn.net/lecturer/2104">https://edu.csdn.net/lecturer/2104</a></span></span></span></strong></span> </p>
相关推荐
<p> <strong><span style="font-size:20px;color:#FF0000;">本课程演示的<span>是一套基于SSM框架实现的酒店管理系统,</span>主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的Java学习者。</span></strong> </p> <p> <br /> </p> <p> <span style="color:#FF0000;"><strong><span style="font-size:18px;">1. 包含:<span style="color:#FFFF00;background-color:#FF0000;">项目源码、项目文档、数据库脚本、软件工具</span>等所有资料</span></strong></span> </p> <p> <span style="color:#FF0000;font-size:18px;"><strong><span>2. 手把手你从零开始部署运行本套系统</span></strong></span> </p> <p> <span style="color:#FF0000;font-size:18px;"><strong><span>3. 该项目附的源码资料可作为毕设使用</span></strong></span> </p> <p> <span style="color:#FF0000;font-size:18px;"><strong><span>4. 提供技术答疑和远程协助指导</span></strong></span> </p> <p> <strong><span><span style="font-size:18px;"><br /> </span></span><span><span style="font-size:20px;">技术实现:</span></span></strong> </p> <p> <strong><span style="color:#494429;font-size:18px;">1. 后台框架:Spring、SpringMVC、MyBatis</span></strong> </p> <p> <strong><span style="color:#494429;font-size:18px;">2. UI界面:BootStrap、JSP、jQuery</span></strong> </p> <p> <strong><span style="color:#494429;font-size:18px;">3. 数据库:MySQL</span></strong> </p> <p> <strong><span style="color:#494429;font-size:18px;"><br /> </span></strong> </p> <p> <span style="color:#FF0000;"><strong><strong><span><strong><span style="font-size:20px;color:#000000;"></span></strong></span></strong></strong><strong><strong><span><strong><span style="font-size:20px;color:#000000;"></span></strong></span></strong></strong><strong><strong><span><strong><span style="font-size:20px;color:#000000;"></span></strong></span></strong></strong></span> </p> <p> <span style="font-size:20px;color:#494429;"><strong>项目截图</strong></span><span style="font-size:20px;"><strong>:</strong></span> </p> <p> <strong><span style="font-size:18px;">1)系统登陆界面</span></strong> </p> <p> <img src="https://img-bss.csdn.net/202003160644304457.png" alt="" /> </p> <p> <span style="color:#262626;"><strong><strong><span style="color:#FF0000;"><span style="font-size:18px;color:#000000;"></span></span></strong></strong></span><strong><strong><span style="color:#FF0000;"><strong><span style="font-size:18px;color:#000000;"><strong><span>2)客房预订</span></strong></span></strong></span></strong></strong> </p> <p> <strong><strong><span style="color:#FF0000;"><strong><span style="font-size:18px;color:#000000;"><strong><span><img src="https://img-bss.csdn.net/202003160644376426.png" alt="" /><br /> </span></strong></span></strong></span></strong></strong> </p> <p> <strong><strong><span style="color:#FF0000;"><strong><span style="font-size:18px;color:#000000;"><strong><span><strong><span>3)住宿登记</span></strong></span></strong></span></strong></span></strong></strong> </p> <p> <strong><strong><span style="color:#FF0000;"><strong><span style="font-size:18px;color:#000000;"><strong><span><strong><span><img src="https://img-bss.csdn.net/202003160644464949.png" alt="" /><br /> </span></strong></span></strong></span></strong></span></strong></strong> </p> <p> <strong><span style="font-size:18px;">4)旅客管理</span></strong> </p> <p> <strong><span style="font-size:18px;"><img src="https://img-bss.csdn.net/202003160644535071.png" alt="" /><br /> </span></strong> </p> <p> <br /> </p> <p> <br /> </p> <p> <span style="color:#FF0000;"><strong><span style="font-size:18px;">更多Java毕设项目请关注【毕设系列课程】<a href="https://edu.csdn.net/lecturer/2104">https://edu.csdn.net/lecturer/2104</a></span></strong></span> </p>
<p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <strong><span style="font-size:20px;color:#FF0000;">本课程演示的<span>是一套基于JavaWeb实现的健身房管理系统,</span>主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的Java学习者。</span></strong> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <br /> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <span style="color:#FF0000;"><strong><span style="font-size:18px;">1. 包含:<span style="color:#FFFF00;background-color:#FF0000;">项目源码、项目文档、数据库脚本、软件工具</span>等所有资料</span></strong></span> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <span style="color:#FF0000;font-size:18px;"><strong><span>2. 手把手你从零开始部署运行本套系统</span></strong></span> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <span style="color:#FF0000;font-size:18px;"><strong><span>3. 该项目附的源码资料可作为毕设使用</span></strong></span> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <span style="color:#FF0000;font-size:18px;"><strong><span>4. 提供技术答疑和远程协助指导</span></strong></span> </p> <p style="background-color:#FFFFFF;"> <strong><span><span style="font-size:18px;"><br /> </span></span><span style="color:#494429;font-size:20px;">技术实现:</span></strong> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <strong><span style="color:#494429;font-size:18px;">1. 后台框架:Spring、SpringMVC、Hibernate</span></strong> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <strong><span style="color:#494429;font-size:18px;">2. UI界面:BootStrap、JSP、jQuery、Ajax</span></strong> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <strong><span style="color:#494429;font-size:18px;">3. 数据库:MySQL</span></strong> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <strong><span style="color:#494429;font-size:18px;"><br /> </span></strong> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <span style="color:#FF0000;"><strong><strong><span><strong><span style="font-size:20px;color:#000000;"></span></strong></span></strong></strong><strong><strong><span><strong><span style="font-size:20px;color:#000000;"></span></strong></span></strong></strong><strong><strong><span><strong><span style="font-size:20px;color:#000000;"></span></strong></span></strong></strong></span> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <span style="font-size:20px;color:#494429;"><strong>项目截图</strong></span><span style="font-size:20px;"><strong>:</strong></span> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <strong><span style="font-size:18px;color:#333333;">1)系统登陆界面</span></strong> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <img src="https://img-bss.csdn.net/202003020353553885.png" alt="" /> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <strong><strong><span style="color:#333333;font-size:18px;"><strong><span style="color:#333333;font-size:18px;"><strong><span style="font-size:18px;color:#333333;"><strong><span style="font-size:18px;color:#333333;">2)普通管理员</span></strong></span></strong></span></strong></span></strong></strong> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <strong><strong><span style="color:#333333;font-size:18px;"><strong><span style="color:#333333;font-size:18px;"><strong><span style="font-size:18px;color:#333333;"><strong><span style="font-size:18px;color:#333333;"><img src="https://img-bss.csdn.net/202003020354043805.png" alt="" /><br /> </span></strong></span></strong></span></strong></span></strong></strong> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <strong><strong><span style="color:#333333;font-size:18px;"><strong><span style="color:#333333;font-size:18px;"><strong><span style="font-size:18px;color:#333333;"><strong><span style="font-size:18px;color:#333333;"><strong><span style="font-size:18px;color:#333333;"><strong><span style="font-size:18px;color:#333333;">3)超级管理员</span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></strong> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <img src="https://img-bss.csdn.net/202003020354117769.png" alt="" /> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <br /> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <br /> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <br /> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <span style="color:#FF0000;"><strong><span style="font-size:18px;">更多Java毕设项目请关注【毕设系列课程】<a href="https://edu.csdn.net/lecturer/2104">https://edu.csdn.net/lecturer/2104</a></span></strong></span> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <span style="color:#FF0000;"><strong><span style="font-size:18px;"><br /> </span></strong></span> </p> <p style="color:#424242;font-size:14px;background-color:#FFFFFF;"> <span style="color:#FF0000;"><strong><span style="font-size:18px;"><br /> </span></strong></span> </p>
<p> <strong><span style="font-size:20px;color:#FF0000;">本课程主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的Java学习者</span></strong> </p> <p> <span style="color:#FF0000;"><strong><span style="font-size:18px;">1. 包含:<span style="color:#FFFF00;background-color:#FF0000;">项目源码、</span><span style="color:#FFFF00;background-color:#FF0000;">项目文档、数据库脚本、软件工具</span>等所有资料</span></strong></span> </p> <p> <span style="color:#FF0000;"><strong><span style="font-size:18px;">2. 手把手你从零开始部署运行本套系统</span></strong></span> </p> <p> <span style="color:#FF0000;"><strong><span style="font-size:18px;">3. 该项目附的源码资料可作为毕设使用</span></strong></span> </p> <p> <span style="color:#FF0000;"><strong><span style="font-size:18px;">4. 提供技术答疑和远程协助指导</span></strong></span><strong><span style="font-size:18px;"></span></strong> </p> <p> <br /> </p> <p> <span style="font-size:18px;"><strong>项目运行截图:</strong></span> </p> <p> <strong><span style="font-size:18px;">1)系统登陆界面</span></strong> </p> <p> <strong><span style="font-size:18px;"><img src="https://img-bss.csdn.net/202002241015433522.png" alt="" /><br /> </span></strong> </p> <p> <strong><span style="font-size:18px;"><strong><span style="font-size:18px;">2)学生模块</span></strong></span></strong> </p> <p> <strong><span style="font-size:18px;"><img src="https://img-bss.csdn.net/202002241015575966.png" alt="" /></span></strong> </p> <p> <strong><span style="font-size:18px;"><strong><span style="font-size:18px;">3)教师模块</span></strong></span></strong> </p> <p> <strong><span style="font-size:18px;"><img src="https://img-bss.csdn.net/202002241016127898.png" alt="" /></span></strong> </p> <p> <strong><span style="font-size:18px;"><strong><span style="font-size:18px;">4)系统管理员</span></strong></span></strong> </p> <p> <strong><span style="font-size:18px;"><img src="https://img-bss.csdn.net/202002241016281177.png" alt="" /></span></strong> </p> <p> <strong><span style="font-size:18px;"><img src="https://img-bss.csdn.net/202002241016369884.png" alt="" /></span></strong> </p> <p> <strong><span style="font-size:18px;"><br /> </span></strong> </p> <p> <strong><span style="font-size:18px;"><strong><span style="font-size:18px;">更多Java毕设项目请关注我的毕设系列课程 <a href="https://edu.csdn.net/lecturer/2104">https://edu.csdn.net/lecturer/2104</a></span></strong></span></strong> </p> <p> <strong><span style="font-size:18px;"><br /> </span></strong> </p>
©️2020 CSDN 皮肤主题: 撸撸猫 设计师:马嘣嘣 返回首页
实付 29.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值