家政服务小程序实战教程03-创建自定义应用

我们上一篇讲解了创建模型应用，模型应用是给管理员使用的。普通用户日常办理业务还是在小程序完成。

微搭中的小程序需要通过创建自定义应用来创建，进入控制台，点击应用，点击新建应用，选择新建自定义应用

输入应用的名称

按照我们前述章节，是需要先判断用户的类型，根据不同的类型引导到注册页面，来填写具体的信息。

因为我们的注册用户是将信息存入用户表里，需要程序一加载的时候就从数据源中提取数据，加载到页面上。提取数据我们可以通过数据模型的api来完成。而存在页面上需要先新建变量进行保存。

点击应用编辑器顶部的变量，点击新建变量

输入变量的名称，类型我们选择对象

对象类型的变量可以从数据模型中读取，也可以自定义，我们选择JSON

默认值我们给赋一个初始值，因为后续在字段隐藏的时候需要根据字段是否有值来进行展示。初始值如下：

{id:"",xm:"",xb:"",lxdh:"",dz:"",xqmc:"",ldxx:"",yhzt:"",js:"",openid
}

变量创建好了之后就有一个初始化的问题，可以在生命周期函数里加载数据，点击顶部导航条的代码编辑器

在onAppLanch里我们加载数据，输入如下代码

export default {async onAppLaunch(launchOpts) {//console.log('---------> LifeCycle onAppLaunch', launchOpts)const result = await app.cloud.callModel({name:'jzglyhb_axoxmlv',methodName:'wedaGetRecords',params:{pageNo:1,pageSize:1,where:[{key:'openid',rel:'eq',val:$app.auth.currentUser.openId}]}})console.log(result)if(result.total>0){$page.dataset.state.user = result.records[0]}},onAppShow(appShowOpts) {//console.log('---------> LifeCycle onAppShow', appShowOpts)},onAppHide() {//console.log('---------> LifeCycle onAppHide')},onAppError(options) {//console.log('---------> LifeCycle onAppError', options)},onAppPageNotFound(options) {//console.log('---------> LifeCycle onAppPageNotFound', options)},onAppUnhandledRejection(options) {//console.log('---------> LifeCycle onAppUnhandledRejection', options)}
}

我们的逻辑是先调用数据源的查询列表方法，查询条件呢是根据当前登录用户的openid做过滤

对于得出来的结果判断是否查到数据，如果查到就返回第一条赋值给我们的变量

还有为了看到结果我们使用了console.log方法向控制台打印了信息，在编辑器中点击开发调试工具，可以看到具体的结果

在程序开发中，一般是打断点来观察堆栈里的变量的情况，但是在线的开发工具没办法打断点，我们就用console.log在控制台中打印信息，也方便我们对比结果和我们的预期是否相符合。

好了，这一篇我们就介绍到这里，主要是讲解了自定义应用的创建方法以及如何初始化变量，喜欢就点在看吧，让更多愿意学习低码的人看到。

家政服务小程序实战教程03-创建自定义应用相关推荐

微信小程序实战教程-闫涛-专题视频课程
微信小程序实战教程-38472人已学习课程介绍介绍微信小程序API,包括页面布局.网络交互.媒体文件.本地缓存.地理位置.WebSocket和传感器技术,后以翼健康为模板,开发一套 ...
基于云开发的微信小程序实战教程（一）
基于云开发的微信小程序实战教程(一) 最近刚开发了款小程序,在开发过程中发现,基于云开发的教程资源不是很多,而且很不详细.所以边实战边总结了下云开发的简单教程,希望对你有所帮助. 本章主要内容:什么是 ...
电商小程序实战教程-分类导航
电商小程序实战教程第一章总体介绍第二章创建数据源第三章创建管理后台第四章首页的创建前言从上一篇开始,我们就正式进入到了电商小程序的实战开发阶段.首先是介绍了首页的开发,首页主要是展 ...
基于云开发的微信小程序实战教程（二）
基于云开发的微信小程序实战教程(二) 上篇文章中,简单介绍了下小程序云开发的概念,还有开发工具的安装和配置,云开发环境已经搭建完毕. 本章主要内容:微信开发者工具如何使用,小程序云开发的基础目录结构 ...
电商小程序实战教程-商品详情页
电商小程序实战教程第一章总体介绍第二章创建数据源第三章创建管理后台第四章首页的创建第五章分类导航前言我们已经完成了首页和分类导航页面的开发,本节我们介绍一下商品详情页的开发.商 ...
微信小程序实战教程1503---生成二维码
在微信小程序中,如果我们可以自己将指定内容生成二维码,出示给别人,将是一个比较有用的功能.但是微信小程序API中,目前暂时还没有这个功能,但是我们可以通过变通的方法,来实现这一功能. 本文所提到的方法 ...
微信小程序实战教程：模仿—网易云音乐（二）
接上一篇:微信小程序实战教程:模仿-网易云音乐(一) wxml进行渲染:  <view class="lyric-content" hidden ...
家政服务小程序制作攻略揭秘
想要打造一个家政服务小程序,但是又不懂编程和设计?不用担心!下面将为你详细介绍如何利用第三方平台,从零开始打造一个家政服务小程序. 首先,你需要找到一个适合的第三方平台,例如乔拓云网.在乔拓云网的[轻 ...
云开发电商小程序实战教程-篇首语
目录写作的目的过往的技术学习路线寻求突破学习的困难真实的场景几个场景的思考云开发学习的方法写作的目的从08年进入计算机行业后,先后做过开发.实施.运维.售前.项目管理岗位,也先后换 ...

家政服务小程序实战教程03-创建自定义应用

家政服务小程序实战教程03-创建自定义应用相关推荐

最新文章

热门文章