Formily 学习1

最新推荐文章于 2024-08-06 10:35:47 发布
最新推荐文章于 2024-08-06 10:35:47 发布
阅读量2.4k 收藏 2
点赞数
分类专栏： Form 表单 Formily UForm 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qg520jungle/article/details/107755112
版权
本文探讨了Formily作为复杂表单解决方案的角色，推荐从React模式开始学习，强调其在多数应用场景的优势。作者通过实践多个demo，体验到Formily的UI与逻辑分离的高效性，并指出需要进一步学习的属性和概念，如标签类型、IFormEffect、自定义hook以及Rxjs和Hooks。目标是整理一份全面的入门指南和练习代码。
摘要由CSDN通过智能技术生成

复杂表单的解决方案

Formily 官网

  1. Formily 提供3种模式开发
    JSON SchemaForm | JSX SchemaForm | JSX
    其中推荐使用 JSX SchemaForm 的模式开始学习，一是因为其可以满足绝大多数的应用场景（个别布局适配效果较差），二是便于向·JSON SchemaForm （更适用于后台传值替换）转换
  2. 看完设计理念和属性、生命周期等概念介绍后，对整个“轮子”的使用还是不能完全掌握（学习成本较高），为了更好的学习，以及体验更爽的表单设计，需要把整个实践教程码一遍。SchemaForm 部分有实例可以参考的代码粗略统计50+，还有几个章节没有代码，也需要研读的。我会把学习心得写在这上面，学完之后整理出一个全面的入门指南+demo练习代码（及注释），以便查看和学习
  3. 练习了3个demo后，体验很好，使用生命周期的感觉很爽，可以做到UI与逻辑完全分离，要熟练掌握技巧还需要多加练习
  4. 表单一些属性需要继续学习
    SchemaForm 标签 属性解释
    components设置标签类型，用来对接Input 等组件，如果没有则会影响渲染
    effe
最低0.47元/天 解锁文章
径直向前
关注
专栏目录
Formily 原理浅析
军火库
03-24 1836
最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。
Formily 学习2 （Rxjs 知识）
Qg520jungle的博客
08-04 1258
Rxjs 知识 Rxjs 官网 Rxjs 中文网 Rxjs 动画演示 Rxjs 入门教程 B站 BV1Mt4y127An 一、基础知识 被观察对象 Observable 观察者 Observer 操作函数 operators 订阅 Scheduler 主体对象广播 Subject 二、Formily 结合运用 const { onFieldValueChange$, onFormMount$ } = FormEffectHooks; const customEvent$ = createEffectHook
【React】formily2.0快速上手
不忘初心，坚定道路！
04-23 4657
官网 文档：https://formilyjs.org/zh-CN/guide 思维导图：https://github.com/li9269391/formily-xmind core文档：https://core.formilyjs.org/zh-CN/api/entry/create-form 快速上手 首先用create-react-app开个项目 安装antd moment @formily/antd 导入样式： @import 'antd/dist/antd.min.css'; @impo
开源低代码表单方案 Formily 的核心设计思路
2401_83384536的博客
07-22 980
Formily 是一个数据+协议驱动的表单解决方案，它站在Reactive响应式编程巨人的肩膀上，构建出了从基础表单到低代码领域的高性能通用基础能力，同时其配套的跨框架+跨终端组件生态体系，也能让用户更高效的开发日常业务表单，尽可能的减少了重复冗余的逻辑实现。借助Formily可以完成复杂的表单页面需求，同时Formily提供的表单设计器可以快速搭建表单。Formily在高性能的加持下，实现一套底层适配多个框架，一份Schema适配多端（PC、手机），一个生态覆盖全场景（Pro/Low/No Code）。
表单解决方案(Formily)
qq_43720804的博客
08-16 2179
Formily 使用
前端推荐!阿里高性能表单解决方案——Formily
weixin_46837985的博客
05-18 4062
今天又到了我们的分享时间. 之前和大家分享了很多可视化的前端项目和工程化实践, 今天继续和大家分享一款非常有价值的开源项目Formily, 它可以帮助我们更高效的开发任何复杂的表单, 并且支持可视化搭建表单, 如下:接下来我就来带大家一起了解一下这款开源项目.背景介绍众所周知，表单场景一直都是前端中后台领域最复杂的场景，主要表现在以下几个方面:字段数量多，如何让性能不随字...
formily-editor:模式编辑器
04-13
Formily-Schema-Editor 从表单数据结构出发，帮助你快速搭建表单。 背景 Formily提供了的能力，因此我们可以实现通过一份JSON SCHEMA渲染出一个表单。 这份SCHEMA可以通过开发者手写，但是更多的时候需要开放给非技术人员通过配置的方式生成。 因此，Formily-Schema-Editor出现了，它帮助不熟悉具体技术细节的用户生产SCHEMA，进而可以自己设计属于他们的表单。 功能 安装 import { SchemaEditor } from "@formily-editor/schema-editor"; import extensions from "@formily-editor/extensions"; const renderToolbar = (context) => { // 定制你的导航 } const demo = () => {
可视化代码例子（formily编辑器集成，代码编辑器，表单设计，pdf预览等）.zip
03-17
1、该资源包括项目的全部源码，下载可以直接使用！ 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 3、本资源作为“参考资料”如果需要实现其他功能，...
可视化代码实例（formily编辑器集成，代码编辑器，表单设计，pdf预览等）.zip
03-28
1、该资源内项目代码都是经过测试运行成功，功能正常的情况下才上传的，请放心下载使用。 2、适用人群：主要针对计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、数学、电子信息等...
基于formily驱动可视化设计器.zip
02-19
适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究...
vueformlyVueJS的JS表单
08-08
vue-formly：VueJS的JS表单
formly-builder:用于formly-js的拖放式表单创建的构建器应用程序，该应用程序输出表单所需的JSON
05-23
正式建设者 一个用于formly-js的构建器应用程序，用于拖放式表单创建，该应用程序输出表单所需的JSON。
低代码开源项目 Designable 应用和源码浅析
React_Community的博客
10-24 1839
使用说明页面示例集成代码importReactfrom"react"; import{ Designer,//设计器根组件，用于下发上下文 Workbench,//用于创建Workspace组件，工作区组件，核心组件，用于管理工作区内的拖拽行为，树节点数据等等... ViewPanel,//视图布局面板 DesignerToolsWidget,//画板工具挂件 ...
Formily开发实战——3分钟完成一个登录页的开发，Formily表单与PagePlug低代码的完美融合
AppsmithCN的博客
05-19 2401
Formily——更高效的表单解决方案与开源低代码Pageplug的融合
Formily使用ProTable
pinocchio126的博客
06-22 593
Hooks 使用Formily-ProTable <个人记录> 简单的使用 import React, { useRef} from 'react'; import type { FormInstance } from 'antd'; const [params, setParams] = useState<any>() const formRef = useRef<FormInstance>(); <ProTable
Formily原来是这样解决这些表单难题
张兴华的博客
03-08 1414
古茗在中后台的场景中大量的使用 formily 来解决问题。在首次使用 formily 时第一感受，这玩意儿咋那么难用，能不用吗？在使用表单始终会存在几个问题（表单数据管理、表单字段依赖、表单精准更新等等）。formily 仅仅作为一个帮我们去处理这类问题，不使用 formily 也照样存在你反馈的难处（但上手成本会低点🐶）。那我们来看一下 formily 是如何解决中后台表单数据管理、字段依赖、精准更新问题吧～
推荐项目：Formily-Schema-Editor - 让表单构建变得简单直观！
最新发布
gitblog_00449的博客
08-06 355
推荐项目：Formily-Schema-Editor - 让表单构建变得简单直观！ formily-editorSchemaEditor项目地址:https://gitcode.com/gh_mirrors/fo/formily-editor 在现代Web开发中，表单构建一直是一个既基础又核心的任务，而如何高效、灵活地设计与管理表单逻辑往往成为开发者的一大挑战。今天，我们来一起探索由阿里巴巴团队...
formily设计器
01-30
formily是一个基于React的表单设计工具，通过 formily设计器，用户可以快速、简便地创建复杂的表单。formily设计器具有直观的用户界面和丰富的组件库，用户可以通过拖拽、放置的方式快速构建出自己需要的表单页面。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值