CRUD Templates #
SmartChart provides three CRUD development modes for quickly building data management interfaces through a visual configuration panel — no front-end code required.
Three Modes Comparison #
| Mode | Icon | Use Case | Features |
|---|---|---|---|
| CRUD Table | List icon | Data management backend, data entry | Table display, batch operations, query filtering |
| Form Mode | Form icon | Information registration, data collection, surveys | Step guidance, QR code entry, draft saving |
| Mobile Dashboard | Phone icon | Mobile data display, H5 pages | Mobile adaptation, card display, bottom navigation |
How to Choose #
- Data management backend (CRUD, batch operations, Excel import/export) → Choose CRUD Table Mode
- Information registration page (form filling, multi-step entry, QR code entry) → Choose Form Mode
- Mobile dashboard (view data on phone, small screen adaptation) → Choose Mobile Dashboard Mode
Quick Operation #
On the dashboard development interface, click the corresponding icon in the toolbar to switch modes:
- Click the “List” icon → CRUD Table Mode
- Click the “Form” icon → Form Mode
- Click the “Phone” icon → Mobile Dashboard Mode
All three modes share the same configuration panel and dataset system. Configuration is preserved when switching modes.
Chapter Contents #
- CRUD Common Development — Complete flow from table creation to deployment
- CRUD Core Configuration — Configuration panel feature descriptions
- CRUD Customization — Custom columns, multi-level headers, conditional styling
- CRUD Drag & Combine — Combining with chart components
- CRUD Action Buttons — Toolbar and action column button configuration
- CRUD Row Actions — Batch actions and approval flow integration
- CRUD Data Approval — Approval flow and data permissions
- CRUD Tree Query — Left-side tree menu
- CRUD User Settings — User custom configuration
- CRUD Table Reference — Table creation standards and recommendations