# FGB-ui

**Repository Path**: bazeyanken/fgb-ui

## Basic Information

- **Project Name**: FGB-ui
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-21
- **Last Updated**: 2026-01-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# FGB-ui

FGB-ui 是一个基于 Vue 3 和 Vite 构建的前端项目模板，旨在帮助开发者快速启动项目开发。该项目集成了现代 Web 开发所需的基础配置，适用于构建功能丰富的用户界面。

## 技术特点

- 基于 Vue 3 和 Vite，提供快速的开发体验。
- 使用 Axios 进行 API 请求封装，便于与后端服务交互。
- 包含多个常用页面模板和组件，如导航栏、登录、注册、用户管理、角色权限管理等。
- 支持响应式设计，适配不同设备。

## 推荐开发环境

### IDE 设置

- 推荐使用 [VS Code](https://code.visualstudio.com/)
- 安装 [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) 插件，并禁用 Vetur。

### 浏览器设置

- **基于 Chromium 的浏览器（Chrome、Edge、Brave 等）**：
  - 安装 [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
  - 启用 [Custom Object Formatter](http://bit.ly/object-formatters)
- **Firefox**：
  - 安装 [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
  - 启用 [Custom Object Formatter](https://fxdx.dev/firefox-devtools-custom-object-formatters/)

## 项目配置

如需自定义项目配置，请参考 [Vite 配置文档](https://vite.dev/config/)。

## 项目初始化

```sh
npm install
```

## 开发与构建

### 启动开发服务器（支持热更新）

```sh
npm run dev
```

### 构建生产环境版本

```sh
npm run build
```

## 项目结构概览

- `src/api/`：封装了与后端交互的 API 请求模块，包括用户、角色、权限、房间、传感器等接口。
- `src/components/`：包含可复用的 Vue 组件，如 `Navbar.vue`。
- `src/utils/`：工具函数，如 `auth.js` 提供 base64 解码功能。
- `src/view/`：页面组件，包含多个业务页面，如登录、注册、用户管理、房间管理等。
- `src/router/index.js`：Vue Router 配置，定义了页面路由。
- `src/axios/request.js`：Axios 实例封装，用于统一处理请求和响应。
- `src/main.js`：项目入口文件，初始化 Vue 应用并挂载路由。

## 适用场景

该项目适用于需要快速搭建 Vue 3 前端界面的场景，尤其适合需要与 RESTful API 交互的管理系统类应用，如养老院管理系统、权限管理系统等。

## 贡献指南

欢迎贡献代码或提出建议！请遵循以下步骤：

1. Fork 项目仓库。
2. 创建新分支 (`git checkout -b feature/your-feature-name`)
3. 提交更改 (`git commit -am 'Add some feature'`)
4. 推送分支 (`git push origin feature/your-feature-name`)
5. 提交 Pull Request

## 许可证

本项目采用 MIT 许可证。详情请参阅 [LICENSE](LICENSE) 文件。