penndev / veadmin

一个基于vue3和element-plus开发的后台管理模板 在线预览https://penndev.github.io/veadmin

VEAdmin 微后台🎉

通用响应式后台管理模板，免费商用。

⚡️预览

GitHub Pages 预览 https://penndev.github.io/veadmin
> 用户名: admin
> 密码: 123456

快速上手

使用vue3与element-plus作为基础框架，vite做打包工具，pinia做数据持久化，axios做api交互，echarts做图表数据展现。

用户登录

• 验证码
  1. 图片验证码使用base64方式返回图片验证码。
  2. 验证码验证存活时间(TTL)。
  3. 每次图片验证后不论结果都需要刷新验证码，接口方需要同步操作避免碰撞攻击。
• 登录请求
  • 登录接口携带账号密码与验证码
  • 验证码必要性，碰撞攻击在中小型后台的危害特别大。需要严格注意方法措施（验证码，弱密码，登录入口等）
• 登录返回参数
  1. token 为后台接口的jwt验证参数。
  2. routes 当前登录用户可以访问的前端路由（在后面介绍）
• 接口验证

  真正的数据安全应该为后台来处理，前端只能控制页面的展现，不能通过前端数据展示控制来保证数据安全。

  • JWT后端交互验证
  • 数据展示权限验证

请求接口

....

如有疑问或建议欢迎随时与我互相交流学习。

接口支持

• mock接口： 免费托管在了 postman。
• Golang：参阅作者的golang项目 wga(golang 后台管理脚手架 基于gin,gorm,zap开发开箱即用)
• Node：参阅作者的nodejs的koajs项目vod(媒体转码后台管理系统系统，ffmpeg的web封装)

以上均实现了本项目的api需求可做开发参考

🙏致谢

• vue-element-admin 曾节约我大量的开发时间成本。
• gin-vue-admin 给予我UI与配色的启发。