qingqingxuan / admin-work Goto Github PK

Vue3 和 NaiveUI 的完美结合—Admin Work，拥有漂亮、强大、完善的功能。采用 Vue3 Vite2 Typescript NaiveUI Pinia编写的中后台框架。全面的系统配置，优质模板，常用组件，真正一站式开箱即用。持续更新，不断完善，一直在前进~~

Home Page: http://www.vueadminwork.com

License: MIT License

JavaScript 5.62% HTML 0.25% TypeScript 13.92% CSS 7.96% Vue 71.26% SCSS 0.99%

vue-router4 navieui vite2 typescript vue3 echarts4 axios pinia vue-admin

admin-work's Introduction

Admin Work

简介：

Admin Work，是 Vue Admini Work 系列中最成熟和完善的中后台框架，全面的系统配置，优质模板，常用组件，真正一站式开箱即用采用时下最流行的 Vue3 UI 库--NaiveUI

使用了当今最流行的技术框架： Vue3 + Vite5 + TypeScript + Navie UI + Pinia

特性：

常用模板
- 内置常用模板，无需考虑交互排版，助你高效开发
预设样式
- 样式美观大方，无缝对接 Naive Ui，随意组合页面，随心所欲
布局方案
- 丰富的布局模式，具有高可配性，满足您的各类布局需求
技术支持
- 优质的售后技术支持，完善的文档，让您事半功倍
最新技术栈
- 基于 Vue3、Vite2、TypeScript、NaiveUI、Pinia 等最新技术栈开发
轻量快速的热重载
- 无论应用程序大小如何，都始终极快的模块热重载（HMR）
丰富的示例
- 常见的 Web 端插件示例实现
组件封装
- 对日常使用频率较高的组件二次封装,满足基础工作需求
主题配置
- 丰富的主题配置及黑暗主题适配
权限管理
- 完善的前后端权限管理方案

项目地址：

Vue Admin Work 系列中其它开源项目的演示地址

请关注我们的微信公众号 `知码前端` ，里面包含了各个版本的源码和进入微信福利群的方式

适合人群

正在以及想使用 vue/naive-ui 开发，最好是有一定的编程知识，或者原来只从事切图写静态页的人想提高自己的前端能力。
熟悉 Vue.js 技术栈，使用它开发过几个实际项目。
对原理技术感兴趣，想进阶和提升的同学。

下载&安装

下载

git clone -b master https://github.com/qingqingxuan/admin-work.git

进入项目目录
```
cd admin-work
```
安装依赖
```
npm install
```
运行
```
npm run dev
```

如何贡献

非常欢迎你的加入！提一个 Issue 或者提交一个 Pull Request。

Pull Request:

Fork 代码!
创建自己的分支: git checkout -b feat/xxxx
提交你的修改: git commit -am 'feat(function): add xxxxx'
推送您的分支: git push origin feat/xxxx
提交pull request

Git 贡献提交规范

参考 vue 规范 (Angular)
- feat 增加新功能
- fix 修复问题/BUG
- style 代码风格相关无影响运行结果的
- perf 优化/性能提升
- refactor 重构
- revert 撤销修改
- test 测试相关
- docs 文档/注释
- chore 依赖更新/脚手架配置修改等
- workflow 工作流改进
- ci 持续集成
- types 类型定义文件更改
- wip 开发中

浏览器支持

本地开发推荐使用Chrome 80+ 浏览器

支持现代浏览器, 不支持 IE

IE	Edge	Firefox	Chrome	Safari
not support	last 2 versions	last 2 versions	last 2 versions	last 2 versions

特别感谢

🚀 vue3.x
🚀 naive-ui
🚀 vue-router-next
🚀 pinia
🚀 axios
🚀 mockjs
🚀 echarts

优势及注意事项

vue-admin-work 有如下优势:
1. 支持前端控制路由权限和后端控制路由模式
2. 支持 mock ，完全独立于后台
3. 内置了大量常用的组件，比如，上传，消息提示等
4. 支持多主题、多布局切换
使用注意事项:
1. 项目默认使用使用vscode工具进行开发，也是唯一推荐的开发工具
2. 项目默认eslint校验规范

admin-work's People

Contributors

Stargazers

Watchers

Forkers

gintoki-c lkmodules hqeasy doom-9-zz chengcanmm77 wuchunfu qaz734913414 wangscript007 lorsque-sir jondevgo xiexiaofei lijing-2008 pl1998 storger crpeng2019 kimlv vue-then yuzhenhuak zhangying-dev tianyu94 swj425029502 huoran323 zengliming lifetocontinue eagle0898 liulipeng721 5852305 y-projects sinlmao liujunzheng 528848 meazty happyday517 mohamedhassannasr andyhan piyongcai lingdu1234 est9527 bitsnaps a1713599261 easynetbook bieyaonao yuexiaoyun kekewind zhiyuan-chuang szjhtz icydresden kysoft-github webxiaoma ong-ing u10k yilidan wewelove supercoeus xjfizz jimsdog myalban honvid redsha smuki qiang841129 18215582009 ionnft-io-nft linjianwei529 xuehaoweng ybqdren qiujiaweii mrmisor doom-9 idsyn wangxuesong mrtoms yourkeychen amtech aspire01 iuiugt shaokun11 xazzz inuoers 925800521 tss-tss cggcbb mutour123 aibe64 rhoasneg visupervi abbijamal rash-wj xiongnian0510 maze1943 ciyfly heckerstone huxianguan xiaoshzx supercjy009 liushuiguang innerken-gmbh foreverhot1019 zhaodahui bmhoang

admin-work's Issues

预览项目404

请问，预览仓库里其他项目404，迁移项目地址吗？

OSCS提示安全漏洞

链接地址：https://www.oscs1024.com/cd/1525901479456542720?sign=03c8cec5

请问microapp 子应用刷新空白问题你是怎么解决的呀

选择多级菜单如果超过两级再次刷新浏览器菜单无法自动展开 (master branch -> latest)

请教一个问题，关于路由结构的

看了下源码，发现代码中将多层嵌套路由通过mapTwoLevelRouter方法进行了类似扁平化的处理：

这样做的目的是什么呢？
我发现这样处理后，访问页面时就会直接访问到/next/menu2/menu-2-1/xxx这样，不会继承到父组件了，假如我有一个子页面要继承父页面视图的时候，还能通过路由结构配置来达到继承的效果吗？

Pinia

I took a look at the recommended background management system on navie-ui and found that most of them use export default, why did not use setup?

你好，手机版好像不会显示侧边菜单？

跑不起来

系统管理-用户管理功能下，用户的头像不能正常显示。

系统管理-用户管理功能下用户的头像不能正常显示，图片路径为/vue-admin-work-p/static/images/img_avatar_01.jpeg，应该是项目名称路径不对导致的。

Menu entry single level

Hello,
I need to launch Welcome page without first click the Home, in other words a root menu with one single level entry.
How to ?

Thank's

你好，请问下tailwindcss与naiveUI混用而不冲突的效果是如何实现的？非常感谢。

登录组件的pc端input前缀icon无法显示

文件地址：admin-work\src\views\login\LoginComponent.vue

这个input前缀icon无法显示

一直在loading

如何配置服务端的 api 地址呢？

我是后端开发，不知道这个在哪里配置后端服务的地址~~

没有对齐，鼠标移出后有上下移动

主控台后面的按钮没有对齐，鼠标移出后有上下移动

关于 Switch 无法点击问题

项目预览地址，中的 Switch 在可用情况下，无法点击切换

传送门

这个下载下来没法直接运行的。

需要自行安装naive-ui包
提示这些错误：
npm run dev

[email protected] dev
vite

vite v2.9.15 dev server running at:

Local: http://localhost:3000/
Network: use --host to expose

ready in 1517ms.

X [ERROR] [plugin vite:dep-scan] Missing "./lib/data-table/src/interface" export in "naive-ui" package

node_modules/vite/dist/node/chunks/dep-689425f3.js:38597:7:
  38597 │   throw new Error(
        ╵         ^

at bail (D:\js_npm\admin-work\node_modules\vite\dist\node\chunks\dep-689425f3.js:38597:8)
at resolve (D:\js_npm\admin-work\node_modules\vite\dist\node\chunks\dep-689425f3.js:38674:10)
at resolveExports (D:\js_npm\admin-work\node_modules\vite\dist\node\chunks\dep-689425f3.js:40982:12)
at resolveDeepImport (D:\js_npm\admin-work\node_modules\vite\dist\node\chunks\dep-689425f3.js:41000:31)
at tryNodeResolve (D:\js_npm\admin-work\node_modules\vite\dist\node\chunks\dep-689425f3.js:40773:20)
at Context.resolveId (D:\js_npm\admin-work\node_modules\vite\dist\node\chunks\dep-689425f3.js:40581:28)
at Object.resolveId (D:\js_npm\admin-work\node_modules\vite\dist\node\chunks\dep-689425f3.js:39254:55)
at processTicksAndRejections (node:internal/process/task_queues:96:5)
at async resolve (D:\js_npm\admin-work\node_modules\vite\dist\node\chunks\dep-689425f3.js:39466:26)
at async D:\js_npm\admin-work\node_modules\vite\dist\node\chunks\dep-689425f3.js:39626:34
at async callback (D:\js_npm\admin-work\node_modules\esbuild\lib\main.js:933:28)
at async handleRequest (D:\js_npm\admin-work\node_modules\esbuild\lib\main.js:713:30)

This error came from the "onResolve" callback registered here:

node_modules/vite/dist/node/chunks/dep-689425f3.js:39616:18:
  39616 │             build.onResolve({
        ╵                   ~~~~~~~~~

at setup (D:\js_npm\admin-work\node_modules\vite\dist\node\chunks\dep-689425f3.js:39616:19)
at handlePlugins (D:\js_npm\admin-work\node_modules\esbuild\lib\main.js:855:23)
at Object.buildOrServe (D:\js_npm\admin-work\node_modules\esbuild\lib\main.js:1149:7)
at D:\js_npm\admin-work\node_modules\esbuild\lib\main.js:2110:17
at new Promise (<anonymous>)
at Object.build (D:\js_npm\admin-work\node_modules\esbuild\lib\main.js:2109:14)
at Object.build (D:\js_npm\admin-work\node_modules\esbuild\lib\main.js:1956:51)
at D:\js_npm\admin-work\node_modules\vite\dist\node\chunks\dep-689425f3.js:39414:54
at Array.map (<anonymous>)
at scanImports (D:\js_npm\admin-work\node_modules\vite\dist\node\chunks\dep-689425f3.js:39414:31)
at processTicksAndRejections (node:internal/process/task_queues:96:5)
at async discoverProjectDependencies (D:\js_npm\admin-work\node_modules\vite\dist\node\chunks\dep-689425f3.js:39855:31)
at async Timeout.warmUp [as _onTimeout] (D:\js_npm\admin-work\node_modules\vite\dist\node\chunks\dep-689425f3.js:50469:36)

The plugin "vite:dep-scan" was triggered by this import

script:D:/js_npm/admin-work/src/views/system/menu.vue?id=0:289:7:
  289 │ import 'naive-ui/lib/data-table/src/interface'
      ╵        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Build failed with 1 error:
node_modules/vite/dist/node/chunks/dep-689425f3.js:38597:7: ERROR: [plugin: vite:dep-scan] Missing "./lib/data-table/src/interface" export in "naive-ui" package

建议移除dist目录

建议移除dist目录，编译后文件不用放在源码里。

树形下拉的问题

这个树形下拉的箭头点击展开/关闭的时候下拉框会消失