Awesome
<!-- PROJECT LOGO --> <p align="center"> <a href=""> <img src="https://github.com/Zhaocl1997/walnut-admin-client/blob/main/public/assets/logo.png" alt="Logo" width="80" height="80"> </a> <h1 align="center">Walnut Admin</h1> <p align="center"> 面向开发者的中后台管理系统模板 <br /> <a target="_blank" href="https://walnut-admin-doc.netlify.app/"><strong>探索本项目的文档 »</strong></a> <br /> <br /> <a target="_blank" href="https://www.walnut-admin.com">查看Demo</a> · <a target="_blank" href="https://github.com/Zhaocl1997/walnut-admin-client/issues">报告Bug</a> · <a target="_blank" href="https://github.com/Zhaocl1997/walnut-admin-client/issues">提出新特性</a> </p> </p>Intro
Walnut Admin, 一个开源的、持续优化的中后台管理系统模板。项目重心是前台,后台和数据库有点规模,但是不成体系。现仍在开发阶段中。技术栈使用了 Vue3
, Vite4
, NaiveUI
, TypeScript
, VueUse
, pnpm
, unocss
等, 用于学习和交流!
项目跑起来需要后台,是 NestJS 的一个单体应用的架子。数据库用的 MongoDB。更多信息可查看文档。
DISCORD
TODOS
-
重要紧急
- lock security 有问题
- 修改密码功能
- 个人信息页面
- 强退在线用户(修改密码/重置密码都会提出当前在线的用户)
- vue3-mindmap,能帮忙捋捋思路
- 菜单内嵌params和query,以及手动跳转的query的留存(param设计的就是刷新就没有,所以这里就不做存留了)
- 用户表加一个字段,角色是分开模式还是合并模式,都可以自定义,同时如果是分开模式,右上角配合选择切换权限
- 用户查看,完善抽屉,同时手机号/邮箱作为敏感信息,都需要单独处理
- 路由加密,单独指query,param感觉没有加密的必要?
- 找回密码
-
重要不紧急
- 999 查看issue。嵌套路由的keep-alive有问题,为了暂时让keep-alive好使,就把路由扁平化了。但是左侧menu和头部的breadcrumb需要做相应的变动(路由不再是树状结构,但在左侧菜单和面包屑的位置逻辑还是原来树状的逻辑)
- 888 查看issue。项目中组件的props的类型定义都在vue的文件的外部,引入并使用到defineProps上会导致编译错误,暂时为了解决问题,都在组件内部又重新定义了一遍props的类型,后续支持了就可以从外部文件引入类型了。
- axios config demo
- 页面中的错误模拟 demo
- rrweb
- pdf/word/excel/print.js plugin
- error monitor (femonitor-web)
- untyper
- closure-compiler (尝试搞过,难搞)
- markdown (vditor)
- fullcalendar
- 拆分面板 splitpanes
-
不重要不紧急
- 打包优化+自动化部署
- 第三方认证
- case police
- 菜单 自定义动画/记住滚动位置/页面离开提示(路由和全局)
- 动态设置tab的名称,图标,badge, 进入之前的路由钩子处理
- 输入框的定制插槽 - 复制
- vue-tsc 错误全部消除
- layout 扩展
- 主题扩展
- 手机号组件,邮箱填充组件,身份证组件
-
不重要紧急
- 后台自定义code
- 后台入参校验
- 登录日志/操作日志
- 权限模块开发
- hover css
- tab样式重做
- 劫持F5事件
- 搜索组件
- 99 tsx + setup + auto-import 打包后会出问题,暂时需要显式引入 issue
CHANGELOG
请阅读CHANGELOG.md 查阅为该项目的更新日志。
Author
LICENSE
该项目签署了 MIT 授权许可,详情请参阅 LICENSE
<!-- links -->