一、前期准备
下载HBuilderX,简称HX,是轻如编辑器、强如IDE的合体版本。开通uniCloud,uniCloud是DCloud联合阿里云、腾讯云,为开发者提供的基于serverless模式和js编程的云开发平台。注意:为避免广告,网址请大家自行百度,开通uniCloud服务空间需要实名认证,请提前准备好身份证正反面图片。
二、开工
1.在HBuilderX中新建项目,选择uni-app项目,选择uniCloudadmin模板,勾选启用uniCloud,点创建即可。
2.创建好项目之后,在左侧uniCloud文件右键选择关联云服务空间或项目,关联云服务空间。
然后再运行云服务器空间初始化向导,初始化空间。
3.初始化完成之后,点击运行,运行到内置浏览器,即可看到登陆界面。在登录界面创建管理员账号,然后再登陆。系统只允许创建一次管理员账号。创建完之后可以修改登录界面,删除相关链接。
登录之后,就可以看到后台管理界面了,如下图所示:
至此,uni-admin后台管理系统已经搭建完成了。
开发示例:
可以在云数据库中创建测试表,代码如下:
{bsonType
bject,required:[],permission:{read
alse,create:true,update
alse,delete
alse},properties:{_id:{description:ID,系统自动生成},name:{bsonType:string,title:姓名,minLength:2,trim:both},create_date:{bsonType:timestamp,title:时间},content:{bsonType:string,description:测试内容,trim:right}}}
然后用schema2code功能导入到HBuilderX中,如下:
然后在uni-admin后台管理系统中添加相关菜单即可,设置角色权限即可。具体操作请参考教程。