十分钟,零基础使用uniCloud完成后端管理系统搭建二

上一节我们已经成功搭建基础版的后端管理系统,这一节我们将利用uniCloud给我们提供的schema2code自动生成代码,快速完成:列表、增加和修改页面创建。

uniCloud系列文章:

Dcloud开发者注册,uniCloud服务空间创建。

十分钟,零基础使用uniCloud完成后端管理系统搭建一

十分钟,零基础使用uniCloud完成后端管理系统搭建二

十分钟,零基础使用uniCloud完成后端管理系统搭建三

实现效果:

文章管理功能开发

文章列表显示、增加文章和修改文章页面创建:

1、在uniCloud目录下,点击database,然后右键 新建DB Schema

2、打开创建的mz-news.schema.json,开始编写文章类型需要的字段,uniCloud会根据编写的字段生成对应的数据库表;

在properties里面增加文章需要的title和content等字段,required里面的字段代表必填字段,也就是在编写文章内容是,title和content是必填项;

{
	"bsonType": "object",
	"required": [
		"title",
		"content"
	],
	"permission": {
		"read": false,
		"create": false,
		"update": false,
		"delete": false
	},
	"properties": {
		"_id": {
			"description": "ID,系统自动生成"
		},
		"title": {
			"bsonType": "string",
			"title": "标题",
			"description": "标题",
			"label": "标题",
			"trim": "both"
		},
		"content": {
			"bsonType": "string",
			"title": "内容",
			"description": "文章内容",
			"label": "文章内容",
			"trim": "right"
		}
	}
}

3、 使用schema2code自动生成列表、增加和修改页面代码

 点击mz-news.schema.json,右键 schema2code,选择uniCloud admin 页面,点击确定

将会在 pages目录下自动生成add、edit和list三个页面

4、点击运行--》运行到浏览器--》选择电脑浏览器

在浏览器输入:http://localhost:8080/admin/#/pages/mz-news/list

快速定位到 mz-news列表页,点击右边的新增按钮可以添加文章;

至此,一个简单的文章管理功能开发完成,文章列表字段可以根据实际需求增加;下一节我们将实现如何将文章管理功能添加到后端管理系统菜单栏。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sziitjin

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值