Skip to content

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

License

Notifications You must be signed in to change notification settings

penndev/veadmin

Repository files navigation

VEAdmin 微后台🎉

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

⚡️预览

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

快速上手

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

用户登录

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

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

请求接口

....

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

接口支持

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

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

🙏致谢