{"id":14973669,"url":"https://github.com/herozhou/vue-framework-wz","last_synced_at":"2025-05-14T20:05:20.992Z","repository":{"id":41547111,"uuid":"100471864","full_name":"herozhou/vue-framework-wz","owner":"herozhou","description":"👏vue后台管理框架👏","archived":false,"fork":false,"pushed_at":"2023-04-18T20:31:36.000Z","size":108565,"stargazers_count":4349,"open_issues_count":73,"forks_count":1341,"subscribers_count":202,"default_branch":"master","last_synced_at":"2025-04-13T14:06:12.648Z","etag":null,"topics":["admin","admin-dashboard","admin-template","admin-tool","admin-ui","vue","vue-admin","vue-cli","vue-components","vue-demo","vue-framework-wz","vue-template","vue2","vuejs"],"latest_commit_sha":null,"homepage":"http://herozhou.coding.me/vue-framework-wz/#/dashboard","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/herozhou.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}},"created_at":"2017-08-16T09:22:18.000Z","updated_at":"2025-04-10T16:27:12.000Z","dependencies_parsed_at":"2023-10-21T06:45:16.376Z","dependency_job_id":null,"html_url":"https://github.com/herozhou/vue-framework-wz","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/herozhou%2Fvue-framework-wz","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/herozhou%2Fvue-framework-wz/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/herozhou%2Fvue-framework-wz/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/herozhou%2Fvue-framework-wz/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/herozhou","download_url":"https://codeload.github.com/herozhou/vue-framework-wz/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248724639,"owners_count":21151561,"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","admin-tool","admin-ui","vue","vue-admin","vue-cli","vue-components","vue-demo","vue-framework-wz","vue-template","vue2","vuejs"],"created_at":"2024-09-24T13:49:11.496Z","updated_at":"2025-04-13T14:06:17.802Z","avatar_url":"https://github.com/herozhou.png","language":"Vue","funding_links":[],"categories":["Vue","Admin Template"],"sub_categories":["Vue"],"readme":"# vue-framework-wz #\n\n\n[![TeamCity CodeBetter](https://img.shields.io/teamcity/codebetter/bt428.svg)]() [![npm](https://img.shields.io/npm/dw/localeval.svg)]() [![npm](https://img.shields.io/npm/v/npm.svg)]() [![Chrome Web Store](https://img.shields.io/chrome-web-store/stars/nimelepbpejjlbmoobocpfnjhihnpked.svg)]()[![Sourcegraph for Repo Reference Count](https://img.shields.io/sourcegraph/rrc//github.com/gorilla/mux.svg)]()[![GitHub watchers](https://img.shields.io/github/watchers/badges/shields.svg?style=social\u0026label=Watch)]()\n\n**[立即体验(国内)](http://herozhou.coding.me/vue-framework-wz/#/dashboard)**\n\n**[online-website](https://herozhou.github.io/vue-framework-wz/)**\n\n**[Englist Document](https://github.com/herozhou/vue-framework-wz/wiki/English-Document)**\n\n**本项目是后台管理框架，集成了权限管理、登录功能、UI组件、七牛上传等功能，建议直接使用。**\n\u003e **注意**：便于前端调试，所以数据请求都是用了mockjs模拟。**在需要请求外部api时请移除mock文件**。\n\n## 有话要说 \n\n```javascript\n非常感谢大家喜欢这个项目，但是由于工作太忙实在是没时间维护这个项目，所以耽搁了一大段时间，给大家带来的麻烦我非常抱歉。\n接下来我会抽时间维护这个项目，有什么问题可以随时找我，或者提issue，我看到就会直接回。\n并且我在开发一系列新的开源项目，目的是帮助大家提升生产力，解放双手。\n我建了一个qq群 1051755653 ，方便大家交流，提升前端技能，分享招聘信息等等。\n```\n## Features 特性\n- **👍wz脚手架👍**（脚手架助你安装/卸载组件更方便）\n- **工业化UI组件**（上手即用，无需自己造轮子）\n- **自适应布局**（完美适配大中小屏）\n- `登录/注销`\n- `权限验证`\n- **👉多TAB导航**（没有多TAB怎么能称为后台管理界面呢？）\n- `Markdown 编辑器`\n- `动态侧边栏`（支持多级路由）\n- 面包屑导航\n- JSON展示组件\n- echartjs图表\n- 404错误页面\n- **表格数据直接导出cvs**\n- `多环境发布`\n- mock数据\n- 炫酷hover特效\n\n\n## Preview 效果图\n\n#### 自适应布局\n\n![自适应布局](https://user-images.githubusercontent.com/16045604/77675345-cc00c900-6fc7-11ea-93a6-f6356a3d2bc5.png)\n![手机端](https://user-images.githubusercontent.com/16045604/77676100-cc4d9400-6fc8-11ea-8b89-d16412ba3569.png)\n#### 多TAB效果\n\n![第二个Tab](https://user-images.githubusercontent.com/16045604/77675425-e3d84d00-6fc7-11ea-995f-6220b28f137e.png)\n\n\n#### 炫酷登录界面\n\n![炫酷登录界面](https://user-images.githubusercontent.com/16045604/77675279-b390ae80-6fc7-11ea-850f-893bdc3fbde7.png)\n\n#### 炫酷图表\n\n![炫酷图表](https://user-images.githubusercontent.com/16045604/77675475-f783b380-6fc7-11ea-94ae-0ffdf153089b.png)\n\n\n#### 编辑器\n\n![丰富功能表格](https://user-images.githubusercontent.com/16045604/77675616-1e41ea00-6fc8-11ea-9a1c-cb5d8b122682.png)\n\n\n\n**[更多demo](http://herozhou.coding.me/vue-framework-wz/#/dashboard)**\n\n## Run 开发 \n```bash\n    # 克隆项目\n    git clone https://github.com/herozhou/vue-framework-wz.git\n\n    # 安装依赖\n    npm install\n    //or \n    npm install --registry=https://registry.npm.taobao.org\n\n\n    # 本地开发 开启服务\n    npm run dev\n\n\n```\n浏览器访问 http://localhost:9001\n\n## wz脚手架 （随意开发，不建议使用）\n\n\u003e 为了便于大家使用和精简体积 故开发了基于node的命令行构建工具，可安装/删除插件，比如你所开发的项目无需Tinymce插件就\n```wz remove -p Tinymce ```删除Tinymce 。需要请求外部API就 执行``` wz remove -p Mockjs```，并根据提示修改相应的api地址\n\n**请在项目初期对结构改动不大时使用cli**\n\n```\n    # 如需使用脚手架在npm install 之后执行\n    npm link\n   \n    # 随后即可使用wz脚手架\n    wz remove -p Tinymce  //卸载Tinymce插件\n    wz remove -p Mockjs  //卸载Mock.js插件\n    wz  -h 查看命令帮助\n```\n当前可卸载的插件有 Tinymce|Markdown|Mockjs|Jsontree\n不久会支持卸载更多插件，便于开发精简体积\n\n## Build 发布\n```bash\n    # 发布测试环境 带webpack ananalyzer\n    npm run build:sit-preview\n\n    # 构建生成环境\n    npm run build:prod\n```\n\n## FileTree 目录结构\n```shell\n├── bin                       // node 命令行构建工具 \n├── build                      // 构建相关  \n├── config                     // 配置相关\n├── src                        // 源代码\n│   ├── api                    // 所有请求\n│   ├── components             // 全局UI组件\n│   ├── mock                   // mock数据\n│   ├── router                 // 路由\n│   ├── store                  // 全局store管理\n│   ├── utils                  // 全局公用方法\n│   ├── containers              // 自适应布局组合\n│   ├── view                   // view界面\n│   │    ├── charts             //图表组件\n│   │    ├── components         //首页组件\n│   │    ├── login              //登录界面\n│   │    ├── errorPages           //错误界面\n│   │    └── permission        //权限测试界面\n│   ├── App.vue                // 入口页面\n│   └── main.js                // 入口 加载组件 初始化等\n├── static                     // 静态资源\n│   ├── bower_components        //七牛SDK\n│   ├── css                     //css\n│   ├── js                      //js\n├── .babelrc                   // babel-loader 配置\n├── eslintrc.js                // eslint 配置项\n├── .gitignore                 // git 忽略项\n├── favicon.ico                // favicon图标\n├── index.html                 // html模板\n└── package.json               // package.json\n\n```\n\n## License\n\nMIT","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fherozhou%2Fvue-framework-wz","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fherozhou%2Fvue-framework-wz","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fherozhou%2Fvue-framework-wz/lists"}