RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/AirPowerTeam/AirPower4T below:

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

Github / Gitee / CHANGELOG / DOCUMENT

Important

🔥 为了更好的解耦设计，我们开发了下面这些项目，欢迎关注：

AirPower-Transformer 核心的数据转换库
AirPower-Enum 核心的枚举封装库
AirPower-i18n 核心的国际化封装库
AirPower-Util 核心的工具封装库
AirPower-Web AirPower4T 的下一个库，做了解耦设计。

中文(Chinese) | 英文(English)

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

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

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

AirPower4T 的灵感来自于 Java SpringBoot JPA 等后端开发思想，使用了大量的类、枚举、接口、装饰器 等，提供了很多基于 Element Plus 的常用后台管理组件，帮助开发者快速开发 Web 应用。

AirPower4T 的设计理念是 面向对象编程，将一切能抽象的功能、数据结构、服务封装为类，使用类的继承来实现一些代码的复用，减少重复代码，使代码更加清晰易读。使用装饰器来实现一些 常用组件、数据转换规则、前端显示文案 等信息的配置，使组件的配置更集中、灵活、直观。

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

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

推荐你直接使用我们提供的 SPMS-Web 模板来快速开启一个项目：via Github / Gitee

我们使用的是 Vite 构建, 包管理使用的是 yarn, 请先安装前叙的相关工具后继续接下来的操作：）

npm install -D typescript

你可以通过我们的 SPMS-Web 项目来初始化一个项目：

通过Github代码仓库初始化

git clone https://github.com/s-pms/SPMS-Web.git &&
cd SPMS-Web &&
git clone https://github.com/AirPowerTeam/AirPower4T.git airpower &&
yarn && cp .env.dev .env && yarn s

通过Gitee代码仓库初始化(推荐)

git clone https://gitee.com/s-pms/SPMS-Web.git &&
cd SPMS-Web &&
git clone https://gitee.com/air-power/AirPower4T.git airpower &&
yarn && cp .env.dev .env && yarn s

复制一份 .env.dev 文件，并修改里面的配置，然后重命名为 .env

VITE_APP_NAME = "开发环境"
VITE_APP_API_URL = "/api/"
VITE_APP_STATIC_URL = "/static/"

如需跨域代理，可修改 vite.config.ts

启动项目前，我们建议你关闭 visual studio code 的 Vetur 插件，避免 vue2 和 vue3 产生冲突。

# 打包项目
yarn dev            #开发环境 使用.env.dev
yarn test           #测试环境 使用.env.test
yarn production     #生产环境 使用.env.production

#使用标准commit模板
yarn c

#更新项目和AirPower
yarn u

#查看Git格式化日志
yarn l

Vue - Official
ESLint
SCSS Formatter

如碰到其他兼容问题，建议在工作区禁用以上三个插件之外的其他插件，特别是 Vetur。

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

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

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

☕️Java: 加瓦? 什么Java?

AirPower4T 正在为以下的公司/用户提供技术支持:

杭州某财税网络科技有限公司
重庆某工业互联网科技有限公司

如果你的公司/企业正在使用我们的服务，欢迎通过 Issues 提交，我们将在上面的列表中列出。

ATTENTION: Contributor list is just for fun!!!

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4