首页
学习
活动
专区
圈层
工具
发布

微搭低代码官方模板解析(一)

微搭低代码目前开放了PC端功能,使用方法是需要在模板中心启用模板,模板创建成功后会自动增加PC端的组件库及创建需要的数据源。本文就结合目前官方提供的模板,按照示例程序自己搭建一遍。...官方首页逻辑解析 官方的首页其实就是起到一个引导的作用,通过大的图片来引导用户点击 然后我们切换到组件视图来分析一下首页都使用了哪些组件 它的布局组件使用了节点组件,节点组件就相当于我们html里的...官方模板内容区域布局解析 我们可以看到内容区域分为上下两部分,上边是标题,下边是快捷功能引导区域 官方模板是使用了节点组件和栅格组件 内容区域布局实现 我们先选中内容区域节点组件的插槽 在通用分类里添加节点组件...然后在布局分类里添加删格组件 组件搭建好后的效果 官方模板标题区域解析 标题区域比较简单,其实就是实现标题的两行的效果 组件树里是通过文本组件来实现的 标题区域功能实现 我们也按照官方的思路...后续我们继续分析官方模板,带着大家一点点熟悉这个新出来的功能。 作者:微搭低代码布道师韩锴

1.7K70
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    微搭人员招聘管理系统官方模板解析(三)

    上期回顾 微搭目前已经开发了PC端程序的搭建,但是有一点不方便的是并没有以官方组件库的形式体现,需要启用人员招聘管理系统的模板才可以使用PC端的功能。...我们前两节按照官方模板的思路搭建了首页和列表页,列表页只实现了表格的功能,本节我们继续搭建。 处理表格的按钮 一般PC端的业务,按钮会有两个位置,一个是在表格的上边,用来放置新增按钮。...然后给按钮增加点击事件,使用平台方法的导航方法即可 [在这里插入图片描述] 接着在表格的操作列插槽中增加按钮 [在这里插入图片描述] 修改按钮的标题和类型 [在这里插入图片描述] 接着就需要为按钮定义事件,官方模板是使用低代码的方式实现...调用的时候进行了传参 $scope.id44.recordSlot 看代码的逻辑是弹出了一个窗口,如下 [在这里插入图片描述] 生命周期函数 一般这种稍微复杂的页面,会在生命周期函数里加载一些数据,我们看看官方做了什么...onPageHide') }, onPageUnload() { //console.log('---------> LifeCycle onPageUnload') }, } 目前因为官方的

    92240

    微搭人员招聘管理系统官方模板解析(一)

    微搭目前开放了PC端功能,使用方法是需要在模板中心启用模板,模板创建成功后会自动增加PC端的组件库及创建需要的数据源。本文就结合目前官方提供的模板,按照示例程序自己搭建一遍。...通过模板的搭建来熟悉官方组件库的用法。 创建页面 首先自己新建一个页面,我们需要按照官方模板的首页自己搭建一下。...[在这里插入图片描述] 官方首页逻辑解析 官方的首页其实就是起到一个引导的作用,通过大的图片来引导用户点击 [在这里插入图片描述] 然后我们切换到组件视图来分析一下首页都使用了哪些组件 [在这里插入图片描述...官方模板内容区域布局解析 我们可以看到内容区域分为上下两部分,上边是标题,下边是快捷功能引导区域 [在这里插入图片描述] 官方模板是使用了节点组件和栅格组件 [在这里插入图片描述] 内容区域布局实现 我们先选中内容区域节点组件的插槽...[在这里插入图片描述] 在通用分类里添加节点组件 [在这里插入图片描述] 然后在布局分类里添加删格组件 [在这里插入图片描述] 组件搭建好后的效果 [在这里插入图片描述] 官方模板标题区域解析 标题区域比较简单

    97620

    OpenWRT 开源路由器OpenWrt官方镜像下载与安装指南(附官方下载渠道)

    必要工具下载工具用途官方安装包下载地址PuTTYSSH连接路由器官方安装包下载WinSCP文件传输官方安装包下载固件文件系统镜像官方安装包下载三、四种安装方法详解方法1:Web界面直装(需联网)登录路由器原生管理页...安装时提示依赖缺失解决方案:添加--force-depends参数强制安装,或通过opkg install [依赖包名]单独补全Q2:刷机后无法启动恢复步骤: 长按Reset键进入安全模式使用TFTP工具重刷官方固件...Q3:软件包下载速度慢优化方法:替换国内镜像源sed -i 's/downloads.openwrt.org/mirrors.ustc.edu.cn\/openwrt/g' /etc/opkg/distfeeds.conf...六、延伸学习OpenWRT官方文档Luci界面开发指南 声明:本教程仅适用于已解锁Bootloader的设备,刷机前请备份原厂固件。

    31.7K51

    idm下载器官方免费版

    idm下载器官方免费版 ---- idm下载器官方版是款针对互联网所打造的下载管理器。idm下载器能将下载速度提高5倍,恢复因丢失的连接,网络问题,计算机关闭或意外断电而重新启动中断或中断的下载。...idm下载器还可支持所有流行的浏览器,以使用独特的“高级浏览器集成”功能来接管下载。PC下载网提供idm下载器的下载服务,下载idm下载器其他版本,请到PC下载网!...idm下载器软件功能 1、IDM下载器支持HTTP, FTP, HTTPS 和 MMS协议。idm不是p2p下载软件,因此无法用于下载通过bt和eMule发布的内容。...2、下载速度加速,一键轻松下载 安装IDM后,每当您在互联网上观看视频时,都会弹出“下载此视频”按钮。只需点击按钮开始下载剪辑。...3、恢复未完成的下载 全面的错误恢复和恢复功能,将重新启动由于连接丢失或丢失,网络问题,意外断电而导致的下载或中断下载。 4、自动防病毒检查 IDM下载器的防病毒检查使您的下载免受病毒和木马的侵害。

    2.5K30

    ​微信视频号下载器免费版下载 (微信视频号视频下载)

    微信视频号下载器(微信视频号视频下载)重磅发布了,知识兔可以把微信的视频号里面的视频提取出来,知识兔适合广大的有需求的用户。知识兔主要提供微信视频号视频下载、知识兔直播流地址解析功能。...目前没知识兔有搞手动下载,后面会增加 微信视频号下载器免费版序言 > 本软件为微知识兔信视频号解析工具,主要提供微信视频号知识兔视频下载、直播流地址解析功能,后期知识兔会以继续以视频号为主,提供视频号知识兔相关更多解析功能...session获取失败问题 五、使用方法 选择对应的监控项,才会启用知识兔对应的解析功能 手动下载:即【开始下载】按钮,视频知识兔号地址只需要在PC端微信播放过视频号视频或直播,无知识兔需打开播放窗口,...抖音视频/直播:复制抖知识兔音分享的口令到电脑剪切板,即可按手动下载或勾选自动识别自动检测知识兔,无需粘贴,支持批量和混合解析,多个知识兔视频口令或直播口令一次性解析 六、视频号解析流程 登录PC微信》...知识兔 微信视频号下载器免费版更新日志 20220228更新 由于视频号升级,导致之前的版本失效,特此更知识兔新 之前的代码实在看不下去知识兔就重写了 微信视频号下载器 v2.0 软件截图

    5.6K60

    SwiftUI 官方画图实例详细解析

    的文章中,我们用一个具体的基本项目Demo来学习了下SwiftUI,里面包含了常见的一些控件使用以及数据处理和地图等等,有兴趣的小伙伴可以去翻翻以前的文章,在前面总结的时候我有说过要具体说一下这个很有趣的官方示例的...,这篇我们就好好的说说这个有意思的图,我们具体要解析的内容图如下: ?...最后出来的UI效果就是上面这个样子,这个看过SwiftUI官方文档的朋友一定见过这张图的,但不知道里面的代码具体的每一行或者思路是不是都读懂了,下面我们就认真的分析一下它的实现思路和具体代码实际的作用。...解析实现 ---- 上面这张效果图的实现我们把它分为三步走的方式,我们具体看看是那三步呢?然后我们就根据这三步具体的分析一下它的代码和实现。 1、画出底部的背景。

    1.3K10
    领券