更新记录
0.0.12(2021-07-27) 下载此版本
- 优化 兼容VUE3项目
 
0.0.11(2021-05-21) 下载此版本
- 修复 导入页面运行报错的问题
 
0.0.10(2020-12-12) 下载此版本
- 优化 模板示例
 
平台兼容性
云端兼容性
| 阿里云 | 腾讯云 | 支付宝云 | 
|---|---|---|
| √ | √ | √ | 
uni-app(4.07)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 | 
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | - | √ | √ | - | 
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 | 
|---|---|---|---|---|---|---|---|---|---|---|
| √ | - | √ | - | - | - | - | - | - | - | - | 
云函数类插件通用教程
使用云函数类插件的前提是:使用HBuilderX 2.9+
什么是 uniCloud
uniCloud 是 DCloud 联合阿里云、腾讯云,为开发者提供的基于 serverless 模式和 js 编程的云开发平台,更多请参考uniCloud文档。
云端一体页面的优势是什么
过去,开发一个列表,需要在后端设计数据库,提供接口,前端写列表,处理分页、下拉刷新,并保证长列表的性能,全套工作下来需要1、2天。
现在有了云端一体列表,上述工作都不用做了,页面拿来就用。
在HBuilderX 2.9+,新建页面时,可以直接选择大量云端一体页面模板,数据库、后台接口、前端页面都有了。
当然,您也可以调整,自定义数据库表和前端的ui。
后台数据表
后台数据表使用 openDB 设计规范,它约定了一个标准用户表的表名和字段定义,并且基于nosql的特性,可以由开发者自行扩展字段。openDB是uniCloud的重要软基建,支撑uniCloud数字生态的发展。
页面模板简介
这是与新闻列表(见最下方地址)结合使用的云端一体的新闻详情模版。
本模版有如下特征:
- 遵循 
openDB的 opendb-news-articles结构 - 基于 uni-clientdb 组件操作数据库
 
Tips
- 暂不支持 nvue 页面
 
使用说明
- 在项目目录上右键选择
创建uniCloud云开发环境并选择服务商 - 在
uniCloud目录上右键选择关联云服务空间或项目并选择服务空间 - 在
uniCloud>database>db_init.json文件,右键选择初始化云数据库,等待初始化完成。数据结构参考openDB的opendb-news-articles表结构 - 运行到 Chrome 查看效果
 
代码说明
代码逻辑以及样式见代码示例
样式覆盖
直接修改 style 中样式或自己新增删除样式即可
其他模板样式
- 云端一体混合布局:https://ext.dcloud.net.cn/plugin?id=2546
 - 云端一体垂直布局,大图模式:https://ext.dcloud.net.cn/plugin?id=2583
 - 云端一体垂直布局,多行图文混排:https://ext.dcloud.net.cn/plugin?id=2584
 - 云端一体垂直布局,多图模式:https://ext.dcloud.net.cn/plugin?id=2585
 - 云端一体水平布局,左图右文:https://ext.dcloud.net.cn/plugin?id=2586
 - 云端一体水平布局,左文右图:https://ext.dcloud.net.cn/plugin?id=2587
 - 云端一体垂直布局,无图模式,主标题+副标题:https://ext.dcloud.net.cn/plugin?id=2588
 

                                                                    
                                                                        收藏人数:
                                    
                                                                                https://gitee.com/dcloud/uni-ui-ext/tree/master/uni_modules/uni-list-detail
                                    
                                                        下载插件并导入HBuilderX
                                                    
                                        赞赏(1)
                                    
                                            
                                            
 下载 1371017
                
 赞赏 14
                
            
                    下载 33806 
                
                        赞赏 150 
                    
            
            
            
            
            
            
            
            
            
            
            
            
            
            
                        
                                赞赏
            
京公网安备:11010802035340号