{"id":21314369,"url":"https://github.com/wocwin/wocwin-admin","last_synced_at":"2025-09-05T22:38:45.772Z","repository":{"id":61749100,"uuid":"551397517","full_name":"wocwin/wocwin-admin","owner":"wocwin","description":"wocwin-admin，基于 Vue3.3、TypeScript、Vite4.3、Pinia、Element-Plus、qiankun 开源的一套后台管理模板。","archived":false,"fork":false,"pushed_at":"2025-08-28T09:19:28.000Z","size":25547,"stargazers_count":170,"open_issues_count":0,"forks_count":42,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-08-28T15:30:48.748Z","etag":null,"topics":["admin","element-plus","element-ui","eslint","i18n","pinia","prettier","prettier-eslint","qiankun","qiankun-vue-demo","stylelint","t-ui-plus","typescript","vite","vite-plugin-qiankun","vite4","vue","vue-router","vue3","wocwin"],"latest_commit_sha":null,"homepage":"https://wocwin.github.io/wocwin-admin/","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/wocwin.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,"zenodo":null}},"created_at":"2022-10-14T10:21:06.000Z","updated_at":"2025-08-28T09:14:32.000Z","dependencies_parsed_at":"2023-12-18T13:57:41.036Z","dependency_job_id":"49aa435a-0c22-497e-bb4a-4db2c2508b55","html_url":"https://github.com/wocwin/wocwin-admin","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/wocwin/wocwin-admin","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wocwin%2Fwocwin-admin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wocwin%2Fwocwin-admin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wocwin%2Fwocwin-admin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wocwin%2Fwocwin-admin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wocwin","download_url":"https://codeload.github.com/wocwin/wocwin-admin/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wocwin%2Fwocwin-admin/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273832786,"owners_count":25176267,"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","status":"online","status_checked_at":"2025-09-05T02:00:09.113Z","response_time":402,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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","element-plus","element-ui","eslint","i18n","pinia","prettier","prettier-eslint","qiankun","qiankun-vue-demo","stylelint","t-ui-plus","typescript","vite","vite-plugin-qiankun","vite4","vue","vue-router","vue3","wocwin"],"created_at":"2024-11-21T18:12:34.841Z","updated_at":"2025-09-05T22:38:45.748Z","avatar_url":"https://github.com/wocwin.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# wocwin-admin 项目\n\n\u003e 是基于 Vue3.2、TypeScript、Vite4、Pinia、Element-Plus 开源的一套后台管理模板\n\u003e\n\u003e 此项目集成了微前端 qiankun（即可以当做一个子应用）\n\n\n### 在线预览\n\n- Link：\u003chttps://wocwin.github.io/wocwin-admin/\u003e\n\u003e 账号：wocwin ; user  密码都是：123456\n\n### 代码仓库\n\n- GitHub：\u003chttps://github.com/wocwin/wocwin-admin\u003e\n- Gitee：\u003chttps://gitee.com/wocwin/wocwin-admin\u003e\n\n### 项目功能\n\n- 使用 Vue3.2 + TypeScript 开发，单文件组件 `setup语法糖`\n- 采用 Vite 作为项目开发、打包工具（配置了 Gzip 打包、TSX 语法、跨域代理）\n- 整个项目集成了 TypeScript、i18n 国际化\n- 使用 Pinia 替代 Vuex，轻量、简单、易用（ 集成了持久化插件）\n- 使用 TypeScript 对 Axios 整个二次封装 （全局错误拦截）\n- 使用了基于 [Element-plus 二次封装 t-ui-plus 组件](https://github.com/wocwin/t-ui-plus) ，里面有常用的 table、条件查询、form 表单、下拉选择组件等\n- 使用 vue-router 进行路由权限拦截、路由懒加载\n- 使用 KeepAlive 对页面进行缓存，支持多级嵌套页面缓存\n- 使用 Prettier 统一格式化代码，集成 Eslint 代码校验规范\n- 项目支持多种常规的布局模式；同时支持主题切换、暗黑模式、灰色模式。\n- 项目支持菜单按钮权限（wocwin:可以看见所有，user:无法看见大屏、高德地图菜单及部分系统管理的操作按钮）。\n\n### 动态效果图\n\n- Link：\u003chttps://blog.csdn.net/cwin8951/article/details/130269505\u003e\n\n### 安装使用\n\n\u003e #### 注意: 本地环境需要安装 [Node.js 16.x+](https://nodejs.org/en)、[pnpm 7.x+](https://github.com/pnpm/pnpm/)\n\n```shell script\n# Gitee\ngit clone https://gitee.com/wocwin/wocwin-admin.git\n# GitHub\ngit clone https://github.com/wocwin/wocwin-admin.git\n\n# 安装pnpm\n\nnpm install pnpm -g\n\n\n# 安装依赖\npnpm install --registry=https://registry.npmjs.org/\n\u003epnpm config get registry 查看当前指向源\n\n# 如果安装依赖失败，可以尝试使用淘宝镜像\n\u003epnpm config set registry https://registry.npmmirror.com/ 切换淘宝镜像源\n\u003epnpm install\n\n# 启动服务\npnpm serve\n\n# build\npnpm dev\n\n# prettier 格式化代码\npnpm lint:prettier\n\n```\n\n### 项目结构目录\n\n```text\nWocwin-Admin\n├─ build                  # Vite 配置项\n├─ public                 # 静态资源文件（该文件夹不会被打包）\n├─ src\n│  ├─ api                 # API 接口管理\n│  ├─ assets              # 静态资源文件\n│  ├─ components          # 全局组件\n│  ├─ config              # 全局配置项\n│  ├─ hooks               # 常用 Hooks 封装\n│  ├─ languages           # 语言国际化 i18n\n│  ├─ layout              # 框架布局模块\n│  ├─ router              # 路由管理\n│  ├─ store               # pinia store\n│  ├─ styles              # 全局样式文件\n│  ├─ typings             # 全局 ts 声明\n│  ├─ utils               # 常用工具库\n│  ├─ views               # 项目所有页面\n│  ├─ App.vue             # 项目主组件\n│  ├─ main.ts             # 项目入口文件\n│  ├─ auto-import.d.ts    # 自动导入vue、vue-router、pinia相关API（无需import引入）\n│  └─ vite-env.d.ts       # 指定 ts 识别 vue\n├─ .env.dev               # 开发环境配置\n├─ .env.prod              # 生产环境配置\n├─ .env.sit               # 测试环境配置\n├─ .eslintignore          # 忽略 Eslint 校验\n├─ .eslintrc.cjs          # Eslint 校验配置文件\n├─ .gitignore             # 忽略 git 提交\n├─ .prettierignore        # 忽略 Prettier 格式化\n├─ .prettierrc.cjs        # Prettier 格式化配置\n├─ .stylelintignore       # 忽略 stylelint 格式化\n├─ .stylelintrc.cjs       # stylelint 样式格式化配置\n├─ index.html             # 入口 html\n├─ stats.html             # Rollup Visualizer html\n├─ deploy.sh              # 发布GitHub Pages指令\n├─ LICENSE                # 开源协议文件\n├─ pnpm-lock.yaml         # 依赖包包版本锁\n├─ package.json           # 依赖包管理\n├─ postcss.config.cjs     # postcss 配置\n├─ README.md              # README 介绍\n├─ tsconfig.json          # typescript 全局配置\n└─ vite.config.ts         # vite 全局配置文件\n```\n\n### 项目后台接口 \n\n项目后台接口完全采用 Mock 数据，感谢以下 Mock 平台支持：\n\n- FastMock： https://www.fastmock.site(已停止服务)\n- EasyMock：https://mock.mengxuegu.com\n\n### Git 提交规范\n\n- `ci`: ci 配置文件和脚本的变动;\n- `chore`: 构建系统或辅助工具的变动;\n- `fix`: 代码 BUG 修复;\n- `feat`: 新功能;\n- `perf`: 性能优化和提升;\n- `refactor`: 仅仅是代码变动，既不是修复 BUG 也不是引入新功能;\n- `style`: 代码格式调整，可能是空格、分号、缩进等等;\n- `docs`: 文档变动;\n- `test`: 补充缺失的测试用例或者修正现有的测试用例;\n- `revert`: 回滚操作;\n\n### 微信交流（请备注wocwin-admin）\n\n|                微信二维码                 |\n| :---------------------------------------: |\n| \u003cimg src=\"./public/wocwin.jpg\" width=170\u003e |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwocwin%2Fwocwin-admin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwocwin%2Fwocwin-admin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwocwin%2Fwocwin-admin/lists"}