README.md · AirPower/AirPower4T - Gitee.com

开源项目 > WEB应用开发 > WebUI组件/框架 &&

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

克隆/下载

README.md 4.14 KB

<p align="center">
  <img width="300" src="./assets/img/airpower.svg"/> <b>4T</b>
</p>

<p align="center">
  <img src="https://svg.hamm.cn?key=Lang&value=TypeScript&bg=green"/>
  <img src="https://svg.hamm.cn?key=Base&value=Vue3"/>
  <img src="https://svg.hamm.cn?key=Build&value=Vite"/>
  <img src="https://svg.hamm.cn?key=UI&value=ElementPlus"/>
</p>

<p align="center">
  <a href="https://gitee.com/air-power/AirPower4T">Gitee</a> / <a href="https://github.com/HammCn/AirPower4T">Github</a> / <a href="./CHANGELOG.md">CHANGELOG</a> / <a href="./docs/README.md">DOCUMENT</a>
</p>

## 📖 这是个什么项目

> 你当前查看的是 ```web``` 分支，我们也同时提供了 ```wechat```、```uniapp``` 等分支：） 你可以先阅读 [掘金专栏](https://juejin.cn/post/7273290114921889807) 的一些文章，也可以体验 [线上示例DEMO](https://service.hamm.cn)，如果你喜欢这个项目，欢迎给我们大大的 ⭐️⭐️⭐️

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

**AirPower4T** 是一个基于 ```Vue3``` ```TypeScript``` ```Element Plus``` ```Vite``` 的开发基础库，使用 **装饰器**、**面向对象**、**Hook** 等前端开发方式。

> 如需只使用 工具包，可以使用我们提供的单独抽离的工具包项目 [AirPower@Gitee](https://gitee.com/air-power/AirPower) / [AirPower@Github](https://github.com/HammCn/AirPower)

## 🎈 为何起名**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. ......

## 💻 代码风格展示

<img width="24%" src="./docs/img/1.png"/><img width="24%" src="./docs/img/2.png"/><img width="24%" src="./docs/img/3.png"/><img width="24%" src="./docs/img/4.png"/>

## 🔑 如何使用(初始化)?

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

AirPowerWebStarter via [Gitee](https://gitee.com/air-power/AirPowerWebStarter/blob/main/README.md) / [Github](https://github.com/HammCn/AirPowerWebStarter/blob/main/README.md)

## 🛎 我们的建议

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

如果你有什么疑问或者问题，你也可以加入开发者交流QQ群(```555156313```)进行咨询，当然，我们更建议你发起 [Gitee issue](https://gitee.com/air-power/AirPower4T/issues/new) / [Github issue](https://github.com/HammCn/AirPower4T/issues/new)

## ⏰ Enjoy it

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

> ☕️Java: 加瓦? 什么Java?

## 📷 来点*图(示例)

<img width="24%" src="./docs/img/5.png"/><img width="24%" src="./docs/img/6.png"/><img width="24%" src="./docs/img/7.png"/><img width="24%" src="./docs/img/8.png"/>

---

<p align="center">
ATTENTION: Contributor list is just for fun!!!
</p>

一键复制编辑原始数据按行查看历史

提交于 2024-04-10 16:02 . fix(BUG): 修复了一些已知的问题

4T

Gitee / Github / CHANGELOG / DOCUMENT

📖 这是个什么项目

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

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

AirPower4T 是一个基于 Vue3 TypeScript Element Plus Vite 的开发基础库，使用 装饰器、面向对象、Hook 等前端开发方式。

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

🎈 为何起名AirPower

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

🎉 有哪些功能(设计)

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

💻 代码风格展示

🔑 如何使用(初始化)?

你可以通过我们提供的 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!!!

TypeScript

1

https://gitee.com/air-power/AirPower4T.git

git@gitee.com:air-power/AirPower4T.git

air-power

AirPower4T

AirPower4T

web