云开发注意事项(微信-小程序)(十六)—-评论
1.cms(内容管理) 1-1.cms 内容管理
云开发 --> 更多 --> 内容管理 --> 点击开通(可能需要1~7分钟)
一个云开发对应一个内容管理(cms),如果激活失败小程序开发,创建一个新的开发环境激活内容管理(cms)。如果没有小程序开发,需要重新注册一个新的小程序(一个小程序可以打开两个云开发环境)
1-2.CMS(可视化管理后台)入口
云开发 --> 更多 --> 内容管理 -->点击访问地址
其中:内容模型的作用包括数据库的创建和数据库字段的创建。
1-3.cms的小建议和注意事项
cms中的数据会自动同步到数据库中。当数据库中的数据同步到cms时 小程序开发系统 ,需要创建一个collection和field name相同的数据库。
标题、文字等建议使用单行字符串。建议使用多行字符串。
枚举类型相当于一个选择。如果你做一个选择题,选项是枚举类型。
如果需要按时间排序 小程序商城开发 ,选择毫秒时间,选择时间字符串不按时间排序。
2.简单新闻案例
富文本官方文档
2-1.cms建库及数据导入
2-2.编写app.json文件小程序开发,创建两个页面
"pages": [
"pages/cms/cms",
"pages/cms-1/cms-1",
2-3.写入cms.js文件
// pages/cms/cms.js
Page({
//生命周期函数--监听页面加载
onLoad(options) {
wx.cloud.database().collection('news')
.get()
.then(res =>{
console.log('请求数据成功!',res)
this.setData({
list: res.data
})
})
.catch(res =>{
console.log('请求数据失败! ',res)
})
},
//跳转新闻详情页
gocms(e){
// console.log(e.currentTarget.dataset.id)
wx.navigateTo({
url: '/pages/cms-1/cms-1?id='+ e.currentTarget.dataset.id,
})
}
})
2-4.写cms.json文件
{
"usingComponents": {},
"navigationBarTitleText": "首页"
}
2-5.写cms.wxml文件
<!--pages/cms/cms.wxml-->
<view class="item" wx:for="{{list}}" wx:key="index" bindtap="gocms" data-id="{{item._id}}">
<view>{{item.title}}</view>
<view>{{item.time}}</view>
</view>
2-6.写入cms.wxss文件
/* pages/cms/cms.wxss */
.item{
padding: 15rpx;
border-bottom: 1px solid gainsboro;
}
2 -7.写cms-1.js文件
// pages/cms-1/cms-1.js
Page({
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
wx.cloud.database().collection('news').doc(options.id).get()
.then(res => {
console.log('详情页请求成功',res)
this.setData({
data: res.data
})
})
.catch( res => {
console.log('详情页请求失败',res)
})
}
})
2-8.写入cms-1.json文件
{
"usingComponents": {},
"navigationBarTitleText": "新闻详情"
}
2-9.写入cms-1.wxml文件
2-10.写入cms-1.wxss文件
/* pages/cms-1/cms-1.wxss */
.title{
font-size: 40rpx;
}
.time{
font-size: 28rpx;
color: gray;
}
2-11.渲染(视频)
小程序-内容管理
发现、改变
探知、求新
共享,感恩一路相伴
昱远品牌形象已完成全面升级
点击访问新官网