Overview
NocoBase client-side plugin development provides various functionalities and capabilities to help developers customize and extend NocoBase's frontend features. The following are the main capabilities and related chapters of NocoBase client-side plugin development:
| Module | Description | Related Chapter |
|---|---|---|
| Plugin Class | Create and manage client-side plugins, extend frontend functionality | plugin.md |
| Router | Customize frontend routing, implement page navigation and redirects | router.md |
| Resource | Manage frontend resources, handle data fetching and operations | resource.md |
| Request | Customize HTTP requests, handle API calls and data transmission | request.md |
| Context | Get and use application context, access global state and services | context.md |
| ACL | Implement frontend access control, control page and feature access permissions | acl.md |
| DataSourceManager | Manage and use multiple data sources, implement data source switching and access | data-source-manager.md |
| Styles & Themes | Customize styles and themes, implement UI customization and beautification | styles-themes.md |
| I18n | Integrate multi-language support, implement internationalization and localization | i18n.md |
| Logger | Customize log formats and output methods, enhance debugging and monitoring capabilities | logger.md |
| Test | Write and run test cases, ensure plugin stability and functional accuracy | test.md |
UI Extensions
| Module | Description | Related Chapter |
|---|---|---|
| UI Configuration | Use FlowEngine and flow models to implement dynamic configuration and orchestration of component properties, supporting visual customization of complex pages and interactions | flow-engine.md and flow-model.md |
| Block Extensions | Customize page blocks, create reusable UI modules and layouts | blocks |
| Field Extensions | Customize field types, implement display and editing of complex data | fields |
| Action Extensions | Customize action types, implement complex logic and interaction handling | actions |