Cp Deprecated
A configurable template reuse solution for platform ui development .https://json-drived-configurable-platform.github.io/cp-deprecated
Overview
CP (json-drived-configurable-platform) is an English version of a configurable development solution for front-end UI in the middle platform. It provides a way to quickly develop front-end pages using configurable templates. CP is based on the concept of Atomic Design, which is a practice of front-end componentization. It utilizes popular component libraries such as ant-design-vue, Element, iView, and Ant Design to solve the problem of component reuse. However, these projects mostly focus on atomic and molecular components and do not address the reusability of organization and templates. CP aims to provide a practical solution to address these two issues. It is based on configurable basic modules and reusable templates, which enhance development efficiency, code reuse, and project maintainability. Templates can also be packaged as plugins for cross-project reuse. The documentation provides a quick start guide for users to understand and implement this solution through practical examples.
Features
- Configurable Templates: CP offers configurable templates that can be used to quickly develop front-end pages for specific scenarios.
- Code Reusability: By encapsulating common scenarios into templates, CP reduces the amount of repetitive work and promotes code reuse.
- Plugin-like Functionality: Templates can be packaged as plugins, allowing for easy reuse across different projects.
- Support for Vue.js Projects: CP is specifically designed for Vue.js projects, as the supported templates are built on top of Vue.js.
- Rich Template Collection: In addition to the provided templates, CP continues to enrich its collection with a variety of template types.
- Powerful Modules: CP provides configurable tools called modules, which are used to solve specific scenario problems. Two well-developed modules are FormGenerator, used for rapid form development using JSON configuration, and DataVis, used for quick implementation of data reporting pages.
Summary
CP is a configurable development solution for front-end UI in the middle platform. It utilizes configurable templates and powerful modules to enhance development efficiency, code reuse, and project maintainability. CP supports Vue.js projects and provides a rich collection of templates. By encapsulating common scenarios into templates, CP reduces repetitive work and promotes code reuse. Furthermore, templates can be packaged as plugins for easy cross-project reuse. Overall, CP offers an effective way to quickly develop front-end pages in a configurable and reusable manner.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- LESS
Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.