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

文档驱动 —— 表单组件(六):基于AntDV的Form表单的封装,目标还是不写代码

开源代码 https://github.com/naturefwvue/nf-vue3-ant 也不知道大家是怎么写代码的,这里全当抛砖引玉 为何封装?...可以看下面的这个对比图,最右面的是官网的实例代码,非常长,一屏都没放下,中间的是一级封装,把a-input、a-select这类的组件封装起来,最左面是用for循环,遍历字段。 ?...既然看起来这么简洁了,干嘛还要一行一行的写呢?来个for循环他不香吗? 当然可以了,准备好json文件,简单组织一下就好。...多行多列的表单咋弄? AntDV的Form表单似乎只能是单列或者单行的,没发现多行多列的方法。 单列就是下面这样 ? 多行多列是这样 ? 难道现在都不需要这种多行多列的表单了吗?...这个还真写了,查询表单就是自己写的table,只是我发现表单验证的功能似乎被AntDV给封装到了Form表单里面,目前还没发现单独使用的方法。 所以目前只好直接封装Form表单来实现表单验证功能了。

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

    我的2023:恋爱、结婚、生娃,不写代码

    虽然如此,但20km的通勤路的确是有点无聊,甚至一天的工作量还没在路上骑车通勤的时间长。...工作篇希望公司耗子尾汁,继续努力。学习篇虽然平时是做大数据开发和架构的工作,但是好像一年也没学什么东西。...因为本来就是小城市,加上同行不为难同行的原则,你简历上写什么我就问什么,简历上不写的我基本上啥也不问,毕竟我也是个临时工。总结一下面试遇到的几个问题:1....简历不真实在自我介绍的时候,大部分都说是大数据开发。技能栏上也写着会Java、scala语言等。我问其中一个工作两年的哥们:你Java学到哪个阶段了?...吃力不讨好的工作难干...所以说,小城市的程序员良莠不齐,没有很好的生长土壤,在没有产出的996、007环境中过完一年、三年、五年的工作经验。

    45730

    我理解的低代码平台、表单生成器的核心

    前情回顾 上次的代码处理掉了拖拽的问题,当然这个拖拽问题是个非常简单的问题。这次要讨论的问题应该是低代码或者表单生成器的一个核心问题。 组件数据如何转化成右侧的配置表单?...表单生成器 和 低代码平台的异同 如果是简单的表单生成器,数据流就非常简单,右侧配置-->表单组件-->全局状态控制表单数据,提交表单时从全局获取表单数据即可。...因为它的表单组件非常简单,通常都是单个的数字,文本或者选项列表,字段比较好控制。 但是如果作为一个低代码平台的话,数据流就相对复杂。...如果只是简单的开发一个表单生成工具,这种数据流勉强能支撑起这么个小业务。考虑到如果我们是在开发一个界面配置平台,那么这种数据流就显得有些力不从心了。 那么,对于一个拖拽式的界面配置平台,核心是什么呢?...代码仓库:https://gitee.com/mynoe/low-code-platform.git javascript基础知识总结

    84410

    我在工作中的常用代码管理

    说是管理其实就是把常用的一些JS方法,自己保存下来,这样的以后的工作中可以比较方便的使用。 哪些方法可以、或是说值得保存呢?...还有一些是扩展型的函数,例如,判断数组,增加、删除数组什么的, 还有一些工具类的,什么复制属性啊,字数判断啊,DOM节点操作啊,轮播广告啊,日期操作 总之,上面列出的那些内容的JS代码都是与具体业务逻辑无关的...============= 我写这些东西基本都是“思路或方法”的占多数,我觉得思维在层次上是高于具体实现的。...这也是我为什么很少写JS的具体实现的原因,我总觉得应该给我的粉丝们一些不一样的东西,一些别的地方得不到的东西。因为网上JS教程很多,我又写不好JS教程,我没耐心一步一步的详细写。...要看JS教程有很多地方可以看到很好的教程。 我希望关注我的朋友们,看我的微信公众号,能够体会一种“变通”的能力。不要我说一就是一,要懂得举一反三啊。 我再三提醒啊,不要僵化的去看待文中的内容。

    85350

    我是不会运行你的代码吗?不,我是不会导入自己的数据!

    如何准备数据、拿到正确格式的数据并导入后续的代码进行分析,是学习和应用过程中的第一个拦路虎。 为什么教程会习惯使用内置数据?...简单省事、便携可重复;这是内置数据的优势之一; 内置数据模式清晰,通常可以获得较好的结果;这是内置数据的优势之二; 别人用这个,我也用这个,这是一个偷懒的做法。 每个人常识不同。...我不太赞成教程里面用使用内置数据,原因是: 对不会读入数据的人不友好; 不利于探索这篇教程用于实际数据时可能会遇到的问题。示例数据无脑运行,自己的数据无显著差异。...如果要使用内置数据,也需要额外提供一些信息: 详细描述内置数据的格式和生物含义,及与真实数据的对应,可以参考画一个带统计检验的PCoA分析结果 提供真实数据的格式示例和读入真实数据的代码,弥补这个“鸿沟...这里涉及到另外一个经常会被问起的问题: 我这一步操作需要提供原始数据,还是标准化之后的数据? 绝大多数情况下,我们需要提供的都是标准化之后的在不同样品之间可比的数据。

    1.4K10

    前端灵异事件 好好的代码就我跑不起来?

    写在开头 前端灵魂拷问: 同一个项目,同一份代码,别人电脑上能跑,为什么自己电脑上就不行? 同一个项目,同一份代码,别人自己电脑上打包构建,为什么服务器上就不行?...Peter老司机这次带你们深刻的分析这个问题 那原因是什么啊? 原因一般不止一个,可能你当时出现问题,是姿势不对,又或者是环境问题,又或者是同事的操作不规范等等情况,我们接下来一一道来。...,使用npm安装,然后启动项目,发现项目本身的react版本和其他第三方库的react版本不兼容,这个时候你就跑不起来了。...,新老版本的api不兼容很正常,例如你的电脑上是16版本的nodejs,搭配了比较新的webpack版本,那样可以正常使用,但是一上构建机器,或者去了同事那边版本比较旧的电脑,就跑不起来了。...结语 相信通过这六点总结,能解决你大部分项目中同一份代码却跑不起来的问题,要知道项目能在别人电脑上跑起来,你的电脑也一定可以。

    90310

    我再用100行代码来支援青岛的防疫工作

    新故事背景: 上周末的,半夜11点多写完了《我用100行代码来支援青岛抗击疫情》,大概的内容是帮助之前的同学来处理几个excel匹配的问题。...然后呢,这家伙昨天又死皮赖脸的来了,当然是带着一些新的问题来了,毕竟这些人都是无事不登三宝殿。 又来了什么问题,因为涉及到数据隐私的问题,我就只能简单描述。...上篇文章说,我在写一个关于打工人如何处理excel类的问题教程,我是真的在有准备。...我都大概整理了相关内容的目录,但是今天发现,处理问题不仅仅是一个包的功能,可能是一连串的内容都需要有点点了解,所以后面我在考虑考虑是否继续。或者你有什么更好的想法或者建议,也欢迎提供。...好了,今天就分享到这里,我是马拉松程序员,可不至于代码!

    49530

    分享几段我工作中经常使用的for代码!

    前言 不管是for循环还是while循环,都是任何一门语言的基础知识,同时也是非常重要的知识。借助于循环的策略,可以将很多重复性的问题完美地解决。...在Python中,大家可能对她的印象是“Python不适合使用循环,因为效率低,速度慢!”,但是本文中将重点介绍她,并跟大家分享我工作常用的几段代码示例(如果你想实操,文末有数据下载链接)。...for循环示意图 可以有部分朋友还不太清楚for循环的工作机制,这里画一个简单的示意图,希望读者能够理解她的逻辑。 ?...如上图所示,图中包含for循环过程中的三个部分,分别是漏斗、漏斗内的元素以及漏斗以下的结构,这三个部分构成了for循环的核心。...案例3:词频统计 如下图所示,这是一篇新闻报道,如何基于该报道完成词频统计的操作?由于实际工作中评论数据的分析会涉及到敏感信息,故这里用新闻报道代替,但下文中所介绍的代码核心部分基本类似。: ?

    95020

    分享几段我工作中经常使用的for代码!

    在Python中,大家可能对她的印象是“Python不适合使用循环,因为效率低,速度慢!”,但是本文中将重点介绍她,并跟大家分享我工作常用的几段代码示例(如果你想实操,文末有数据下载链接)。...for循环示意图 可以有部分朋友还不太清楚for循环的工作机制,这里画一个简单的示意图,希望读者能够理解她的逻辑。 ?...如上图所示,图中包含for循环过程中的三个部分,分别是漏斗、漏斗内的元素以及漏斗以下的结构,这三个部分构成了for循环的核心。...案例2:数据单位的统一处理 如下图所示,数据集中关于APP的下载量和软件大小涉及到不同的数据单位,如APP的文件大小有KB单位也有MB单位。很显然,单位不一致的数据肯定是不能直接用来分析和建模的。...案例3:词频统计 如下图所示,这是一篇新闻报道,如何基于该报道完成词频统计的操作?由于实际工作中评论数据的分析会涉及到敏感信息,故这里用新闻报道代替,但下文中所介绍的代码核心部分基本类似。: ?

    1K40

    我的神经网络不工作了!我应该做什么? 详细解读神经网络的11种常见问题

    2.你忘记检查结果了 -问题描述 你已经对你的网络进行了几次训练,你可以看到错误正在减少!这是否意味着你已经完成了训练? 不幸的是——几乎可以肯定的告诉你,你的代码仍然有问题。...不幸的是这一过程与机器学习应用程序是不能工作的,所以我们应该非常小心检查我们在每个阶段的过程,这样我们就会知道,当一个错误已经产生时,我们就需要回去更彻底地检查代码。...我的建议是从一开始去适应可视化,不要只有当你的网络不工作时才开始适应,这样就能确保在你开始尝试不同的神经网络结构时,你已经检查了完整的流程。这是你能准确评估多种不同方法的唯一方式。...在数据空间中存在较大的不连续性,或者是表示同一事物的大量分离数据(separated data),这将使学习任务变得更加困难。...在它们三个中选择一个(我最喜欢的是“lecun”),一旦你的神经网络开始运作,你就可以自由地尝试,直到你找到最适合你的任务。 -为什么?

    1.7K30

    为什么同样的代码我就是跑不起来,同事却能跑起来?

    不知道小伙伴们有没有遇到过标题的问题,明明同样的一套代码,在自己本地就是运行不起来,或者说在本地只改了一个无关痛痒的代码,看上去人畜无害,结果就报各种乱七八糟的错误,但是同事却能运行的好好的。...因为有的时候可能是最后一次提交的代码有问题,但是同事并没有拉取有问题的代码,这时候的表现就是同事能正确运行,但是自己的不行。...这种情况下其实你们的代码版本是不一样的,并不是标题提到的一样的代码,但是很多时候自己内心会以为代码是一样的。...还有一种情况就是自己本地的确实改动了部分代码,但是改动的地方看上去是人畜无害的,但是就是跑不起来。...总结 反正跑不起来肯定有原因,不是代码原因就是环境原因,一般经过上面几个方式的排查,都能找到问题了,如果再不行,重新查询拉取代码库也未尝不是一个方法,当然如果实在解决不了,咨询前辈也是一个很有效的方法。

    1.5K30

    工作 3 年的同事不知道如何回滚代码,我真是醉了。。

    点击关注公众号,Java干货及时送达 公司一个工作了 3 年的新同事,问我怎么回滚他刚刚修改过的代码,他说弄了半天不会,之前用的 SVN,没用过 Git,说 Git 好难弄,我真是醉了。。...1、未提交 未提交有以下两种情况: 1)已经在工作区修改了文件,但还未执行 git add 提交到暂存区。...这时候回退: git reset --hard 这样等于清空了暂存区和工作区,本地仓库回退到了最新的提交状态。...2、已提交未推送 这种情况是指已经执行了 git add 提交到暂存区操作,又执行了 git commit 提交本地仓库,但还未 git push 推送到远程仓库。...后面我还会分享一些我平时用到的修改历史记录的实战干货,比如怎么修改历史提交信息、合并多次提交等,关注公众号Java技术栈第一时间推送。

    2.4K40

    我仅用50 行 JavaScript 代码从头构建区块链,向你介绍区块链的工作原理

    今天的文章中,我将通过仅使用 50 行 JavaScript 代码从头构建区块链,向您展示区块链的工作原理。 在我们开始之前,我想指出,如果您了解一些基本的编程知识,这篇文章会更容易理解。...但是如果你没有编程知识,你也不要担心,因为我会尽力详细解释每一段代码。 现在,让我们开始吧! 首先,我们需要了解区块链是如何创建的。 区块链,顾名思义,是由多个区块链连接在一起形成的。...我将在本文后面解释为什么这个值很重要。 时间戳:这告诉我们区块何时被创建。 工作量证明:这是一个数字,显示了找到当前块的哈希值的努力。...有趣的事实:比特币区块的哈希值需要 18 个零,其区块链网络中的所有计算机大约需要 10 分钟才能创建。 如果您听说过人们谈论挖掘加密货币,这就是它的工作原理。...这在现实生活中是不可能实现的! 总结 以上就是我所要分享的文章内容。我希望对您想更多地了解区块链会有所帮助。如果您觉得今天内容对您有所帮助,也请您分享给您的朋友,也许也可以帮助到他。

    1.1K20

    Google代码管理工具101 部分5-表单

    的内容将涵盖跟踪在线表单提交。...使用Google代码管理工具,只要用户提交表单,就能轻松发送一个事件或pv。难的是,当提交成功后只是发送了事件,但这将部分不会在这篇文章里包含进来,因为我们希望保持整个系列“无Javascript”。...创建表单提交追踪代码 现在我们要做的是针对在这篇博文中提交评论的行为进行追踪(为了帮助我们对此方面进行测试,请开心的在这篇博文下留言~)。...这一过程其实非常简单 - 不超过10分钟,您就已经配置好您的表单的跟踪。像往常一样,Google标记管理工具的预览模式应该用于测试代码是否正确触发。...您可以使用未过滤的流量的实时视图查看接收到的事件或页面查看次数。 接下来…… 虽然如前文所说,本系列的文章一共有5篇,而本文应该是最后一篇。

    2.4K50

    #抬抬小手学Python# 用别人代码,完成我的工作,剩下的时间去摸鱼【附源码】

    Python 模块的设计与应用 模块是一个概念,它包含 1~N 个文件,如果文件是 Python 代码文件(就是.py 结尾的文件),那每个文件中可以包含函数,类等内容。...在公司工作,很多项目都是协作开发来完成,一个项目后面可能存在很多工程师,为了开发方便,每个人负责的功能函数或者类都尽量封装在一个模块中,模块英文请记住 module,有的地方叫做 库,也有的地方叫做 包...将函数放到模块中 模块学习的过程,不能按照语法结构来学习,它是一种抽象的知识,是一种代码的设计方式。例如将写好的函授放到模块中。...修改上一节案例: from stir_fry import kung_pao_chicken kung_pao_chicken("黄瓜", "胡萝卜", "鸡胸肉", "花生米") # 下面的函数无法调用,因为未导入...) print(num) 反复运行代码会得到一个 1~10 之间的数字,由此可以 randint 方法中的参数含义。

    48030

    一文学会所有 Android TextView 属性,妈妈再也不担心我的代码写不好了!

    飞哥语录:编程语言是人发明的东西,凡是人都应该懂人发明的东西,如果你不懂,那结论是:你不是人!...13.TextView 的其他属性 android:imeOptions:附加功能,设置右下角IME动作与编辑框相关的动作,如actionDone右下角将显示一个“完成”,而不设置默认是一个回车符号。...android:ems设置TextView的宽度为N个字符的宽度。这里测试为一个汉字字符宽度 。 android:maxEms设置TextView的宽度为最长为N个字符的宽度。...如果不设置singleLine或者设置为false,文本将自动换行 android:text设置显示文本. android:textAppearance设置文字外观。如“?...好了,今天的分享就到这里,其实常用的属性也就那么几个,用过了就记住了,不常用的,用的时候查一下也是非常方便的。 如果有什么问题,欢迎在下方评论与我交流。

    1.8K20

    django 1.8 官方文档翻译: 5-1-1 使用表单

    Django 的表单功能可以简化并自动化大部分这些工作,而且还可以比大部分程序员自己所编写的代码更安全。...Django 会处理表单工作中的三个显著不同的部分: 准备并重新构造数据 为数据创建HTML 表单 接收并处理客户端提交的表单和数据 可以手工编写代码来实现,但是Django 可以帮你完成所有这些工作。...在模型实例不包含数据的情况下,在模板中对它做处理很少有什么用处。但是渲染一个未填充的表单却非常有意义 —— 我们希望用户去填充它。 所以当我们在视图中处理模型实例时,我们一般从数据库中获取它。...这时表单不再为空(未绑定),所以HTML 表单将用之前提交的数据填充,然后可以根据要求编辑并改正它。...绑定的和未绑定的表单实例 绑定的和未绑定的表单 之间的区别非常重要: 未绑定的表单没有关联的数据。当渲染给用户时,它将为空或包含默认的值。 绑定的表单具有提交的数据,因此可以用来检验数据是否合法。

    4.3K20
    领券