首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

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

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

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

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

    70340

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

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

    72220

    SwiftUI 官方画图实例详细解析

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

    1K10
    领券