/nopage

Easy to make CRUD for everyone

Primary LanguageJavaScript

NoPage

NoPage提供诸如 NoForm, NoList, NoWrapper, Snipx 等库。

NoPage - 更好的CRUD方案

NoForm

Install

$ npm install --save noform

Example

🔥 Live DEMO - Form Configuration Example ✨

🔥 Live DEMO - Repeater Configuration Example ✨

🔥 Live DEMO - Repeater Example

🔥 Live DEMO - Repeater Advanced Example

🌈 Live DEMO - Simple Example with Ant Design

You can visit here for more information.

Best Practise

Best Practise integrate with Ant Design

Integrate with Ant Design Pro

API和文档

Core API

中文文档

i18n

Repeater now support Chinese(zh) and English(zh).

Since react-intl use ISO639 and NoForm will follow this standard.

ISO Standard Map:

Region Notes ISO_3166 ISO_639
USA en-US US en
China zh-CN CN zh

Test Case

More than 190 case.

How to contribute

  1. clone this repo
  2. npm install -g nobuilder
  3. npm install
  4. npm run start
  5. pull request

For chinese user / 国内用户

NoForm - 一个更好的表单解决方案

欢迎钉钉入群:23134927 一起讨论

NoList

文档

如何开发NoPage

  1. npm install
  2. npm run start(自动执行子目录的install,构建lib,并且子目录如相互依赖,会自动link)
  3. 联调模式: 分别进入到packages里面,运行npm run dev 即可进行联调。

联调模式

NoList依赖NoForm, 如果开发过程中需要调整noform的话,开发步骤如下:

  1. cd list && npm run dev
  2. cd form && npm run dev

这样改动form的时候,list会自动获取到form的更新。其他内部库的联调机制也一致。

NoBuilder

Form/List/Wrapper 都依赖NoBuilder作为构建,常见命令如下:

$ npm install -g nobuilder

nobuilder的命令如下:

  1. dev 开发
  2. lib 构建
  3. build 构建css, umd(参见umdConfig)
  4. profile 查看构建后的文件依赖关系,分析体积
  5. test 执行单测