一、开源项目简介
为了满足前端开发标准化、工程化、系统化等等需求，我们设计并开发了一个开发组件库和常用类库和方法库的集合基础脚手架，其中包含了一些页面通用的布局、常用的弹窗和交互、提示信息以及网络请求，强类型面向对象的约束规范等，以满足日常开发的快捷、稳健、标准化等要求。
AirPower4T 是一个基于 Vue3 TypeScript Element Plus Vite 的开发基础库，使用面向对象、装饰器、Hooks等开发模式，内置了数据模型转换、表格表单装饰器配置、加解密和编码解码、网络请求、权限管理等常见后台功能以及页面组件，助力后台类系统的前端开发效率，同时保障了优雅的代码质量。
如需只使用 工具包，可以使用我们提供的单独抽离的工具包项目
二、开源协议
使用MIT开源协议
三、界面展示
四、功能概述
为何起名AirPower
早期是子仓库方式的设计, 这个依赖库跟宿主项目在一起, 所以为了排前面, 选择使用A开头的单词, 后来想起 Apple 家难产了的一个产品的名称, AirPower, 作者是Apple十年老粉, 那就顺便致敬下 Apple.
有哪些功能(设计)
- Model / Entity 所有的数据交互都以数据模型实例的方式进行, 不再直接使用JSON.
- Service 使用服务类对所有的网络请求进行抽象, 通过继承方式实现相似代码的复用
- Component 提供了很多后台管理系统常用的组件和一些反馈组件
- Hook 提供了与Service交互的一些通用的交互Hooks
- Enum 提供了很多很多很多的枚举
- Decorator 提供了很多很多很多的装饰器
- 提供了类似 Java BeanCopy 相关的数据转换方式, 提供了完整的面向对象实现
- ……
五、技术选型
代码风格展示
如何使用(初始化)?
你可以通过我们提供的 AirPower4T宿主仓库 项目来完成 AirPower4T 宿主项目的初始化:
AirPowerWebStarter
我们的建议
我们提供的 AirPower4T宿主仓库 里面提供了一些 ESlint规则 路由配置 环境变量配置 tsconfig vite.config, 以及很多的 demo 代码, 你可以进行参考。
六、源码地址
访问一飞开源：https://code.exmay.com/
原创文章，作者：guozi，如若转载，请注明出处：https://www.sudun.com/ask/88458.html
