Adminlab

  • What is Adminlab?

Some common business logic and interaction in the management background are highly encapsulated to avoid repetitive coding work, improve maintenance efficiency and polish interaction details.

Related components support multiple UI frameworks.

  • What UI frameworks are supported?

There is currently built-in support for Quasar, ElementPlus, and more frameworks to come.

In the future, developers will be able to adapt any UI framework or custom components based on Vue3.

  • What kind of help can we provide?

The current focus is around tables, automatically rendering forms and tables through JSON configuration (see demo)

form

  • Over loading state

  • Load failure prompt and retry function

  • Ensure the correctness of data when multiple requests are triggered

  • Multiple type definitions, such as timestamp formatting, links, progress, state mapping, pictures, avatars, and so on

  • Support combination display, such as user information (avatar + nickname)

  • Built-in edit operation, open the edit shell layer and automatically fill the corresponding line of form data

  • Built-in delete operation, pop-up query box, delete action

  • Built-in copy operation, open new shell layer and automatically fill the corresponding line of form data

  • Quickly generate action buttons

paging

  • Takes over paging events (page number and page size changes) and automatically refreshes page data when triggered

  • After the deletion is successful, the current page number is automatically adjusted according to the page number and data status

The form

  • Automatically convert to corresponding components (input boxes, drop-down boxes, date selection boxes, and so on) based on configuration

  • Quickly configure form linkage and dynamic forms

  • Based on Grid layout, it can quickly adapt to mobile terminal, and easily customize complex layout

The form layer

Used to add data and edit data

  • Over loading state

  • Automatic form generation

search

  • Automatic form generation

  • After the content is modified, submitting data triggers the operation of obtaining data

  • Automatically handles submitted data: converts bools to numbers (to accommodate GET requests), and removes Spaces at the beginning and end of strings

The toolbar

  • Built-in new button for opening the new shell layer

  • Built-in refresh button for current page data

  • The built-in reset button is used to reset the data in the search box

The warehouse address

We welcome your comments and suggestions to make this fledgling tool a better development experience for everyone.

  • GitHub

  • Gitee