Android(安卓)开发者从0到1发布一个微信小程序的采坑过程——使用帮助页面
16lz
2022-01-17
Android 开发者从0到1发布一个微信小程序的采坑过程——首页实现
Android 开发者从0到1发布一个微信小程序的采坑过程——详情页实现
Android 开发者从0到1发布一个微信小程序的采坑过程——使用帮助页面
Android 开发者从0到1发布一个微信小程序的采坑过程——发布上线后动态切换页面
需要代码可在文末扫码识别二维码,在我的----关于我—可找到我的联系方式。
实现的效果如下:
分析实现过程:
这个过程实现的不难,这里之所以再介绍是因为这里的实现是通过微信的云数据库实现数据的动态填充。
这里的动态填充是指:我们在没有服务器的情况下,如何再不更新版本的情况下更新数据呢?这就用到了小程序的云数据库。
实现过程如下:
-
在确保打开云数据开发,然后在数据库中创建一张表格(集合),用于存放我们动态显示的数据。
-
在本地
js
中调用数据库的链接,取到数据后填充到页面上即可
主要代码就下面这几行:
// 初始化数据库const db = wx.cloud.database();// 获取环境const testDB = wx.cloud.database({ env: '你的数据库环境名称'});// 表名const table_name = 'guide_info';Page({ /** * 页面的初始数据 */ data: { guide_infos:{} }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var that = this; db.collection(table_name).get({ success: function (res) { // 从数据库获取描述数据 that.setData({ guide_infos: res.data }) } }) },
const testDB = wx.cloud.database({ env: '你的数据库环境名称' });
这里填写你数据库的环境名称,云数据库中允许一个账号能创建两个环境,一个用于测试环境,一个用于生产环境。
const table_name = 'guide_info';
这里是定义的表名
wxml 页面的显示就是一个for
循环显示两行 text
组件就行了。
这里也贴一下代码吧:
{{item.title}} {{item.content}}
使用帮助页面实现的介绍就到这里了,有问题的欢迎一起交流。
欢迎老铁扫码体验一波(目前扫码出现可能是查快递页面,这是个人开发者绕过上线提交的页面,12月份会改为查开奖页面)
更多相关文章
- 【5年Android从零复盘系列之五】关于页面布局控件开发总结
- android 数据库操作 (非ContentProvider)
- android java 分享功能实现,Cocos2d-x3.3RC0通过JNI调用Android
- 「Android」将网页转换为PDF的初步实现
- XMPP协议实现原理介绍
- Android(安卓)BroadcastReceiver(广播)实现消息发送
- 让Android自带的Gallery实现多点缩放,拖动和边界回弹效果,效果流畅
- Android(安卓)实现欢迎界面
- 浅谈Java中Collections.sort对List排序的两种方法