vbenjs/vue-vben-admin

Roadmap! Welcome pull request

anncwb opened this issue · 32 comments

Unconsciously, the project has basically stabilized. The project will continue to be maintained in the future. The development plan is as follows.

English

  • Introduce windiCss to solve the problem of slow integration between tailwind.css and vite.
  • Refactored login page to support multiple login methods
  • Homepage reconstruction, more beautiful
  • System management module (menu/permission/user) and development new branch
  • Dark theme
  • echarts 5.0
  • The code is reconstructed in two ways: setup script and tsx SFC
  • vuex code combing,Support vuex5, wait for vuex5 to be released
  • Optimization and enhancement of various components
  • New components
  • The overall code is simplified and the code performance is optimized
  • Complete documentation (including multiple languages)
  • element-plus version
  • electron version
  • The overall Typescript type is renewed

中文

  • 引入windiCss解决tailwind.css跟vite集成速度慢的问题.
  • 登录页重构,支持多种登录方式
  • 首页重构,更美观
  • 系统管理模块(菜单/权限/用户)及开发新分支
  • 黑暗主题
  • echarts 5.0
  • 代码使用setup script与 tsx SFC两种方式重构
  • vuex代码梳理,等待vuex5发布
  • 各组件优化与加强
  • 新的组件
  • 整体代码简化,代码性能优化
  • 文档完善(包含多语言)
  • element-plus 版本
  • electron 版本
  • 整体Typescript类型重新优化

后端nest走起

后端nest走起

pr welcome

working on laravel backend with jwt authentication.

我写了一套nest后端,不太成熟,目前这个后台模板是见过除elementui和antdpro-v5,代码结构最优的了,但是感觉这个页面渲染加载还是太慢了,感觉很卡。

我写了一套nest后端,不太成熟,目前这个后台模板是见过除elementui和antdpro-v5,代码结构最优的了,但是感觉这个页面渲染加载还是太慢了,感觉很卡。

nest是这个项目配套的吗?
卡顿如果是本地的话可能比较正常。有什么建议或者优化可以提给我或者pr给我。后面会优化下整体性能。

nest是写的配合elementui的

electron版本期待

antdv Pro for vue3收费了,找了找发现这个最好了。打算用Python写一套后端,和这个搭配以后当template项目来用。😼

electron!

这个框架非常好用,很多js逻辑部分的封装配合 function api 使用起来非常方便。

在一开始看源码的时候,很多变量的定义都不明所以,等到看完所有的时候才发现是因为高度抽象了。根据传入的参数不同最终渲染出不同的页面,hooks 的封装虽然看起来吃力,但是用起来还是非常方便。

可能是之前只使用过 element-plus 的单组件使用原因。在看html层的封装,想改一个组件需要看另外一个组件的逻辑,然后还需要配合hooks组件的逻辑,以及各种参数调用,学习成本比较高。用 jsx 应该会比当前这种在多个文件中跳转阅读会好一些。

这个框架是我目前见过最好用的后台管理系统。优点是封装的非常好,使用起来非常方便,根据传递的参数可以渲染出不同的页面。缺点是封装的太狠了,不把整个框架的大部分源码都学习一遍,很难灵活使用框架自带的组件。

最后我看到框架中有部分组件使用 tsx 编写的,虽然逻辑目前看不懂,但是看起来比 SFC 舒服多了。期待组件早点重构为 tsx SFC 版本的组件

@anncwb 你是想说vuex4吧?

Vite确实是快,现在现成的用Vite的Admin管理模板没有几个,这是我目前看到的最好的一个(可以用高大全来形容),而且还贴心的提供了thin版本的供开发用。赞👍🏻

现在的代码是过不了package.json中的type:check的吧,这一点令我有一点困惑。

roadmap最后一条看起来不是很明确,这一条能解决类型检查的问题吗

现在的代码是过不了package.json中的type:check的吧,这一点令我有一点困惑。

roadmap最后一条看起来不是很明确,这一条能解决类型检查的问题吗

是,因为vue-tsc是后面加的,现在其实也还不是很好用。等它稳定下来就可以进行类型问题修复

登录保存jwt token如何实现

PermissionGuard下的whitePathList应该提取到配置文件

能封装个地图表单组建吗?填写位置带出地址和坐标

iget commented

能集成下pdf.js组件吗? https://github.com/mozilla/pdf.js/

能集成下 Bpmn 组件吗 提供工作流

期待 elementui-plus 版本

用vscode开发 代码补全很慢 不知道是啥原因

Hi, @anncwb

Btw, Thank you in for this very beautiful template
There are some inputs from me :

  • Without offending anyone, is it possible for all comments to be in English ?, frankly I sometimes have trouble reading comments in Chinese (no offense) 🙏
  • Still about the language, is it possible to use i18n on all labels, even if the label not have translation the default is set in English, sometimes there are still many labels that still use Chinese when the language setting is changed to English
  • Those in Chinese label will be moved to translation(i18n) too

About language, I think it applies to other people ​​too, with that I hope this template can be used by more people. Once again, I don't mean to offend, if anyone objected, my statement doesn't need to be continued 🙏

Regarding language and translation to English, I'm ready to help, but to be honest I'm still new to git, typescript, and the collaboration method

if allowed, I'm ready to be guided how the mechanism is

Hi, @anncwb

Btw, Thank you in for this very beautiful template There are some inputs from me :

  • Without offending anyone, is it possible for all comments to be in English ?, frankly I sometimes have trouble reading comments in Chinese (no offense) 🙏
  • Still about the language, is it possible to use i18n on all labels, even if the label not have translation the default is set in English, sometimes there are still many labels that still use Chinese when the language setting is changed to English
  • Those in Chinese label will be moved to translation(i18n) too

About language, I think it applies to other people ​​too, with that I hope this template can be used by more people. Once again, I don't mean to offend, if anyone objected, my statement doesn't need to be continued 🙏

Regarding language and translation to English, I'm ready to help, but to be honest I'm still new to git, typescript, and the collaboration method

if allowed, I'm ready to be guided how the mechanism is

Hello, maybe this will help you, but it's still in Chinese : )

https://vvbin.cn/doc-next/dep/i18n.html#%E9%85%8D%E7%BD%AE%E9%BB%98%E8%AE%A4%E8%AF%AD%E8%A8%80

Hi @colinin

Thanks for recomend this pluginl, this is very handy but not in my context
I mean about @anncwb write above

  • Complete documentation (including multiple languages) :
    I think what is meant here is documentation, and what I add is in terms of code comments which should contain 2 languages ​​or only English (no offense). I also see that for translation, there are still many texts that do not use i18n (still hardcoded text), so when changing languages ​​in the language option, the language is still Chinese.
    I really want to help, but I need examples/procedures, because I'm not very good at programming

  • vuex code combing,Support vuex5, wait for vuex5 to be released : Hi @anncwb refer this vue 3 official document
    I think this stage is no longer relevant and can be removed, we can continue using pinia because I read some official statement vuex5 is not exist, and vuex it self will no longer maintenance
    image

Thank you @anncwb and team

首先感谢一下楼主们做了这个项目!
-> 登录页重构,支持多种登录方式
最近刚好做了oauth2多租户的案子,需要的话,可以提供基于keycloak-js的登录实现。

期待element-plus版本!!!

Any new version plan? such as 3.x roadmap, thks!

run起来的过程中需要输入sudo password,这个密码是什么呀各位大佬

run起来的过程中需要输入sudo password,这个密码是什么呀各位大佬

@adouzizi 我也遇到了这个问题,请问你有找到原因吗?我第一次见,怀疑是有高权限的操作(感觉是制作自签名HTTPS证书相关的),可能得去代码中找了。