-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1 lines (1 loc) · 6.7 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 6.7 KB
1
<!doctype html> <html> <head> <title>Reactive Form - 模型驱动、可扩展的表单引擎</title> <meta charset=UTF-8> <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1"> <meta name=renderer content=webkit> <meta http-equiv=X-UA-Compatible content="IE=Edge,chrome=1"> <meta name=apple-mobile-web-app-capable content=yes> <meta name=apple-mobile-web-app-status-bar-style content=black-translucent> <meta name=apple-mobile-web-app-title content=ReactiveForm> <meta name=mobile-web-app-capable content=ReactiveForm> <meta name=application-name content=ReactiveForm> <meta content="telephone=no" name=format-detection> <meta name=msapplication-tap-highlight content=no> <meta name=author content=""> <meta name=keywords content=""> <meta name=description content=""> <link rel="shortcut icon" href="/favicon.ico"> <script src="/assets/javascripts/luda-degradation.min-de40bf23.js"></script> <script src="/assets/javascripts/turbo.es2017-umd.min-6c3e5b73.js" data-turbo-track=reload></script> <link href="/assets/stylesheets/luda-default.min-d9508530.css" rel=stylesheet data-turbo-track=reload /> <link href="/assets/stylesheets/rouge-ebba3ab6.css" rel=stylesheet data-turbo-track=reload /> <link href="/assets/stylesheets/site-6dd0c0c3.css" rel=stylesheet data-turbo-track=reload /> <script src="/assets/javascripts/luda.min-10857b5a.js" data-turbo-track=reload></script> </head> <body id=home> <header class="header d-flex-m jc-center ai-center bc-light"> <div class="rel p-medium ta-center"> <a href="/" class="header-logo media"> <picture class="media-content-1by1 bc-none"> <img src="/assets/images/logo-f19b9c85.svg" alt="rcfm logo" width=298 height=300 /> </picture> </a> <button data-toggle-for=nav aria-label="打开菜单" class="abs-t abs-b abs-r my-auto mr-small d-none-m btn btn-light btn-large btn-ico rounded"> <i class="ico ico-menu"></i> </button> <div data-toggle-target=nav data-toggleable> <button data-toggle-for=nav aria-label="关闭菜单" class="abs-t abs-b abs-r my-auto mr-small d-none-m btn btn-light btn-large btn-ico rounded"> <i class="ico ico-cross"></i> </button> </div> </div> <div data-toggle-target=nav class="header-nav on-1 d-block-m"> <nav class="d-flex fd-column d-block-m"> <a href="/guide/general/situations/" class="btn btn-text-dark btn-large px-medium rounded fw-bold ">教程</a> <a href="/api/introduction/" class="btn btn-text-dark btn-large px-medium rounded fw-bold ">接口</a> <a href="/changelog/" class="btn btn-text-dark btn-large px-medium rounded fw-bold ">日志</a> </nav> </div> <div data-toggle-target=nav class="header-nav od-1 d-block-m"> <nav class="d-flex fd-column d-block-m"> <a href="/team/" class="btn btn-text-dark btn-large px-medium rounded fw-bold ">团队</a> <a href="/contact/" class="btn btn-text-dark btn-large px-medium rounded fw-bold ">联络</a> <a href="/contributing/" class="btn btn-text-dark btn-large px-medium rounded fw-bold ">贡献</a> </nav> </div> </header> <div class=main> <div class=landpage> <div class="slogon p-medium ta-center"> <figure class="media w-100"> <picture class="media-content bc-light"> <source srcset="/assets/images/slogon_md-c30eb04c.svg" media="(min-width: 768px)"> <img src="/assets/images/slogon_sm-0c5f26c8.svg" alt="Reactive Form 是一款模型驱动、可扩展的表单引擎。" width=500 height=228 /> </picture> </figure> </div> <div class="get-started px-medium py-small-m ta-center"> <a href="/guide/general/installation" class="px-medium btn btn-secondary btn-large fw-bold rounded"> 开始使用 2.2.1 <span class="d-none d-block-m ml-tiny"> — 发布于 2023年11月9日 UTC </span> </a> </div> </div> <div class=feature> <div class="py-large px-medium bc-muted"> <div class="feature-description grid ai-center mx-auto py-medium"> <div class="col-12 col-7-m mb-small mb-none-m"> <figure class="media media-contain w-100"> <picture class="media-content bc-none"> <img src="/assets/images/feature_across_end-de88965d.svg" alt="Feature picture." width=860 height=551 /> </picture> </figure> </div> <div class="col-12 col-5-m ta-center"> <h3 class="fw-bold c-primary">跨端能力</h3> <p class=p7> Reactive Form 遵循模型与视图分离的设计原则。模型层既可以在客户端使用也可在服务端使用（NodeJS），视图层针对不同的客户端执行环境可独立迭代，互不干扰。 </p> </div> </div> </div> <div class="py-large px-medium bc-light"> <div class="feature-description grid ai-center mx-auto py-medium"> <div class="col-12 col-7-m mb-small mb-none-m"> <figure class="media media-contain w-100"> <picture class="media-content bc-none"> <img src="/assets/images/feature_dsl_hook-fb2bf3b6.svg" alt="Feature picture." width=904 height=587 /> </picture> </figure> </div> <div class="col-12 col-5-m on-1-m ta-center"> <h3 class="fw-bold c-primary">DSL & Model Hook</h3> <p class=p7> 可通过编写DSL构建表单模型，支持校验、计算、联动等诸多行为。同时，模型层支持添加Hook函数，以实现对DSL语意范围的扩充和模型行为的干预。 </p> </div> </div> </div> <div class="py-large px-medium bc-muted"> <div class="feature-description grid ai-center mx-auto py-medium"> <div class="col-12 col-7-m mb-small mb-none-m"> <figure class="media media-contain w-100"> <picture class="media-content bc-none"> <img src="/assets/images/feature_builtin_model_ui-a08db50d.svg" alt="Feature picture." width=890 height=504 /> </picture> </figure> </div> <div class="col-12 col-5-m ta-center"> <h3 class="fw-bold c-primary">开箱即用的 Model & UI</h3> <p class=p7>Reactive Form 内置了部分常用模型及UI组件，可在项目中直接引用。并提供了一套默认的表单设计视图和填写视图，对于非高定制化项目，直接使用，省时省力。</p> </div> </div> </div> <div class="py-large px-medium bc-light"> <div class="feature-description grid ai-center mx-auto py-medium"> <div class="col-12 col-7-m mb-small mb-none-m"> <figure class="media media-contain w-100"> <picture class="media-content bc-none"> <img src="/assets/images/feature_custom_model_ui-8d864de1.svg" alt="Feature picture." width=786 height=572 /> </picture> </figure> </div> <div class="col-12 col-5-m on-1-m ta-center"> <h3 class="fw-bold c-primary">支持定制 Model & UI</h3> <p class=p7>基于和内置模型及UI组件一致的插拔能力，可集成自定义校验器、计算器、表单成员等各种复杂度级别的模型，以及不同技术栈下的UI组件。</p> </div> </div> </div> </div> </div> <footer class="footer py-medium px-medium py-large-m sd-low"> <p class="p7 ta-center c-secondary"> Reactive Form 基于 <a href="https://creativecommons.org/licenses/by-nd/3.0/cn/legalcode">CC BY-ND</a> 协议发布 </br> Copyright © 2023 吉林省吉林祥云信息技术有限公司 </p> </footer> </body> </html>