10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台( 二 )


五,添加商品数据我们到内容集合里找到我们上面创建的数据表,就可以往里面添加数据了 。

10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
5-1,新建数据这个时候我们直接创建,可以看到只有两个字段
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
到数据库里看也是这样,虽然成功的添加了一条数据,但是这个数据太简单了吧 。只有创建时间和修改时间
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
这肯定不是我们想要的,所以我们在上面第四步创建内容模型的时候肯定少设置什么了 。
5-2,往数据表里添加字段
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
想一想我们的商品需要什么字段 。
  • 商品名
  • 商品价格
  • 商品图片
  • 商品详情
暂且就这些吧,接下来我们就要一个个往数据表里添加字段了 。
5-3,添加商品名我们的商品名,用单行字符串就,并且是必填字段 。
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
然后点击添加,可以看到我们的商品表里成功的多了一个商品名的字段 。
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
5-4,添加商品价格商品价格我们用数字类型,必填字段
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
添加成功
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
5-5,添加商品图片我们的商品图片应该是一组图片,所以我们添加商品图片字段时选择图片类型,然后允许有多个内容,必填项 。
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
添加成功
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
5-6,添加商品详情页商品详情页,我们可以是纯文字,也可以是图文混合 。为了让详情页更加美观,我们这里用富文本 。
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
添加成功
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
完整的商品表创建成功以后,我们就可以去查看商品表里的具体数据了 。
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
可以看到我们除了创建时间和修改时间有值外,其余的都没有值 。
5-7,修改表数据那么我们可以点击编辑按钮,来为空字段添加值 。
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
然后添加具体的数据
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
5-8,编辑商品详情我们商品详情用的是富文本,那么我们最好弄个简单的图文混排 。
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
编辑好以后,记得点击一下更新
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
那么我们就创建了一条完整的数据
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
可以看出我们的修改时间也随之发生了变化
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
5-9,添加一条新数据我们上面的数据是通过修改的,那么我们再来演示一个新增数据 。
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
其实新增数据很简单,和我们上面修改数据一样 。无非修改是要先有数据,再去修改 。新增是直接新加 。
填好数据记得点创建
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
这样我们就有两条数据了
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
然后去到我们的数据库,可以看到有两条数据 。
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
接下来我们要做的就是在小程序里请求数据,然后展示数据 。
六,获取商品列表首先我们要获取商品列表,新建一个商品列表页面,然后在js的onload方法里请求数据 。


推荐阅读