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


6-1,获取数据

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

文章插图
 
结果报错,因为我们没有做云开发环境的初始化 。这一点我强调过无数遍了 。
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
还不知道的同学,去看下我云开发入门的文章和视频 。
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
然后可以看到我们请求成功了,但是没有数据,为什么呢??
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
我们需要修改goods表的权限,为所有人可读 。
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
这样就可以看到,我们成功的请求到了两条数据 。
6-2,把数据填充到页面上上面数据获取到了,我们接下来就要把数据填充到页面了,其实之前云开发有讲过,我这里不再啰嗦,直接上代码 。
  • wxml和wxss页面比较简单
  • js页面其实也没有很复杂
6-3,点击跳转到商品详情我们这里的goDetail方法,主要是点击列表的商品时,跳转到商品详情页 。
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
可以看到我们进入详情页时成功的携带了商品id,我们请求详情页的数据,就主要靠这个id了 。
七,请求并加载商品详情页7-1,请求详情页数据
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
7-2,编写wxml和js
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
7-3,效果图最好看下显示的效果
10分钟快速搭建小程序管理后台,云开发CMS搭建可视化后台

文章插图
 
当然了,样式比较丑,后面有机会再优化吧 。
到这里我们的cms可视化管理后台就完整的搭建好了,也给大家简单的演示了cms添加和修改数据,并且在小程序上展示了这些数据 。

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


推荐阅读