本项目是基于Vue3-Element-Admin的二次开发,本文将对该项目的结构加以说明 # 克隆项目 git clone https://github.com/midfar/vue3-element-admin.git 1.2 目录结构 ├── mock # 项目mock 模拟数据├── public # 静态资源│ │── favicon.ico # favicon图标├── src # 源代码│ ├── api # ...
1.安装最新的vue-element-admin; 2.如有需要可以去掉eslint;在下面这个文件里面全局搜索 3.删除所有的eslint文件 4.开始安装依赖包, npm install 5.启动服务:npm run dev ,但是打开的是两个窗口,需要把open设置为false; 6.进入登录页面: 7.后端编写登录接口(这里以java为列): 验证码根据需求来进行设置; 8....
6、登录成功后调用commit('SET_TOKEN',data)函数,将返回的假数据(包括了token和用户权限信息)写入到静态变量中。 7、再次打开页面时,token令牌验证成功,根据用户是'admin'还是 'editor',生成不同的路由表,之后将按照路由表对项目进行访问
1.安装最新的vue-element-admin; 2.如有需要可以去掉eslint;在下面这个文件里面全局搜索 3.删除所有的eslint文件 4.开始安装依赖包, npm install 5.启动服务:npm run dev ,但是打开的是两个窗口,需要把open设置为false; 6.进入登录页面: 7.后端编写登录接口(这里以java为列): 验证码根据需求来进行设置; 8....
1.vue-element-admin的了解和介绍 vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。2...
**Element admin官网地址:**https://panjiachen.github.io/vue-element-admin-site/zh/ 以下是官网的建议:  1.下载安装 官网给的是git的下载地址,如果下载比较慢,下面我把gitee的地址挂上去,大家也可以直接下载zip包,然后解压...
vue-element-admin的特点有: 1.组件丰富:vue-element-admin提供了大量的可复用组件,包括表格、表单、表单验证、图表等,这些组件可以极大地提高开发效率,并且可以通过自定义样式来满足不同的设计需求。 2.权限管理:vue-element-admin提供了完整的权限管理功能,可以灵活地控制用户的访问权限,包括页面级别和接口级别的权限...
vue-element-admin的相关信息如下: github地址:https://github.com/PanJiaChen/vue-element-admin 官方文档:vue-element-admin 好了,下面我们开始。 1.首先我们从github下载源码。然后本地打包运行。 依赖安装:npm install --registry=https://registry.npmmirror.com ...
记录写后台管理系统时的一些想法和组件的二次封装,项目初期参考的是花裤衩大神的vue-element-admin,后期根据业务进行了一些修改。 登录 登录流程的思路我们先屡清楚: 用户在登录页输入账号密码,将账号密码发送请求给后端 将账号密码发送请求给后端的方法写在vuex里便于全局token的存取,而前端登录方法里只需要关注登录的...
我们可以继续编辑一下模板/dept/index.vue。 <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter"> 搜索 </el-button> <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-edit" @click="handleCreate"> ...