{"id":13416982,"url":"https://github.com/cmdparkour/vue-admin-box","last_synced_at":"2025-05-15T10:03:55.525Z","repository":{"id":37934640,"uuid":"370316163","full_name":"cmdparkour/vue-admin-box","owner":"cmdparkour","description":"vue3,vite,element-plus中后台管理系统，集成四套基础模板，大量可利用组件，模板页面","archived":false,"fork":false,"pushed_at":"2025-05-07T05:43:25.000Z","size":15969,"stargazers_count":1800,"open_issues_count":1,"forks_count":288,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-05-07T06:19:35.534Z","etag":null,"topics":["admin","admin-dashboard","admin-template","element-plus","typescript","vite","vue","vue-admin","vue-next","vue3","vuex"],"latest_commit_sha":null,"homepage":"https://cmdparkour.github.io/vue-admin-box/dist","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cmdparkour.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-05-24T10:39:38.000Z","updated_at":"2025-05-07T05:43:29.000Z","dependencies_parsed_at":"2024-01-07T18:02:17.903Z","dependency_job_id":"9f780e3b-9ea6-4808-802a-5809f72fbeac","html_url":"https://github.com/cmdparkour/vue-admin-box","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmdparkour%2Fvue-admin-box","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmdparkour%2Fvue-admin-box/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmdparkour%2Fvue-admin-box/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmdparkour%2Fvue-admin-box/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cmdparkour","download_url":"https://codeload.github.com/cmdparkour/vue-admin-box/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254319716,"owners_count":22051072,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["admin","admin-dashboard","admin-template","element-plus","typescript","vite","vue","vue-admin","vue-next","vue3","vuex"],"created_at":"2024-07-30T22:00:30.757Z","updated_at":"2025-05-15T10:03:50.294Z","avatar_url":"https://github.com/cmdparkour.png","language":"Vue","funding_links":[],"categories":["Get Started","Components \u0026 Libraries"],"sub_categories":["Templates","Frameworks"],"readme":"\u003ch1 align=\"center\"\u003evue-admin-box\u003c/h1\u003e\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://github.com/vuejs/vue-next\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/vue3-3.0.5-brightgreen.svg\" alt=\"vue\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/element-plus/element-plus\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/elementPlus-^2.0.5-brightgreen.svg\" alt=\"element-plus\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/vitejs/vite\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/vite-^2.8.6-brightgreen.svg\" alt=\"vite\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/microsoft/TypeScript\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/typescript-4.1.3-brightgreen.svg\" alt=\"typescript\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/hsiangleev/element-plus-admin/blob/master/LICENSE\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/license/mashape/apistatus.svg\" alt=\"license\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\nEnglish | [简体中文](./README.zh-CN.md)\n\n## summary\n\n- [update version](./VERSION.md)\n- After more than three months of iteration, version 1.0 was officially released on August 10, 2021, with four basic templates attached for everyone to use\n- This open source project is developed by individuals and does not restrict any commercial use or personal research. Please click star to encourage me before using it\n- All illegal and pornographic activities involved in this open source project have nothing to do with this source code. Please do not show yourself\n- QQ communication group：912804007，Problems are raised in the group and can be solved in time\n\n## Preview\nif you are not in China, maybe you should download the project to show the demo or use a vpn to visit the online demo.\n- [demo China](https://cmdparkour.gitee.io/vue-admin-box/)\n- [demo World](https://cmdparkour.github.io/vue-admin-box/dist/)\n- [github address](https://github.com/cmdparkour/vue-admin-box)\n- [gitee address](https://gitee.com/cmdparkour/vue-admin-box)\n- It is recommended to use yarn or cnpm for installation in China. NPM installation is prone to problems\n\n## Basic Template\nThere are four basic templates, which are suitable for zero development and use, and can be found in [github](https://github.com/cmdparkour/vue-admin-box)、[gitee ](https://gitee.com/cmdparkour/vue-admin-box)View directly in the warehouse，The template is shown below:\n1. template-ts-i18n template，container ts and internationalization [github](https://github.com/cmdparkour/vue-admin-box/tree/template-ts-i18n) [gitee](https://gitee.com/cmdparkour/vue-admin-box/tree/template-ts-i18n/) [demo](http://vue-admin-box-template.51weblove.com/ts-i18n/)\n2. template-ts template，container ts，internationalization is not container [github](https://github.com/cmdparkour/vue-admin-box/tree/template-ts) [gitee](https://gitee.com/cmdparkour/vue-admin-box/tree/template-ts/) [demo](http://vue-admin-box-template.51weblove.com/ts)\n3. template-js-i18n template，container js and internationalization [github](https://github.com/cmdparkour/vue-admin-box/tree/template-js-i18n) [gitee](https://gitee.com/cmdparkour/vue-admin-box/tree/template-js-i18n/) [demo](http://vue-admin-box-template.51weblove.com/js-i18n)\n4. template-js template，container js，internationalization is not container [github](https://github.com/cmdparkour/vue-admin-box/tree/template-js) [gitee](https://gitee.com/cmdparkour/vue-admin-box/tree/template-js/) [demo](http://vue-admin-box-template.51weblove.com/js)\n\n## Introduction\n\n**vue-admin-box** is a free and open source background management system template。The latest vue-next, vite, element-plus used in this project. The purpose is to solve the complex configuration of background system in general business。\n\n#### Characteristic function\n\n- Routing configuration, state management mechanism (State supports local storage by default), encapsulated and perfect Axios and API management mechanism suitable for middle and background development\n- It is very convenient to expand the theme configuration function, and supports three typical middle and background styles by default\n- Routing configuration, state management mechanism (State supports local storage by default), encapsulated and perfect Axios and API management mechanism suitable for middle and background development\n- For the three typical business tables of adding, deleting and modifying query, please see \"CRUD table\", \"category table\" and \"tree table\" in the \"page column\" for details\n- The refresh function without route jump supports cache page refresh. At present, most frameworks do not support cache page refresh\n- It is a convenient and extensible internationalization solution, and provides two sets of non internationalized basic templates and two sets of internationalized basic templates (TS version / JS version)\n- Handwritten versions of various custom instructions\n- For table common components and pop-up common components that have been verified by multiple middle and background businesses, please see \"crud table\", \"category table\" and \"tree table\" in the \"page column\" for details\n\n#### Main technology\n\n- MVVM framework：vue v3\n- Engineering Management：vite v2\n- UI framework：element-plus\n- Router manage：vue-router v4\n- State Manage ：vuex v4\n- Data request：axios\n- Utility library：@vueuse/core\n\n## How to use\n\n1. get the source code project\n\n   ```\n   git clone https://github.com/cmdparkour/vue-admin-box.git\n   ```\n\n   \n\n2. install dependence, you can use cnpm or yarn in China\n\n   ```\n   npm install\n   ```\n\n   \n\n3. run in the development\n\n   ```\n   npm run dev 或 npm run start\n   ```\n\n   \n\n4. build in production\n\n   ```\n   npm run build\n   ```\n   \n## Partner project\n* [Thinker-Admin-Box - springboot with vue-admin-box, use java code to generate vue page](https://github.com/yirius/thinker-admin-box)\n* [H5-dooring - a low code project about the mobile website](http://h5.dooring.cn)\n* [ant-simple-pro - a middle website based on Vue3.0, react and angular](https://github.com/lgf196/ant-simple-pro)\n* [vue-vben-admin - a modern vue admin. It is based on Vue3, vite and TypeScript. It's fast！](https://github.com/vbenjs/vue-vben-admin)\n\n\n## preview\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"http://blog.51weblove.com/wp-content/uploads/2021/08/QQ截图20210810174824.png\"\u003e\n    \u003cimg src=\"http://blog.51weblove.com/wp-content/uploads/2021/08/QQ截图20210810174848.png\"\u003e\n    \u003cimg src=\"http://blog.51weblove.com/wp-content/uploads/2021/08/QQ截图20210810174923.png\"\u003e\n    \u003cimg src=\"http://blog.51weblove.com/wp-content/uploads/2021/08/QQ截图20210810174940.png\"\u003e\n    \u003cimg src=\"http://blog.51weblove.com/wp-content/uploads/2021/08/QQ截图20210810175009.png\"\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcmdparkour%2Fvue-admin-box","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcmdparkour%2Fvue-admin-box","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcmdparkour%2Fvue-admin-box/lists"}