> In the past half year, I have been building a backend for management dashboard using Vue. Though the backend has contained greater than 70 pages and over 10 permissions, it still takes insignificant effort to maintain the project. So I decide to make it open source so as to share my development experience and progress on backend. The tech stack is mainly [Vue.js](https://github.com/vuejs/vue)+[Element](https://github.com/ElemeFE/element)+[axios](https://github.com/mzabriskie/axios). Since it's a personal project, all data requests are simulated with [Mock.js](https://github.com/nuysoft/Mock). **Note:** if anyone wants to modify or develop based on this project, please remove the mock files.
`vue-element-admin` is a production-ready solution for admin interfaces. Based on [Vue.js](https://github.com/vuejs/vue) and use the UI Toolkit -- [element](https://github.com/ElemeFE/element). `vue-element-admin` is a magical vue admin, it based on the newest development stack of vue, built-in i18n solution, typical templates for enterprise applications, lots of awesome features. It helps you build a large complex Single-Page Applications. I believe whatever your needs are, this project will help you.
You need to install [node](http://nodejs.org/) and [git](https://git-scm.com/) locally. The project is based on [ES2015+](http://es6.ruanyifeng.com/)、[vue](https://cn.vuejs.org/index.html)、[vuex](https://vuex.vuejs.org/zh-cn/)、[vue-router](https://router.vuejs.org/zh-cn/) 和 [element-ui](https://github.com/ElemeFE/element). All data requests for this project are simulated using [Mock.js](https://github.com/nuysoft/Mock). It would be helpful if you have pre-existing knowledge on those.
**如有问题请先看上述使用文档和文章,若不能满足,欢迎 issue 和 pr**
**This project is not a scaffolding and is more of an integrated solution.**
thirdpartyTips:'Local can not be simulated, please combine their own business simulation! ! !'
thirdpartyTips:'Can not be simulated on local, so please combine you own business simulation! ! !'
},
documentation:{
documentation:'Documentation',
github:'Github Repository'
},
permission:{
roles:'Your roles',
switchRoles:'Switch roles'
},
components:{
documentation:'Documentation',
tinymceTips:'Rich text editor is a core part of management system, but at the same time is a place with lots of problems. In the process of selecting rich texts, I also walked a lot of detours. The common rich text editors in the market are basically used, and the finally chose Tinymce. See documentation for more detailed rich text editor comparisons and introductions.',
dropzoneTips:'Because my business has special needs, and has to upload images to qiniu, so instead of a third party, I chose encapsulate it by myself. It is very simple, you can see the detail code in @/components/Dropzone.',
stickyTips:'when the page is scrolled to the preset position will be sticky on the top.',
backToTopTips1:'When the page is scrolled to the specified position, the Back to Top button appears in the lower right corner',
backToTopTips2:'You can customize the style of the button, show / hide, height of appearance, height of the return. If you need a text prompt, you can use element-ui el-tooltip elements externally',
imageUploadTips:'Since I was using only the vue@1 version, and it is not compatible with mockjs at the moment, I modified it myself, and if you are going to use it, it is better to use official version.'
},
table:{
dynamicTips1:'Fixed header, sorted by header order',
dynamicTips2:'Not fixed header, sorted by click order',
dragTips1:'The default order',
dragTips2:'The after dragging order',
title:'Title',
importance:'Imp',
type:'Type',
remark:'Remark',
search:'Search',
add:'Add',
export:'Export',
reviewer:'reviewer',
id:'ID',
date:'Date',
author:'Author',
readings:'Readings',
status:'Status',
actions:'Actions',
edit:'Edit',
publish:'Publish',
draft:'Draft',
delete:'Delete',
cancel:'Cancel',
confirm:'Confirm'
},
errorLog:{
tips:'Please click the bug icon in the upper right corner',
description:'Now the management system are basically the form of the spa, it enhances the user experience, but it also increases the possibility of page problems, a small negligence may lead to the entire page deadlock. Fortunately Vue provides a way to catch handling exceptions, where you can handle errors or report exceptions.',
documentation:'Document introduction'
},
excel:{
export:'Export',
selectedExport:'Export selected items',
placeholder:'Please enter the file name(default excel-list)'
},
zip:{
export:'Export',
placeholder:'Please enter the file name(default file)'
},
theme:{
change:'Theme change',
documentation:'Theme documentation',
tips:'Tips: It is different from the theme-pick on the navbar is two different skinning methods, each with different application scenarios. Refer to the documentation for details.'