学习：uniapp全栈微信小程序vue3后台（7）

31.创建schema表结果及云对象新增数据

创建schema表

修改

上传DB Schema

新建云对象

add

/pages/wallpaper/picadd

32.发布成功后的判断逻辑及页面跳转

页面跳转

/pages/wallpaper/picadd

/utils/common.js

整理代码

/pages/wallpaper/picadd

其他：

解决格式化大括号自动换行

展示：

33.通过云对象联表查询获取壁纸列表数据

添加字段

/uniCloud-alipay/database/wallpaper-piclist.schema.json

/uniCloud-alipay/cloudfunctions/admin-wallpaper-picture/index.obj.js

联表查询

/pages/wallpaper/piclist

补充字段

34.将壁纸列表数据渲染到页面中

在/common/custom.scss添加switch的公共样式

发布时间

缩略图

渲染数据

过滤，/uniCloud-alipay/cloudfunctions/admin-wallpaper-picture/index.obj.js

/pages/wallpaper/piclist

35.使用skip和limit将壁纸列表进行分页展示

排序

分页

uni-pagination 分页器 | uni-app官网

API

Pagination Props

属性名	类型	默认值	说明
current	Number	1	当前页, 优先级高于 value
total	Number	0	数据总量
pageSize	Number	10	每页数据量
showIcon	Boolean	false	是否以 icon 形式展示按钮

Pagination Events

事件称名	说明	返回值
@change	点击页码按钮时触发	e={type,current} current为当前页，type值为：next/prev，表示点击的是上一页还是下一个

/uniCloud-alipay/cloudfunctions/admin-wallpaper-picture/index.obj.js

/pages/wallpaper/piclist