4T

Gitee / Github / CHANGELOG / DOCUMENT

📖 这是个什么项目

你当前查看的是 web 分支，我们也同时提供了 wechat、uniapp 等分支：） 你可以先阅读 掘金专栏 的一些文章，也可以体验 线上示例DEMO，如果你喜欢这个项目，欢迎给我们大大的 ⭐️⭐️⭐️

为了满足前端开发标准化、工程化、系统化等等需求，我们设计并开发了一个开发组件库和常用类库和方法库的集合基础脚手架，其中包含了一些页面通用的布局、常用的弹窗和交互、提示信息以及网络请求，强类型面向对象的约束规范等，以满足日常开发的快捷、稳健、标准化等要求。

AirPower4T 是一个基于 Vue3 TypeScript Element Plus Vite 的开发基础库，使用面向对象、装饰器、Hooks等开发模式，内置了数据模型转换、表格表单装饰器配置、加解密和编码解码、网络请求、权限管理等常见后台功能以及页面组件，助力后台类系统的前端开发效率，同时保障了优雅的代码质量。

如需只使用 工具包，可以使用我们提供的单独抽离的工具包项目 AirPower@Gitee / AirPower@Github

🎈 为何起名AirPower

早期是子仓库方式的设计, 这个依赖库跟宿主项目在一起, 所以为了排前面, 选择使用A开头的单词, 后来想起 Apple 家难产了的一个产品的名称, AirPower, 作者是Apple十年老粉, 那就顺便致敬下 Apple.

🎉 有哪些功能(设计)

1. Model / Entity 所有的数据交互都以数据模型实例的方式进行, 不再直接使用JSON.
2. Service 使用服务类对所有的网络请求进行抽象, 通过继承方式实现相似代码的复用
3. Component 提供了很多后台管理系统常用的组件和一些反馈组件
4. Hook 提供了与Service交互的一些通用的交互Hooks
5. Enum 提供了很多很多很多的枚举
6. Decorator 提供了很多很多很多的装饰器
7. 提供了类似 Java BeanCopy 相关的数据转换方式, 提供了完整的面向对象实现
8. ......

💻 代码风格展示

🔑 如何使用(初始化)?

你可以通过我们提供的 AirPower4T宿主仓库 项目来完成 AirPower4T 宿主项目的初始化:

AirPowerWebStarter via Gitee / Github

🛎 我们的建议

我们提供的 AirPower4T宿主仓库 里面提供了一些 ESlint规则 路由配置 环境变量配置 tsconfig vite.config, 以及很多的 demo 代码, 你可以进行参考。

如果你有什么疑问或者问题，你也可以加入开发者交流QQ群(555156313) 进行咨询，当然，我们更建议你发起 Gitee issue / Github issue

⏰ Enjoy it

好了, 那么接下来你可以愉快的开发了, 如果你有什么建议或者意见, 可以在本仓库中提交你的 issues, 你可以为这个依赖库进行 添砖加瓦!

☕️Java: 加瓦? 什么Java?

📷 来点*图(示例)

---

ATTENTION: Contributor list is just for fun!!!