Cabloy Start
This suite uses the VuetifyJS UI library and provides a set of out-of-the-box frontend modules to accelerate the development of fullstack projects such as Websites and Admin-Dashboards
Module List
1. Core Modules
| Name | Description |
|---|---|
| start-layoutadmin | Layout component for Admin-Dashboard, pioneers dual-layer tabs navigation UI/UX |
| start-layoutfront | Layout component for Website |
| start-adapter | UI component adapter: defines commonly used UI components for rendering Table/Form |
| start-restpage | Dynamically renders CRUD list pages, entry pages, and search forms, and provides the best practices of Tanstack Table / Tanstack Form / Tanstack Query |
| start-paypal | Frontend rendering component for interfacing with the backend Paypal API |
| start-theme | Orange theme implemented based on the Token mechanism |
2. Other Modules
| Name | Description |
|---|---|
| start-actions | Provides commonly used Actions for use in ZovaJsx: Alert / Confirm / Prompt, facilitating event listening logic in the backend through declarative syntax |
| start-app | Provides application-level behavior components with multiple modal capabilities: $appModal.alert / $appModal.confirm / $appModal.prompt |
| start-button | Enhanced Button component: 1. Automatically shows a loading icon, 2. If the click event fails, an error prompt is automatically displayed |
| start-captcha | Out-of-the-box captcha component |
| start-date | Date range component, automatically handles Timezone |
| start-demo | Some demonstration code |
| start-form | Form behavior component, controls form rendering behavior based on the Behavior mechanism |
| start-table | Table component implemented based on Tanstack Table |
| start-select | Select component used for rendering in Table/Form |
| start-textarea | Textarea component used for rendering in Table/Form |
| start-toggle | Toggle component used for rendering in Table/Form |
| start-resource | Resource Picker component used for rendering in Table/Form |