Coder Social home page Coder Social logo

json-drived-configurable-platform / cp-deprecated Goto Github PK

View Code? Open in Web Editor NEW
12.0 3.0 3.0 9.15 MB

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

JavaScript 30.53% Vue 62.58% CSS 6.65% HTML 0.24%
templates templates-design templates-reuse vue-templates

cp-deprecated's Introduction

CP(json-drived-configurable-platform)

English README.md

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

主要概念

Atomic Design

前端组件化是对Atomic Design的实践,基于vue.js的ant-design-vueElementiView和基于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配置快速实现数据报表相关的页面;

cp-deprecated's People

Contributors

bingblog avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

cp-deprecated's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.