OpenAuth.Net/newdocs/docs/notes/pro/README.md

---
title: vue3版本介绍
createTime: 2025/04/23 23:43:26
permalink: /pro/
---
::: warning 注意
如果你使用的是vue2版本，请参考：[OpenAuth.Net Vue2版本](/vue2/)
:::

OpenAuth.Net Vue3版本基于vue3 + element-plus。使用OpenAuth.Net的API接口（即：OpenAuth.WebApi）提供数据服务。系统架构如下：

![系统架构](http://img.openauth.net.cn/系统架构.png)

vue3版源代码为商业授权方式获取，获取方式：[http://old.openauth.net.cn/question/detail.html?id=a2be2d61-7fcb-4df8-8be2-9f296c22a89c](http://old.openauth.net.cn/question/detail.html?id=a2be2d61-7fcb-4df8-8be2-9f296c22a89c)

演示地址： [http://demo.openauth.net.cn:1805/](http://demo.openauth.net.cn:1805/)

## OpenAuth.Net系列教学视频

[OpenAuth.Net视频合集--系统结构及代码下载](https://www.bilibili.com/video/BV1Z1421q7xU/)

[OpenAuth.Net视频合集--企业版代码启动](https://www.bilibili.com/video/BV1KSuQebEek/)

[OpenAuth.Net视频合集--使用企业版代码生成器](https://www.bilibili.com/video/BV1JCuyeaEFp/)

[OpenAuth.Net视频合集--权限管理介绍](https://www.bilibili.com/video/BV1M9KeejENf/)

[OpenAuth.Net视频合集--表单设计](https://www.bilibili.com/video/BV1dagEeFEVA/)

[OpenAuth.Net视频合集--多表代码生成](https://www.bilibili.com/video/BV1r4J3zAEsx/)