wordpress网站有哪些,旅游主题网站怎么做,网站建设哪家公司最好,姓名域名网站目录 1 创建应用2 第一部分侧边栏3 第二部分页面功能区4 第三部分大纲树5 第四部分代码区6 第五部分模式切换7 第六部分编辑区域8 第七部分组件区域9 第八部分#xff0c;发布区域10 第九部分开发调试和高阶配置总结 上一篇我们介绍了如何实现后端API#xff0c;介绍了登录验… 目录 1 创建应用2 第一部分侧边栏3 第二部分页面功能区4 第三部分大纲树5 第四部分代码区6 第五部分模式切换7 第六部分编辑区域8 第七部分组件区域9 第八部分发布区域10 第九部分开发调试和高阶配置总结 上一篇我们介绍了如何实现后端API介绍了登录验证的方法。有了登录验证方法之后就需要在小程序里调用。本篇我们介绍一下小程序如何调用后端API 1 创建应用
在微搭中我们的小程序或者后台统称为应用。打开我们的控制台点击应用点击前往编辑器 选择从空白新建 默认会给我们创建一个首页 现在打开的这个我们叫做编辑器可以理解为我们所有的开发动作都是在编辑器里完成的。日常主要的工作是组合组件设置组件的属性、样式、事件。通过创建变量来给组件绑定各种属性。通过定义方法来完成事件的配置。
编辑器分成九个区域每个区域有不同的功能
2 第一部分侧边栏
第一部分对应我们我的设计界面应用切换界面数据源界面工作流界面素材界面应用配置界面。
设计界面就是我们目前看到的工作区表示我们可以在这个界面进行开发
切换到第二个视图表示我们的应用界面可以创建应用打开其他应用
切换到第三个视图表示我们的数据源开发界面这个部分你可以创建数据源编写后端的API这两块的内容我们在上一节已经讲解过了如果不会可以再看一下第二节
切换到第四个视图表示我们的工作流界面。这个是微搭的特色区别于别的低代码产品。有一类的产品叫无代码主要是用表单和工作流完成内部审核的工作比如合同审批、请假申请。
微搭的工作流准确的讲叫逻辑编排主要是把你后端的API通过可视化的方式进行搭建。通常我们会用两类一类是微信支付一类是公众号集成。不过这两类只有你是企业版才可以使用我们本次课程就不涉及这一块的内容了。
切换到第五个视图叫素材管理。主要是设计到我们的界面部分设计师切好图之后你可以把图片图标存放到这个地方后续在配置组件的背景就可以使用素材。 最后一部分就是我们的应用配置主要查看应用发布的报错日志比如小程序最大要求不超过2MB如果你发布失败了可以在这里看到报错信息。再一个就是正式发布之后需要提交微信侧审核这里可以看到微信的审核记录如果有退回的可以看到退回原因。
除了和发布相关的也可以设置应用的访问控制比如你是否要启用登录比如用户名密码登录或者手机号登录 3 第二部分页面功能区
第二个区域是和页面相关的一般我们的小程序需要有一个框架的概念比如底部的菜单栏。就可以在页面布局部分进行设置 设置好布局之后页面就可以引用布局就无需每个页面都设置一遍菜单栏
在页面列表里我们可以创建、修改页面我们的小程序是由页面组成的。有的还喜欢设置页面的分组其实也不用那么麻烦团队版限制页面数量不能超过20个超过就超体积了也用不着进行分类
4 第三部分大纲树
我们的页面开发其实就是不停的放入组件组件和组件之间是有嵌套关系的在大纲树里你就可以看到这种嵌套关系。日常如果需要调整上下级的可以在大纲树里进行设置 有时候搭建好了之后发现组件的数据没有正确显示这个时候可以切换到状态数据我们可以观测到变量的运行值
5 第四部分代码区
这个就是微搭的特点了作为低代码工具是可以写代码的在这个区域可以定义变量也可以创建方法。 变量和方法也是微搭的难点。因为微搭是基于javascrpt做全栈开发要求你会javascript的基本语法熟悉es各个版本的语法。至少要熟练掌握es6还有就是要熟悉nodejs的常见写法。
你对基本概念掌握的越扎实写起代码来就越顺畅。这就和学英语是一个道理单词都不学上来就想用英语写出文章来是不切实际的。
6 第五部分模式切换 微搭支持三种模式的发布分别是H5、小程序、PC。应用创建之后默认选中的是小程序如果需要其他模式点击对应的图标即可。
那这几种模式分别是干什么用的呢H5相当于通过二维码扫码之后在手机里边使用当然你也可以在PC端通过微信浏览器打开把浏览器缩小到手机的大小。
小程序是需要我们事先注册好小程序认证并备案通过发布后是在微信里使用的。
PC相当于我们的管理后台需要使用电脑在浏览器里打开。
具体使用哪种模式和你的应用场景息息相关
7 第六部分编辑区域 中间这个像手机一样的区域就是我们的画布了可以从右侧拖入组件进来还可以调整组件的顺序。有些人讽刺低代码就是个拖拉拽没啥技术含量其实你看我讲解这几篇也不是那么回事吧。有时候事情究竟是怎么一回事还得我们自己实践获得道听途说往往都是假消息。
8 第七部分组件区域 这一部分就是一个低代码的关键点了低代码开发是可视化开发是依赖于组件库的组件搭建页面。我们日常学习就是要熟练掌握什么样的需求什么样的场景使用什么样的组件。
而组件配置是三件套属性、样式、事件。这三个部分都是和我们的代码区域息息相关的。
9 第八部分发布区域
当我们完成组件的配置之后就需要验证我们软件的正确性这个时候就需要点击我们发布区域的实时预览 上线之后需要定位问题的可以将数据切换到正式数据就可以查看正式数据的问题 应用编写好之后我们是分为预览版和正式版。预览版相当于是开发版本只有你自己或者你邀请的体验者使用。正式版相当于我们线上的版本拿到备案号通过微信审核别人就可以在微信里通过应用名称搜索到你的应用了。
而且不同版本的数据是分开的你在预览版本录入的数据并不会直接同步到正式版本里去
10 第九部分开发调试和高阶配置
低代码开发也是需要调试的我们可以打开我们的开发调试工具你在代码里写的调试信息就会在这个区域里显示 他是分为三个页签elements相当于组件最后生成的源代码如果要覆盖组件默认样式的需要在源代码中找到会影响组件的样式类在组件的样式部分通过覆盖样式实现。
console部分相当于是控制台可以看到日志的输出和各类报错信息通过报错信息来定位问题在哪
network相当于网络界面可以看到我们的各类请求的返回数据查看请求头。如果遇到复杂问题可以查看一下接口的数据交互情况。
代码编辑器打开之后就可以看到我们各类生命周期方法 一般是和微信API相关的比如我们的下拉刷新如果要停止就需要在生命周期方法里追加后续我们在相应的章节中进行讲解
如果需要获取用户授权的可以在common文件加下的全局配置文件里进行配置 还有一个应用主题我们可以设置我们小程序的整体风格
总结
本篇我们主要是介绍了应用的相关创建方法以及各个部分可以做的内容。低代码工具也不是像一些人说的是一个玩具他也是比较复杂的技术体系各个部分都需要具备扎实的基础知识和实践的经验。用不了几年低代码就会在应用开发市场占据不错的地位到那个时候我们再回来看今天的各种评论也就不攻自破了。
