Vue background management system template recommendation

Time:2022-1-19

preface

Article link:https://ethant.top/articles/xi2mpxmd

Vue.jsIt is a popular front-end framework at present, which has reached the point that everyone in the front-end can. Today, we will list the back-end management framework based on Vue. At present, the popular UI components matched with Vue areElement-UIiviewBootstrap-VueAnt-Design-VueIn additionVuetifyBuefy (Bulma css)、Vue MaterialWait. Based on the background management templates encapsulated by these component libraries, some common Vue background templates are recommended to you. According toGithubThe number of stars is introduced in turn.

vue-element-admin (63.3k)

Vue-Element-Admin(the number of standard stars on GitHub is 63.3k) is a background front-end solution based onVueAndElement-UIImplementation. It uses the latest front-end technology stack, built-in i18 internationalization solution, dynamic routing and permission verification, refines typical business models, and provides rich functional components. It can help you quickly build enterprise level middle and back-end product prototypes.

Document address:Document Address

Integration scheme:vue-element-admin

Foundation formwork:vue-admin-template

Desktop terminal:electron-vue-admin

Typescript version:vue-typescript-admin-template(thanks:@Armour

Others: awesome-project

Online preview address:https://panjiachen.github.io/vue-element-admin

Domestic users can access this address for online preview:https://panjiachen.gitee.io/vue-element-admin

Preview effect:

Vue background management system template recommendation

Vue background management system template recommendation

Vue background management system template recommendation

Vue background management system template recommendation

Vue background management system template recommendation

Vue background management system template recommendation

iview-admin (15.4k)

iview-admin(the number of standard stars on GitHub is 15.4k) is one of the members of iView ecology. It is a set of development mode with front and back-end separation, based onVueFront end solution of background management system. iView-admin2. 0 disengages from 1 X version for reconstruction and replacementWebpack4.0 + Vue-Cli3.0As the basic development environment. It has built-in logical functions commonly used in the development background management system and out of the box business components, which aims to enable developers to develop the background management system at the lowest cost and reduce the amount of development.

Document address:https://lison16.github.io/iview-admin-doc

Integration scheme:https://github.com/iview/iview-admin

Preview address:https://admin.iviewui.com

Preview effect:

Vue background management system template recommendation

Vue background management system template recommendation

vue-antd-admin(1.8k)/ant-design-vue-pro(27.5k)

Vue-Antd-Admin(the number of standard stars on GitHub is 1.8K) the markdown centered project structure helps you focus on writing and enjoy with minimal configurationVue + WebpackFor the development experience, Vue components are used in markdown, and Vue can be used to develop custom main. Vuepress generates static HTML for each page pre rendering, and will run as spa when the page is loaded.

Document address:https://iczer.gitee.io/vue-antd-admin-docs/start/use.html

Integration scheme:https://github.com/iczer/vue-antd-admin

Domestic image:https://gitee.com/iczer/vue-antd-admin

Preview address:https://iczer.gitee.io/vue-antd-admin

common problem:https://iczer.gitee.io/vue-antd-admin-docs/start/faq.html

Preview effect:

Vue background management system template recommendation

Vue background management system template recommendation

Ant-Design-Pro(the number of standard stars on GitHub is 27.5K)Ant DesignThe system is carefully designed, refined from the typical pages and scenes of middle and back office applications, developed with front-end cutting-edge technologies such as react / DVA / antd, designed for different screen sizes, configurable themes to meet diversified brand demands, built-in industry-wide internationalization scheme, and good engineering practice to help you continuously produce high-quality code and practical local data debugging scheme, Support automated testing to ensure front-end product quality.

Document address:https://pro.ant.design/docs/getting-started-cn

Integration scheme:https://github.com/ant-design/ant-design-pro

Preview address:http://preview.pro.ant.design

common problem:http://pro.ant.design/docs/faq-cn

Preview effect:

Vue background management system template recommendation

Vue background management system template recommendation

Vue background management system template recommendation

vue-manage-system (11.8k)

Vue-Manage-System(the number of standard stars on GitHub is 11.8k) as a set of multi-functional background framework templates, this scheme is suitable for the development of most background management systems (WEB management systems). Based onVue.js, useVue-Cli3.0Scaffolding, referenceElement UIComponent library to facilitate the development of fast, simple and good-looking components. Separate color styles, support manual switching of theme colors, and it is convenient to use custom theme colors.

Integration scheme:https://github.com/lin-xin/vue-manage-system

Preview address:https://lin-xin.gitee.io/example/work/

Preview effect:

Vue background management system template recommendation

Vue background management system template recommendation

Vue background management system template recommendation

vue2-manage (10.2k)

vue2-manage(the number of standard stars on GitHub is 10.2k) this project isVue + Element-UIThe background management system is a background projectnode-elmAll data are real data obtained from the server in real time, with real registration, login, management data, authority verification and other functions.

Portal:Front end project addressBackground system address 、Native app project address

Technology stack: vue2 + vuex + Vue router + webpack + ES6 / 7 + less + element UI

Integration scheme:https://github.com/bailicangdu/vue2-manage

Preview address:https://cangdu.org/manage/#/manage

Preview effect:

Vue background management system template recommendation

Vue background management system template recommendation

Vue background management system template recommendation

d2-admin (9.8k)

D2-Admin(the number of standard stars on GitHub is 9.8k) is a completely open-source and free front-end integration scheme for enterprise middle and back-end products. It uses the latest front-end technology stack and loads the local first screen JS less than 60kb. It has done most of the preparatory work for the project and has a large number of sample codes to help the rapid development of the management system.

Document address:https://d2.pub/zh/doc/d2-admin/

Integration scheme:https://github.com/d2-projects/d2-admin

Domestic image:https://gitee.com/d2-projects/d2-admin

Coding:https://d2-projects.coding.net/p/d2-projects/d/d2-admin/git

Preview address:https://d2.pub/d2-admin/preview/

Preview effect:

Vue background management system template recommendation

Vuestic-Admin (7.7k)

Vuestic-Admin(the number of standard stars on GitHub is 7.7k) free and beautiful Vue js admin template with 44+ custom UI components .

Developed by Epicmax. Designed by Vasili Savitski

Document address:https://github.com/epicmaxco/vuestic-admin/wiki

Integration scheme:https://github.com/epicmaxco/vuestic-admin

Preview address:https://vuestic.epicmax.co/admin/dashboard

Preview effect:

Vue background management system template recommendation

Vue background management system template recommendation

Vue background management system template recommendation

Vue background management system template recommendation

Vue background management system template recommendation

Vue background management system template recommendation

vue-admin-beautiful (7.2k)

Vue-Admin-Beautiful(the number of standard stars on GitHub is 7.2k) the mainline version is based on the parallel development and maintenance of element plus, element UI and Ant Design Vue, and supports computers, mobile phones and tablets at the same time.

GitHub warehouse address:https://github.com/chuzhixin/vue-admin-beautiful

Gitee warehouse address:https://gitee.com/chu1204505056/vue-admin-beautiful

vue2.x + element-ui:vue2. X + element UI (free commercial, supporting PC, tablet and mobile phone)

vue3.x + element-plus:vue3. X + element plus (alpha version, free for commercial use, supporting PC, tablet and mobile phone)

vue3.x + ant-design-vue:vue3. X + ant design Vue (beta version, free commercial, supporting PC, tablet and mobile phone)

Pro demo address:Demo address of Pro version (paid version, supporting PC, tablet and mobile phone)

Preview effect:

Vue background management system template recommendation

Vue background management system template recommendation

Vue background management system template recommendation

Vue background management system template recommendation

Vue background management system template recommendation

coreui-free-vue-admin-template (2.7k)

CoreUI-Free-Vue-Admin-Template(the number of standard stars on GitHub is 2.7K) is a background management template based on coreui (coreui Vue bootstrap) component. Characterized by high performance and easy customization, UI components can meet any demand, so as to develop modern, beautiful and responsive applications in half the time.

Integration scheme:https://github.com/coreui/coreui-free-vue-admin-template

Preview address:https://coreui.io/vue/demo/3.2.2/#/dashboard

Preview effect:

Vue background management system template recommendation

nx-admin (2.3k)

nx-admin(the number of standard stars on GitHub is 2.3k) is an open source front-end integration scheme of management system, which is based onVueAndElement。 It uses the latest front-end technology stack, built-in i18 internationalization solution, dynamic routing and permission verification, refines typical business models, and provides rich functional components. It can help you quickly build enterprise level middle and back-end product prototypes. Help individuals and enterprises save time, costs and expenses to the greatest extent.

Document address:https://mgbq.github.io/nx-admin-site/zh/

Integration scheme:https://github.com/mgbq/nx-admin

Domestic image:https://gitee.com/symgg/nx-admin

Preview address:https://mgbq.github.io/vue-permission/#/login

Preview effect:

Vue background management system template recommendation

Vue background management system template recommendation

vue-material-admin (2.0k)

vue-material-admin(the number of standard stars on GitHub is 2.0k).

Integration scheme:https://github.com/tookit/vue-material-admin

Preview address:http://vma.isocked.com/#/dashboard

Preview effect:

Vue background management system template recommendation

Vue background management system template recommendation