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.

Installation

To install CP, follow these steps:

1. Clone the CP repository to your local machine:

git clone [repository_url]

2. Navigate to the CP directory:

cd CP

3. Install the necessary dependencies:

npm install

4. Build the project:

npm run build

5. Include the built CP files in your Vue.js project:

import CP from 'cp';

Vue.use(CP);

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.