# erupt-web

**Repository Path**: erupt/erupt-web

## Basic Information

- **Project Name**: erupt-web
- **Description**: Erupt 框架前端源码，通过 JSON Schema 动态构建表单，实现了erupt零前端代码能力
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://www.erupt.xyz
- **GVP Project**: No

## Statistics

- **Stars**: 233
- **Forks**: 188
- **Created**: 2018-11-20
- **Last Updated**: 2026-01-05

## Categories & Tags

**Categories**: webui

**Tags**: None

## README

---

<p align="center"><img src="./src/erupt.svg" height="150" alt="logo"/></p>
<h2 align="center">Erupt Engine &nbsp; 🚀 &nbsp; 通用后台管理框架</h2>
<h3 align="center">前端源码</h3>
<h3 align="center"><a href="https://erupt.xyz" target="_blank">https://www.erupt.xyz</a></h3>

---

<h4 align="center">通过 JSON Schema 自动构建表单，实现了erupt零前端代码能力</h4>

---

<p align="center">
    <a href="https://www.erupt.xyz" target="_blank"><img src="https://img.shields.io/badge/Erupt-Framework-brightgreen" alt="Erupt Engine"></a>
    <a href="https://mvnrepository.com/search?q=erupt"><img src="https://img.shields.io/maven-central/v/xyz.erupt/erupt" alt="maven-central"></a>
    <a href="https://www.oracle.com/technetwork/java/javase/downloads/index.html"><img src="https://img.shields.io/badge/JDK-8+-green.svg" alt="jdk 8+"></a>
    <a href="./LICENSE"><img src="https://img.shields.io/badge/license-Apache%202-blue" alt="license Apache 2.0"></a>
    <a href="https://gitee.com/erupt/erupt"><img src="https://gitee.com/erupt/erupt/badge/star.svg?theme=dark" alt="Gitee star"></a>
    <a href="https://gitee.com/erupt/erupt"><img src="https://gitee.com/erupt/erupt/badge/fork.svg?theme=dark" alt="Gitee fork"></a>
    <a href="https://github.com/erupts/erupt"><img src="https://img.shields.io/github/stars/erupts/erupt?style=social" alt="GitHub stars"></a>
    <a href="https://github.com/erupts/erupt"><img src="https://img.shields.io/github/forks/erupts/erupt?style=social" alt="GitHub forks"></a>
</p>

<p align="center">
    <a href="https://github.com/erupts/erupt">Github 仓库</a> &nbsp; | &nbsp; 
    <a href="https://gitee.com/erupt/erupt">码云仓库</a> &nbsp; | &nbsp; 
    <a href="https://www.erupt.xyz" target="_blank"><b>🦅 官方网站</b></a> &nbsp; | &nbsp; 
    <a href="https://www.erupt.xyz/demo" target="_blank">在线体验</a> &nbsp; | &nbsp; 
    <a href="https://www.yuque.com/erupts" target="_blank"><b>📕 使用文档</b></a>
</p>

---

## ⛰ 环境搭建

在开始之前，请确保你的开发环境中包括 Node.js 和 npm 包管理器。

Angular 需要 Node.js 版本 22.0.0 或更高版本。

要检查你的版本，请在终端/控制台窗口中运行 node -v

## 🥌 使用方法

1. 安装 yarn
```shell script
npm install -g yarn
```

2. 构建：
```shell script
yarn install
```

3. 修改服务端地址
```
/proxy.config.js → host
```

4. 启动：
```shell script
yarn start
```


## 🍭 打包编译：
1. 修改 angular.json 打包路径：
> projects.architect.build.options.outputPath

2. 执行打包命令
```shell script
yarn run build
``` 

## 📟 核心技术栈

TypeScript / RxJS / Less / Angular / ng-zorro-antd / ng-alain

## 🏅 代码仓库 | Git Repository
| |  Github  | 码云 |
|  ---- |  ----  | ----  | 
| 后端源码 | https://github.com/erupts/erupt | https://gitee.com/erupt/erupt |
| 前端源码 | https://github.com/erupts/erupt-web | https://gitee.com/erupt/erupt-web |
| 示例代码 | https://github.com/erupts/erupt-example | https://gitee.com/erupt/erupt-example |

---