A powerful admin framework with many complex business components and page templates, the professionalism is comparable to paid products.
About SCUI Admin
SCUI Admin is a front-end solution for the middle and background management system, commonly known as the admin ui framework, which is used to allow developers to build a business management background, based on the latest Vue3 and Element Plus . Unlike some admin projects that include back-end development, SCUI Admin is a pure front-end solution, no matter what language the back-end uses for development, there is no limit.
SCUI Admin encapsulates many commonly used business components, and it is very easy to use. Simplicity is also the goal pursued by SCUI.
Make all complicated things foolish. The purpose of SCUI
Technical Features of SCUI Admin
- Components Multiple exclusive components, business templates
- Complete authority authentication system and precise authority control
- Layout provides multiple sets of layout modes to meet various UI design needs
- API Perfect API management, using real network MOCK
- Configure unified global configuration and component configuration, support configuration hot update after build
- The performance has been optimized multiple times in reducing bandwidth requests and front-end computing power, and it continues
- Other multi-functional view labels, dynamic permission menu, console configuration, unified exception handling, etc.
Hands-on experience
As a front-end boy who has used Element UI to develop the admin background for many years, thanks to the professional and high-quality basic components provided by Element, although the process of realizing business requirements is very smooth, Element only provides basic components and business needs for complex operations. Still need to write it myself.
The biggest feature of SCUI Admin is that it provides many professional and complex components and page templates. Before you start using it, I strongly recommend that you experience this system from the official demo address. I believe you will have the same feeling as me.
Interface layout is balanced and reasonable
Many admin systems are over-simplified. In fact, the core of admin is powerful and efficient, and the administrator can use it with twice the result with half the effort. For example, the navigation menu of SCUI Admin is multi-column, which is more intuitive to use than the collapsible menu. Basic functions such as top-to-bottom breadcrumb navigation, multi-page management tabs, menu hiding, and theme switching are all well done.
Complex business components and page templates are ready to use out of the box
SCUI Admin provides business components with many complex functions, such as
- Table selector: a table selector deeply modified by the select component, which is very suitable for scenarios where a large amount of data is selected
- Form form: There will be cases where the form contains an array of objects in the business, directly add, delete, and modify the form, and support the disabled attribute of the linked form form
- Data filtering components such as classification filters and filters
- Editor: Provide rich text editor and code editor that Element Plus does not provide
There are too many practical components. Implementing these components by yourself not only costs a lot of development, but also is likely to be a shi-like experience.
Get started
Since it is a pure front-end project, you can basically get started by looking at the directory structure.
After the startup is complete, the browser visits http://localhost:2800, and then you can get familiar with it or carry out business development steps. The official website documentation shows a tutorial for developing a page, which is very simple:
SCUI Admin provides a comprehensive business development solution. It does not support the automatic optimization method of tree shaking optimization. If the unused functional dependencies are not removed, the package size will be very large. SCUI Admin is configured using the official splitChunks split module of Webpack.
After the packaging is complete, report.html will be generated in the dist root directory, and you can check the volume analysis of each module to decide whether to extract it.
Free Open Source Instructions
SCUI Admin is a web middle and background management UI framework using the MIT open source protocol. It is developed based on Vue3 and Element Plus . These two projects are also free and open source. Any company or individual can download and use them for free, and can also be used in commercial projects. .
I have shared a lot of admin frameworks before, and SCUI Admin is definitely the leader among many free admin frameworks. In terms of the richness and practicality of components, it can be compared with the same type of paid products. My next admin will choose SCUI Admin.
Original link: https://www.thosefree.com/scui-admin