Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Zhaocl1997/walnut-admin-client
Naive UI + Vue3 + Vite + Typescript Admin Template. Many modern features.
https://github.com/Zhaocl1997/walnut-admin-client
admin naive-ui template typescript vite2 vue3
Last synced: 2 months ago
JSON representation
Naive UI + Vue3 + Vite + Typescript Admin Template. Many modern features.
- Host: GitHub
- URL: https://github.com/Zhaocl1997/walnut-admin-client
- Owner: Zhaocl1997
- License: mit
- Created: 2021-04-14T05:43:29.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-09-06T07:33:10.000Z (4 months ago)
- Last Synced: 2024-09-06T11:08:53.836Z (4 months ago)
- Topics: admin, naive-ui, template, typescript, vite2, vue3
- Language: Vue
- Homepage: http://www.walnut-admin.com
- Size: 7.26 MB
- Stars: 40
- Watchers: 3
- Forks: 4
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-naive - Walnut Admin - A free open source fullstack admin template project based on Typescript. Vue3 + Vite + Naive UI + [Nestjs](https://nestjs.com/) + [mongodb](https://www.mongodb.com/). (List / Admin Projects Using NaiveUI)
README
Walnut Admin
面向开发者的中后台管理系统模板
探索本项目的文档 »
查看Demo
·
报告Bug
·
提出新特性
## Intro
Walnut Admin, 一个开源的、持续优化的中后台管理系统模板。项目重心是前台，后台和数据库有点规模，但是不成体系。现仍在开发阶段中。技术栈使用了 `Vue3`, `Vite4`, `NaiveUI`, `TypeScript`, `VueUse`, `pnpm`, `unocss` 等, 用于学习和交流！
项目跑起来需要[后台][walnut-admin-server]，是 [NestJS][nestjs-url] 的一个单体应用的架子。数据库用的 [MongoDB](https://www.mongodb.com/)。更多信息可查看文档。
## DISCORD
[点击这里](https://discord.gg/kfVuasVXs2)
## TODOS
- 重要紧急
- [x] lock security 有问题
- [ ] 修改密码功能
- [ ] 个人信息页面
- [x] 强退在线用户(修改密码/重置密码都会提出当前在线的用户)
- [x] vue3-mindmap，能帮忙捋捋思路
- [ ] 菜单内嵌params和query，以及手动跳转的query的留存(param设计的就是刷新就没有，所以这里就不做存留了)
- [ ] 用户表加一个字段，角色是分开模式还是合并模式，都可以自定义，同时如果是分开模式，右上角配合选择切换权限
- [ ] 用户查看，完善抽屉，同时手机号/邮箱作为敏感信息，都需要单独处理
- [x] 路由加密，单独指query，param感觉没有加密的必要?
- [ ] 找回密码
- 重要不紧急
- [x] 999 查看[issue](https://github.com/vuejs/vue-router-next/issues/626)。嵌套路由的keep-alive有问题，为了暂时让keep-alive好使，就把路由扁平化了。但是左侧menu和头部的breadcrumb需要做相应的变动（路由不再是树状结构，但在左侧菜单和面包屑的位置逻辑还是原来树状的逻辑）
- [ ] 888 查看[issue](https://github.com/vuejs/core/issues/4294)。项目中组件的props的类型定义都在vue的文件的外部，引入并使用到defineProps上会导致编译错误，暂时为了解决问题，都在组件内部又重新定义了一遍props的类型，后续支持了就可以从外部文件引入类型了。
- [x] axios config demo
- [ ] 页面中的错误模拟 demo
- [ ] rrweb
- [ ] pdf/word/excel/print.js plugin
- [ ] error monitor (femonitor-web)
- [x] untyper
- [ ] closure-compiler (尝试搞过，难搞)
- [ ] markdown (vditor)
- [ ] fullcalendar
- [ ] 拆分面板 splitpanes
- 不重要不紧急
- [x] 打包优化+自动化部署
- [x] 第三方认证
- [x] case police
- [x] 菜单 自定义动画/记住滚动位置/页面离开提示(路由和全局)
- [x] 动态设置tab的名称，图标，badge, 进入之前的路由钩子处理
- [x] 输入框的定制插槽 - 复制
- [ ] vue-tsc 错误全部消除
- [ ] layout 扩展
- [ ] 主题扩展
- [ ] 手机号组件，邮箱填充组件，身份证组件
- 不重要紧急
- [x] 后台自定义code
- [x] 后台入参校验
- [x] 登录日志/操作日志
- [x] 权限模块开发
- [x] hover css
- [x] tab样式重做
- [x] 劫持F5事件
- [ ] 搜索组件
- [ ] 99 tsx + setup + auto-import 打包后会出问题，暂时需要显式引入 [issue](https://github.com/antfu/unplugin-auto-import/issues/75)
## CHANGELOG
请阅读[CHANGELOG.md](./CHANGELOG.md) 查阅为该项目的更新日志。
## Author
[Zhaocl1997][author-url]
## LICENSE
该项目签署了 MIT 授权许可，详情请参阅 [LICENSE][license-url]
[author-url]: https://github.com/Zhaocl1997
[walnut-admin-client]: https://github.com/Zhaocl1997/walnut-admin-client
[walnut-admin-server]: https://github.com/Zhaocl1997/walnut-admin-server
[license-url]: https://github.com/Zhaocl1997/walnut-admin-client/blob/main/LICENSE
[nestjs-url]: https://docs.nestjs.com/