{"id":18928049,"url":"https://github.com/lmxdawn/vue-admin-html-java","last_synced_at":"2025-08-20T20:33:42.271Z","repository":{"id":43758167,"uuid":"158532185","full_name":"lmxdawn/vue-admin-html-java","owner":"lmxdawn","description":"spring boot + mybatis + vue + element-ui 实现后台管理API接口 ","archived":false,"fork":false,"pushed_at":"2023-03-06T09:01:43.000Z","size":2873,"stargazers_count":141,"open_issues_count":14,"forks_count":63,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-12-10T05:32:49.596Z","etag":null,"topics":["java","vue","vue-admin"],"latest_commit_sha":null,"homepage":"https://lmxdawn.github.io/vue-admin-java ","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/lmxdawn.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":"2018-11-21T10:39:31.000Z","updated_at":"2024-08-15T02:59:06.000Z","dependencies_parsed_at":"2024-11-08T11:35:20.848Z","dependency_job_id":null,"html_url":"https://github.com/lmxdawn/vue-admin-html-java","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/lmxdawn%2Fvue-admin-html-java","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lmxdawn%2Fvue-admin-html-java/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lmxdawn%2Fvue-admin-html-java/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lmxdawn%2Fvue-admin-html-java/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lmxdawn","download_url":"https://codeload.github.com/lmxdawn/vue-admin-html-java/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230454432,"owners_count":18228392,"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":["java","vue","vue-admin"],"created_at":"2024-11-08T11:22:32.556Z","updated_at":"2024-12-19T15:10:50.546Z","avatar_url":"https://github.com/lmxdawn.png","language":"Vue","readme":"\u003cp align=\"center\"\u003e\n  \u003cimg width=\"320\" src=\"https://lmxdawn.github.io/images/lmxdawn.png\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/vuejs/vue\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/vue-2.5.16-brightgreen.svg\" alt=\"vue\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://cli.vuejs.org\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/vue-cli3.0.0-brightgreen.svg\" alt=\"vue\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/ElemeFE/element\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/element--ui-2.4.3-brightgreen.svg\" alt=\"element-ui\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n# 前言\n\n\n**项目JAVA前端地址：** \u003ca href=\"https://github.com/lmxdawn/vue-admin-html-java\" target=\"_blank\"\u003ehttps://github.com/lmxdawn/vue-admin-html-java\u003c/a\u003e\n\n**项目JAVA后端地址：** \u003ca href=\"https://github.com/lmxdawn/vue-admin-java\" target=\"_blank\"\u003ehttps://github.com/lmxdawn/vue-admin-java\u003c/a\u003e\n\n\n# 欢迎 star\n\n# 整体效果\n\n![donate](https://lmxdawn.github.io/images/show-how1.jpg)\n\n# 目前 v3.0.0 版本 \u003ca href=\"https://github.com/lmxdawn/vue-admin-html/tree/v1.0.0\" target=\"_blank\"\u003e点击前往 v1.0.0 版本\u003c/a\u003e\n## 更新日志\n- [x] 更新vue-cli为3.0版本 \u003ca href=\"https://segmentfault.com/a/1190000015133974\"\u003e这里有篇文章\u003c/a\u003e\n- [x] 增加广告管理\n- [x] 优化路由控制\n- [x] 优化一些配置文件\n- [x] 登录用户信息存储改为 cookie\n\n# 一键操作包 \u003ca href=\"https://pan.baidu.com/s/1gBPdt5IdDKhATNka1l1xOg\" target=\"_blank\"\u003e点击下载\u003c/a\u003e\n\n1. 集成环境搭建: windows 上面建议用 phpstudy ,其它环境自行百度\n2. 把两个文件放到网站根目录\n3. 把MySQL的root密码改为 root, 再新建数据库 vue-admin ,再把vue-admin.sql 文件导入到MySQL\n4. 打开浏览器 输入 http://localhost/vue-admin-html/dist/index.html\n\n\n# v3.0.0 踩过的坑\n1. 这次更新后 vuex 开启严格模式后，出现浅拷贝的问题，就是变量引用的问题 \u003ca href=\"https://segmentfault.com/q/1010000010025289/a-1020000015605407\" target=\"_blank\"\u003e这里有篇文章\u003c/a\u003e\n2. 还有就是路由导入某个文件时要在文件头部引入具体的某个文件，不用 resolve =\u003e require(['xx.vue'], resolve) 或者  () =\u003e import('xx.vue') 这种方式\n\n\n# vue-admin-html\n\n\u003e Vue-cli3.0 + Element UI + ThinkPHP5.1 + RBAC权限 + 响应式的后台管理系统\n\n\n## 权限演示\n\n![donate](https://lmxdawn.github.io/images/rule.gif)\n\n## 路由规则图示\n\n\u003e   路径: vue-admin-html/src/router/index.js\n\n![donate](https://lmxdawn.github.io/images/router.png)\n\n## env 配置说明\n\n\u003e   路径: vue-admin-html/.env.development\n\n![donate](https://lmxdawn.github.io/images/env.png)\n\n## 手机版演示\n\n![donate](https://lmxdawn.github.io/images/phone.gif)\n\n## 上传插件演示\n\n![donate](https://lmxdawn.github.io/images/upload.gif)\n\n## 添加 阿里巴巴矢量图演示\n\n\u003e   路径: vue-admin-html/src/assets/icons 注意 vue-admin-html/src/assets/icons/iconfont.js 头部需要加 ```/* eslint-disable */``` 去掉 eslint 检查 \n\n1.第一步 选好一个图标加入到购物车 -\u003e 把购物车的添加都项目 -\u003e 下载项目到本地\n\n![donate](https://lmxdawn.github.io/images/icon1.gif)\n\n2.第二步 解压下载好的文件 -\u003e 复制到 src/assets/icons , 覆盖掉 -\u003e 增加 iconfont.js 的 eslint 注释\n\n![donate](https://lmxdawn.github.io/images/icon2.gif)\n\n\n\n\n## 功能 ##\n- [x] 管理员登录\n- [x] 登录\n- [x] 修改密码\n- [x] 角色管理\n- [x] 权限管理\n- [x] 401/404错误页面\n- [x] 动态面包屑\n- [x] 动态侧边栏\n- [x] 广告管理\n\n\n## 安装步骤 ##\n\n\tgit clone https://github.com/lmxdawn/vue-admin-html.git      // 把模板下载到本地\n\tcd vue-admin-html    // 进入模板目录\n\tnpm install         // 安装项目依赖，等待安装完成之后\n\t\n    构建时三种环境可选，解决不同环境来回切换配置的痛楚（serve：本地测试，stage：预上线，build：生产环境）\n    \n## 本地开发 ##\n\n\t// 开启服务器，浏览器访问 http://localhost:8080\n\tnpm run serve\n\n## 构建预上线 ##\n\n\t// 执行构建命令，生成的stage文件夹放在服务器下即可访问\n\tnpm run stage\n\t\n## 构建生产 ##\n\n\t// 执行构建命令，生成的dist文件夹放在服务器下即可访问\n\tnpm run build\n\t\n# 项目目录介绍\n```markdown\n├── LICENSE                                 // 版权许可文件\n├── README.md                               // 文档\n├── babel.config.js                         // babel 插件配置                \n├── jest.config.js                          // jest 测试配置   \n├── package-lock.json                       // 锁定当前安装的扩展包的版本\n├── package.json                            // 声明引用了哪些扩展包\n├── public                                  // 公共文件\n│   ├── favicon.ico                         // 图标\n│   └── index.html                          // 入口文件\n├── src                                     // src 主要代码文件\n│   ├── App.vue                             // Vue 入口文件\n│   ├── api                                 // API 接口逻辑文件\n│   │   ├── ad                              // 广告相关\n│   │   │   ├── ad.js                       // 广告\n│   │   │   └── adSite.js                   // 广告位\n│   │   ├── auth                            // 权限相关\n│   │   │   ├── authAdmin.js                // 权限用户\n│   │   │   ├── authPermissionRule.js       // 权限\n│   │   │   └── authRole.js                 // 角色\n│   │   ├── fileResource.js                 // 文件资源\n│   │   ├── fileResourceTag.js              // 文件资源的标签\n│   │   ├── login.js                        // 登录相关\n│   │   └── upload.js                       // 旧版本上传插件的接口\n│   ├── assets                              // 资源文件\n│   │   ├── icons                           // 图标(使用的是 阿里巴巴矢量图标库)\n│   │   │   ├── demo.css                    // demo 样式\n│   │   │   ├── demo_fontclass.html         // demo HTML\n│   │   │   ├── demo_symbol.html            // demo\n│   │   │   ├── demo_unicode.html           // demo\n│   │   │   ├── iconfont.css                // css\n│   │   │   ├── iconfont.eot                // \n│   │   │   ├── iconfont.js                 // js 文件\n│   │   │   ├── iconfont.svg                // svg 文件\n│   │   │   ├── iconfont.ttf                // 字体文件\n│   │   │   └── iconfont.woff               // 字体文件\n│   │   ├── image                           // 资源图片文件\n│   │   │   └── file_type_icon.png          // 文件图标文件\n│   │   └── logo.png                        // logo\n│   ├── components                          // 组件目录\n│   │   ├── HelloWorld.vue                  // 测试文件\n│   │   └── common                          // 公共组件\n│   │       ├── FileResource.vue            // 上传资源的组件\n│   │       ├── IconSvg.vue                 // 图标组件\n│   │       └── UploadFile.vue              // 旧版上传文件的组件\n│   ├── config                              // 自定义的配置\n│   │   └── app.js                          // 项目的配置\n│   ├── constants                           // 项目的常量目录\n│   ├── element.js                          // 引入 element-ui 的js文件 (这个也可直接写在 main.js 里面)\n│   ├── filtres                             // 过滤器目录\n│   │   └── index.js                        // 全局过滤器\n│   ├── main.js                             // 主入口\n│   ├── mock                                // 模拟数据\n│   │   ├── authAdmin.js                    // 权限用户的数据\n│   │   ├── authPermissionRule.js           // 权限的数据\n│   │   ├── authRole.js                     // 角色数据\n│   │   ├── fileResource.js                 // 上传资源的数据\n│   │   ├── fileResourceTag.js              // 上传资源的分组数据\n│   │   ├── index.js                        // 引入 mockjs 的文件\n│   │   ├── login.js                        // 登录的数据\n│   │   └── upload.js                       // 旧版上传文件的数据\n│   ├── role.js                             // 动态上传 router 路由的主要文件, 并且初始化权限, 检测权限\n│   ├── router                              // 路由相关目录\n│   │   └── index.js                        // 路由主文件\n│   ├── store                               // vuex 状态 目录\n│   │   ├── actions.js                      // Action\n│   │   ├── getters.js                      // Getter\n│   │   ├── index.js                        // 入口\n│   │   ├── modules                         // 模块\n│   │   │   ├── admin.js                    // Admin 用户相关\n│   │   │   └── app.js                      // APP 项目相关\n│   │   └── mutation-types.js               // Mutation\n│   ├── styles                              // 样式目录\n│   │   ├── base.scss                       // 基础样式\n│   │   └── mixin.scss                      // 基础方法的样式\n│   ├── utils                               // 工具目录\n│   │   ├── auth.js                         // 权限工具\n│   │   ├── axios.js                        // request 请求工具\n│   │   ├── haiZiToPinYin.js                // 汉字转拼音的工具\n│   │   └── store.js                        // 存放信息的工具\n│   └── views                               // 页面目录\n│       ├── adManage                        // 广告管理\n│       │   ├── ad.vue                      // 广告\n│       │   └── adSite.vue                  // 广告位\n│       ├── components                      // 应用演示\n│       │   └── uploadList.vue              // 上传插件\n│       ├── error                           // 错误页面目录\n│       │   ├── err401.vue                  // 401\n│       │   ├── err404.vue                  // 404页面\n│       │   └── err500.vue                  // 500页面\n│       ├── home                            // 首页目录\n│       │   ├── SidebarItem.vue             // 左边栏\n│       │   ├── TabsView.vue                // 顶部tabs\n│       │   ├── index.vue                   // 入口\n│       │   └── main.vue                    // 前言\n│       ├── login                           // 登录相关\n│       │   └── index.vue                   // 登录首页\n│       ├── profile                         // 测试\n│       │   └── index.vue                   \n│       └── userManage                      // 用户相关\n│           └── admin                       // 管理员相关\n│               ├── authAdmin.vue           // 权限用户\n│               ├── authPermissionRule.vue  // 权限\n│               ├── authRole.vue            // 角色\n│               └── router.vue              // 路由文件\n├── tests                                   // 测试\n│   └── unit                                \n│       └── HelloWorld.spec.js              \n└── vue.config.js                           // 构建项目的配置文件\n```\n\n# Online Demo\n （建议使用最新版Chrome浏览器）\n[在线 Demo](https://lmxdawn.github.io/vue-admin)\n\n# Donate\n鼓励鼓励鼓励，重要的事情说三遍 \n![donate](https://lmxdawn.github.io/images/pay.png)\n\n\n# License\n\n[MIT](https://github.com/lmxdawn/vue-admin-html/blob/master/LICENSE)\n\nCopyright (c) 2018 lmxdawn\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flmxdawn%2Fvue-admin-html-java","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flmxdawn%2Fvue-admin-html-java","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flmxdawn%2Fvue-admin-html-java/lists"}