基于微信迷你程序云的开发,我设置了两个百科全书applets
我将从两个方面总结实际战斗过程中的经验:基本能力和场景的实际战斗云开发
我希望本文将有助于发掘Yunyun开发的发掘。
项目地址:HOGB/HOEWO(github.com)
项目预览:
我们需要在建造之前做一些准备
如果您从0开始
您可以使用开发人员工具的云开发模板快速创建云开发项目
如果您已经有一个项目
您可以根据项目使用云开发
云开发主要包括云功能,云存储,数据库和其他基本功能,云开发官方文档简介:微信打开文档(QQ.com),此处不再描述
云功能(单词)就像它的名称一样,即在云环境中运行的功能,其操作环境是节点,可以简单地总结他的角色
您只需要一行代码即可完成数据操作
基本上使用第一个云功能来构建我们的第一个云(这是使用原始云开发的步骤)
云开发数据库是JSON数据库,因此未接触到它的朋友非常快。
创建我们可以在云开发控制台中创建我们的数据集,并导入数据记录
我不会详细介绍。这是一个简单的例子,让每个人都快速开始。例如,我想在集合集合中的“猪欺凌行为”中删除“猪欺凌行为”的数据记录,然后weyou可以做到这一点。
永久管理数据库管理机构管理是一个奇怪的进站
当我第一次使用时,我遇到了这样的坑。我调用查询功能,无法获取数据。我很奇怪。这是因为数据权限引起的问题
每个集合中都有一个权限管理,它支持以下四个数据权限。此外,您可以自定义数据权限。
如果我们想向用户(例如产品信息)显示一些数据,那么我们可以更改所有用户阅读的权限。如果我们想向用户展示用户,那么我们可以将权限更改为唯一的creator可以读写
如果您需要分批存储大量数据,那么在一个批处理中,还需要一一手动介绍JSON,而云开发数据库控制台支持我们直接导入JSON文件。Orz太酷了。
注意:由于_id是自动生成的,因此我们的JSON文件的每个数据记录都不需要。如果有简介,它将导致错误,并且引言失败。
许多功能需要存储一些图片文件资源,例如用户上传的图片以将这些资源存储在云存储中。
存储控制台可以在云开发存储控制台中的台中创建或上传文件夹或文件。同一序列+文件名将在同一目录中生成
当然,存储还具有将其作为数据库权限进行管理的权限。根据不同方案制定不同的权限规则,并且可以通过FileID直接加载Applet的相关组件。
基本上,如果我们要操作文件,那么我们可以调用API,官方API文档:API指南
上传文件,删除文件,下载文件等。
在理解第一部分的基本能力之后,您必须具有发展云发展的基本能力
第二部分是场景的实际战斗,我组织了我的实际战斗体验,充满了干货
让我最感受到的最感动的云开发是登录模块。让我们比较云开发过程和非云发展登录过程
非云开发登录登录登录仅仅是登录步骤之间的差异。实际上,在中间人中差异的差异很少,而且云发展没有中介,因此乏味的步骤较少。
在许多应用中,收集功能非常普遍。商品收藏,新颖收藏,文章收藏等。
它大致分为三个模块,它们是:添加集合,收集列表,取消集合
首先,您需要建立一个集合,并设置此集合的数据权限以读写创建者。
加入该集合以将书添加到用户集合中,然后我们需要将书籍的信息与用户OpenID用作数据记录以添加到我们的集合中
应该注意的是,我们不需要手动添加OpenID字段,因为在用户添加的过程中,用户的OpenID将自动附加。这是非常容易使用。加入收藏书后,我们添加的书籍是额外的唯一标志_id和用户_oopenid。
收集列表获得了用户的集合列表,我们只需要通过_oopenid的数据条件获得用户的收集信息
取消收集并取消用户收集,并加上收集不同歌曲的添加。只要添加操作被删除操作替换,查询信息就会更改为书名
商品详细信息,书籍内容和其他场景需要内容负载渲染
我将WXPARSE放入我的项目中进行第二个组件包装。简单的使用可能太肿了。下面我概述了包装步骤
项目中的组件目录中的预构建是包装组件,您可以参考使用
解析器组件包装解析器是开源WXPARSE,原始作者不再维护,GitHub地址:WXPARSE-WECHAT MINI-PROGIN RICTOR RICH文本分析自定义组件,支持HTML和Markdown Analysis
包裹解析方法,根据我们设置的组件属性进行分析,并设置对数据响应的分析的分析
在组件的WXML中使用数据渲染组件
解析器组件使用解析器组件的封装后,它与普通组件的引入和使用相同
就像下面一样,我们只需要在获得HTML或MD字符串后才致电。可以呈现传输到我们大脑的这种插值数据,这很容易使用。
各种数据分析问题。如果您的应用程序需要具有不同类型的文本分析,则需要考虑此问题。例如,我需要进行分析:信息详细信息,新闻详细信息,百科全书的详细信息,三个详细信息,然后在app.json初始化三个详细信息页面,我想有人肯定会这样做。让我在下面提供我的想法
页面存在用于工厂处理的参数
以下是我们的路由跳转传输功能。
您可以在呼叫的在线生命周期中获取任何数据集的内容
不同的场景有不同的需求,我们需要收拾行李塔栏或headbar才能达到我们的效果
Tabbar包装和使用官方文件提供TABBAR包装说明:自定义Tabbar |微信打开文件(QQ.com),让我谈谈我的包装并使用以下步骤
Headbar的包装与使用头部组件的包装和普通组件的封装方法相同,但是由于右上角存在胶囊,因此有必要计算不同模型的高度以适应适应
一般步骤是:
对于特定的演示,您可以参考项目组件目录中的HeadBar组件文件以及我之前已经汇总的HeadBar包装和用法方法:Wechat mini -mini -program -program -program head组件-juejin.cn
该项目的功能是遵循皮肤变化。跟随季节的变化以取代主题颜色和资源。当然,我在这里手动更改了一个月。
绝对需要使用全局变量作为全局变量,并将其用于每个组件。
特定的实施步骤包装包含季节的全球方法。每个页面都需要季节来获取和设置。那么我们不妨使用util打包工具功能
完美工作!交叉剖面
由于选项卡组件的特殊性,其图标需要在数据中配置,如果我们判断季节并使用它,则它不是优雅的,因此我们可以使用模板字符串的形式来完成TABBAR以完成TABBARICON更改。
如果我们使用并响应替换,它看起来非常多余
谈论第一个屏幕渲染绝对是应用程序优化的重要组成部分,并且在小型程序开发人员工具中自动生成骨架屏幕的工具大大减少了开发人员的工作。仅需几个步骤就可以生成相应页面的骨架屏幕文件。对于特定的实际战斗步骤,请参阅本章中的微微微微微热程序的应用和实现。微信微编程骨架屏幕的方法和使用
因为它涉及卡的列表,因此有必要降低加载和删除-Down刷新。通过灵活使用和在特定范围内获取数据记录以实现我们的目的,具体的战斗步骤可以参考我的文章。详细介绍了在此项目中实现底部加载和下拉刷新的过程。
大约在线过程如下