GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → JSON-Drived-Configurable-Platform → cp

JSON-Drived-Configurable-Platform / cp

Licence: other
A configurable template reuse solution for platform ui development .https://json-drived-configurable-platform.github.io/cp

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
CSS
56736 projects
HTML
75241 projects

Labels

templatejson-schema-formform-validationvue-templateform-generatorform-validatorjson-to-formdata-reportsconfiguration-platform

Projects that are alternatives of or similar to cp

formz
A unified form representation in Dart used at Very Good Ventures 🦄
Stars: ✭ 262 (+1441.18%)
Mutual labels:  form-validation, form-validator
FilterInputJs
Tiny and Powerful Library for limit an entry (text box,input) as number,string or more...
Stars: ✭ 37 (+117.65%)
Mutual labels:  form-validation, form-validator
laminas-form
Validate and display simple and complex forms, casting forms to business objects and vice versa
Stars: ✭ 65 (+282.35%)
Mutual labels:  form-validation, form-generator
formalizer
React hooks based form validation made for humans.
Stars: ✭ 12 (-29.41%)
Mutual labels:  form-validation, form-validator
ATGValidator
iOS validation framework with form validation support
Stars: ✭ 51 (+200%)
Mutual labels:  form-validation, form-validator
dashblocks-template
Dashblocks Vue Material Admin Template
Stars: ✭ 143 (+741.18%)
Mutual labels:  vue-template
ngx-validator
Validator directive and custom input generator for angular template driven and reactive forms
Stars: ✭ 15 (-11.76%)
Mutual labels:  form-generator
ember-validity-modifier
Ember Octane addon to add custom validity (form validation) to form fields
Stars: ✭ 28 (+64.71%)
Mutual labels:  form-validation
vue-formly-buefy
The declarative way to create and validate forms.
Stars: ✭ 18 (+5.88%)
Mutual labels:  form-validation
flexcss
A simple css pattern-library using flexbox, build for hellofellow
Stars: ✭ 85 (+400%)
Mutual labels:  form-validation
form-data-json
A zero dependency, cross browser library to easily get or set/manipulate form input values as/from a json object.
Stars: ✭ 37 (+117.65%)
Mutual labels:  form-validation
django-front-end-validators
Use model field validator functions for front end JS form validation
Stars: ✭ 15 (-11.76%)
Mutual labels:  form-validation
vue-chrome-extension-template
Vue webpack (v4) template for chrome extensions with automatic manifest.json and icon generation, and sass support.
Stars: ✭ 17 (+0%)
Mutual labels:  vue-template
aspnet-core-vuejs-template
ASP.NET Core / Vue.js SPA Template App
Stars: ✭ 75 (+341.18%)
Mutual labels:  vue-template
react-form-validation
A simple and declarative way to validate your forms in React
Stars: ✭ 24 (+41.18%)
Mutual labels:  form-validation
react-cool-form
😎 📋 React hooks for forms state and validation, less code more performant.
Stars: ✭ 246 (+1347.06%)
Mutual labels:  form-validation
react-useForm
World's simplest React hook to manage form state
Stars: ✭ 30 (+76.47%)
Mutual labels:  form-validation
vue-template-babel-compiler
Enable Optional Chaining(?.), Nullish Coalescing(??) and many new ES syntax for Vue.js SFC based on Babel
Stars: ✭ 106 (+523.53%)
Mutual labels:  vue-template
antd-react-form-builder
Example
Stars: ✭ 74 (+335.29%)
Mutual labels:  form-validation
taro-template
可用于生产环境的taro项目模版，技术栈：taro + taro-ui + typescript + dva / mobx + sass，无需过多关注项目配置，预置功能包括但不限于页面/组件/store/service模版一键生成/编译自动生成路由列表和组件入口/代码规范强制检查/请求拦截封装/小程序CI等，实现多端项目的高效快速开发。目前已有1.x / 2.x / 3.x 版本。
Stars: ✭ 59 (+247.06%)
Mutual labels:  vue-template
View All Similar Projects ➔

CP(json-drived-configurable-platform)

English README.md

中台前端UI可配置开发解决方案，通过可配置的模板来快速开发中台前端页面。

主要概念

Atomic Design

前端组件化是对Atomic Design的实践，基于vue.js的ant-design-vue、Element、iView和基于React的Ant Design都是组件化的最佳实践。

这些项目更多的是解决了组件的复用问题，也就是原子和分子，并没有解决组织、模板这些个层面的复用的问题。CP打算提供一种实践方案，尝试解决上面的这两个问题。

CP主要基于可配置的基础模块，针对特定场景，开发出可复用的模板，来提升开发效率和代码复用程度，并使项目代码更易于维护。还可以将模板包装成插件，来跨项目复用。

你可以通过快速开始中的说明，通过自己的实践理解这个方案。

模板复用

考虑一个场景：你需要开发一个包含了很多表单功能的项目：分步表单、增删该查列表、表格内编辑表单等。即使你使用上述哪些非常成熟的组件库，开发的工作量仍然非常巨大，而且大多都是重复工作。

CP提倡将通用场景封装成模板。你可以通过快速开始这篇文档，在十分钟内就开发出一个数据报表平台。

CP is only support for vue.js projects, beacause the templates supported are built on top of vue.js.

CP本身也提供了很多模板，我们也在持续丰富模板类型。cp-example展示了一个用CP构建的真实项目，里面包含了很多已经沉淀下来的非常成熟的模板。

强大的模块

模块是一些用于解决特定场景问题的可配置工具，大多数模板都基于这些工具开发，你也可以使用这些模块开发自己的模板。更多针对不同场景的模块也在设计和开发中，下面是两个已经较为完善的模块工具：

    1. FormGenerator 可以帮助你通过JSON配置快速开发出表单应用，特别是像表格内置表单那样复杂的场景；
    1. DataVis可以帮助你通过JSON配置快速实现数据报表相关的页面；
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].