# DC-webui

**Repository Path**: OrgDoer/dc-webui

## Basic Information

- **Project Name**: DC-webui
- **Description**: OpenBMC webui模块，汉化、排版美化，bug修复等
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2024-02-26
- **Last Updated**: 2025-09-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# webui-vue

webui-vue 是基于 [Vue.js](https://vuejs.org/) 构建的 OpenBMC 固件堆栈的基于 Web 的用户界面。

# 如何调试

首先将项目克隆到Linux系统，然后进入项目主目录：

### 前提

**1.安装npm和node(推荐安装新的)**

```
sudo apt install npm
```

**2.安装yarn**

```
sudo npm install -g yarn
```

**3.创建文件`.env.development.local`**
写入内容,BASE_URL是前端服务重定向的地址
```
BASE_URL="https://172.31.x.x"
```
### 运行
**1.安装node_modules**
```
yarn install
```

**1.安装node_modules**
```
npm run serve
```

# 详细描述

## phosphor-webui 发生了什么？

[phosphor-webui](https://github.com/openbmc/phosphor-webui) 基于 AngularJS 构建，
并且 [AngularJS 已于 2021 年 6 月 30 日结束生命周期](https://www.convective.com/angularjs-end-of-life/)。
这个仓库是它的替代品。

## 这个新的 Vue.js 应用程序何时能够与 phosphor-webui 达到功能对等？

一些功能仍然保持对等，大多数是次要功能。请参阅 [GitHub Issues 标签: phosphor-webui-feature-parity](https://github.com/openbmc/webui-vue/issues?q=is%3Aissue+is%3Aopen+label%3Aphosphor-webui-feature-parity) 查看完整列表。

## webui-vue 有哪些改进？

如前所述，此应用程序使用 Vue.js 构建，这是一个现代的开源 Model-View-ViewModel JavaScript 框架，
由活跃的社区和强大的文档支持。它被架构为允许组织轻松更新主题以支持其品牌。
这个重写利用了前端开发的最佳实践，并且不受 phosphor-webui 中存在的一些反模式的困扰。

## 我应该从 phosphor-webui 切换到 webui-vue 吗？

建议如果你还没有切换，请从 phosphor-webui 切换。

- [提交将几个系统移至 webui-vue](https://github.com/openbmc/openbmc/commit/4a3fa4d6d865b46ba54f2652c82f58a406455ebc)
- [关于 webui-vue 成为标准的讨论](https://lists.ozlabs.org/pipermail/openbmc/2020-September/023160.html)

webui-vue 具有以下额外功能：

- 能够轻松进行主题设置以符合品牌指南
- 辅助功能
- 完整的 Redfish
- 根据用户反馈改进的用户体验
- 支持语言翻译
- 具有活跃社区和未来发展路线图的现代前端框架

## 我如何参与？

- 访问 [CONTRIBUTING.md](CONTRIBUTING.md) 以获取有关如何贡献代码的更多信息
- 在 [Gerrit](https://gerrit.openbmc-project.xyz/q/project:openbmc%252Fwebui-vue+status:open) 中审查一些代码
- 加入我们在 [GUI 设计工作组会议](https://github.com/openbmc/openbmc/wiki/GUI-Design-work-group)。

## 文档

有关编码标准和组件的文档位于 `docs` 目录中。它使用 [VuePress](https://vuepress.vuejs.org/) 静态站点生成器创建。关于如何撰写文档的信息可以在 [VuePress 网站](https://vuepress.vuejs.org/) 上找到。