# static-web

**Repository Path**: open-firmware/static-web

## Basic Information

- **Project Name**: static-web
- **Description**: OpenFirmware门户网站前端源码
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-10-14
- **Last Updated**: 2024-10-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# static-web

## 介绍

OpenFirmware网站介绍：固件联盟开源社区由固件产业创新技术联盟下属开源工作组创建。社区专注于固件技术的研究和分享，致力于打造一个自由平等活跃的固件开发者生态圈，通过开源互助的形式，共同推动国内固件技术的发展和创新。

### 软件架构

#### 前端架构

##### 开发环境

- IDE：VS CODE 1.67
- NODE：Node 14.5.x
- NPM：NPM 6.14.x

##### 技术选型

- 前端框架：Vue2.x
- 页面组件：Element 2.x
- 状态管理：Vuex 3.x
- 后台交互：axios 0.24.x

##### 项目结构

- api：接口
- assets：静态资源
- components：组件
- config：配置文件
- request：后台交互请求操作
- router：路由管理模块，负责页面间各个路由配置
- store：状态管理模块，提供组件间状态共享
- style：公共样式部分
- view：页面模块，主要放置各种页面视图组件


#### 安装教程

1.下载代码:
 `git clone https://gitee.com/open-firmware/static-web.git`

2.编译代码:
进入项目根目录，执行 `npm install` ，下载和安装项目相关的依赖包

3.启动项目:
执行 `npm run dev` 命令，通过 `http://127.0.0.1:8080/` 访问

4.项目打包:
执行 `npm run build` 命令，启动打包，完成之后会生成 dist 目录
具体的可以参考package.json文件里面的scripts配置，根据不同环境打包命令执行

5.修改配置:
通过修改 `src/config/config.js` 中的 `baseURL` 可以修改环境配置

### 系统展示

#### 首页

![输入图片说明](static/upload-img/01-home.png)

#### 邮件列表

![输入图片说明](static/upload-img/02-email-list.png)

#### 会议

![输入图片说明](static/upload-img/03-meeting-list.png)

#### 项目

![输入图片说明](static/upload-img/04-project-list.png)

#### FAQ

![输入图片说明](static/upload-img/05-FAQ.png)

#### 安全

##### 漏洞上报

![输入图片说明](static/upload-img/06-bugs-flow.png)

##### 漏洞列表

![输入图片说明](static/upload-img/07-cve-list.png)

#### 代码仓

一个跳转到代码仓的地址链接：<https://gitee.com/open-firmware>

### 参与贡献

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request

### 特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5. Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)