更新记录

2.0.1（2026-02-02） 下载此版本

• 修复 导入不自动创建的路由的问题

2.0.0（2026-01-29） 下载此版本

• 重构 uniCloud 使用方式
• 优化 页面样式

0.0.10（2021-07-27） 下载此版本

• 优化 兼容VUE3项目

平台兼容性

云端兼容性

uni-app(4.0)

云函数类插件通用教程

使用云函数类插件的前提是：使用HBuilderX 2.9+

什么是 uniCloud

uniCloud 是 DCloud 联合阿里云、腾讯云，为开发者提供的基于 serverless 模式和 js 编程的云开发平台，更多请参考uniCloud文档。

云端一体页面的优势是什么

过去，开发一个列表，需要在后端设计数据库，提供接口，前端写列表，处理分页、下拉刷新，并保证长列表的性能，全套工作下来需要1、2天。

现在有了云端一体列表，上述工作都不用做了，页面拿来就用。

在HBuilderX 2.9+，新建页面时，可以直接选择大量云端一体页面模板，数据库、后台接口、前端页面都有了。

当然，您也可以调整，自定义数据库表和前端的ui。

后台数据表

后台数据表使用 openDB 设计规范，它约定了一个标准用户表的表名和字段定义，并且基于nosql的特性，可以由开发者自行扩展字段。openDB是uniCloud的重要软基建，支撑uniCloud数字生态的发展。

页面模板简介

这是基于 uni-list 扩展的云端一体的商品列表（宫格模式）页面模版。

本模版有如下特征：

• 基于 uni-ui 框架的 uni-list 组件扩展
• 遵循 openDB 的 opendb-mall-goods结构
• 基于 unicloud-db 组件操作数据库
• 支持下拉刷新、上拉加载
• 支持列表、宫格视图互相切换

Tips

• 暂不支持 nvue 页面

使用说明

1. 在项目目录上右键选择创建uniCloud云开发环境并选择服务商
2. 在uniCloud目录上右键选择关联云服务空间或项目并选择服务空间
3. 本页面使用标准的openDB 表结构，在uniCloud > database 目录上右键，选择 新建DB Schema，搜索 opendb-mall-goods 后，选择并创建 DB Schema。
4. 在uniCloud > database > 新建 opendb-mall-goods.init_data.json ，用于初始化表数据，确保数据已经复制到文件内，右键文件选择 初始化云数据库数据
5. 数据结构参考 openDB 的opendb-mall-goods表结构
6. 运行到 Chrome 查看效果

代码说明

代码逻辑以及样式见代码示例

样式覆盖

直接修改 style 中样式或自己新增删除样式即可

其他模板样式

1. 云端一体混合布局：https://ext.dcloud.net.cn/plugin?id=2546
2. 云端一体垂直布局，大图模式：https://ext.dcloud.net.cn/plugin?id=2583
3. 云端一体垂直布局，多行图文混排：https://ext.dcloud.net.cn/plugin?id=2584
4. 云端一体垂直布局，多图模式：https://ext.dcloud.net.cn/plugin?id=2585
5. 云端一体水平布局，左图右文：https://ext.dcloud.net.cn/plugin?id=2586
6. 云端一体水平布局，左文右图：https://ext.dcloud.net.cn/plugin?id=2587
7. 云端一体垂直布局，无图模式，主标题+副标题：https://ext.dcloud.net.cn/plugin?id=2588