# cos-demo-ui

**Repository Path**: dmsite/cos-demo-ui

## Basic Information

- **Project Name**: cos-demo-ui
- **Description**: 一个基于 Ant Design Pro 初始化模版开发的快速整合腾讯云对象存储 COS 前端示例项目。
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: https://selftaught.site
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-29
- **Last Updated**: 2024-11-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: huya, demo

## README

# Cos Demo 前端

> 作者：[程序员虎牙](https://gitee.com/wanghuya)
> 开始时间：2024-10-28

基于 Ant Design Pro 初始化模版开发的示例项目。

[后端传送门](https://gitee.com/dmsite/cos-demo)

## 模板特点

### 主流框架 & 特性

+ Ant Design Pro 6.0.0
+ React 18.2.0
+ node 至少 16 版本及以上
+ antd 5.2.2
+ Type Script
+ 动态路由
+ Eslint
+ Prettier

### 架构

#### Umi

+ Node.js 前端开发基础环境
+ webpack 前端必学必会的打包工具
+ react-router 路由库
+ proxy 反向代理工具
+ dva 轻量级的应用框架
+ fabric 严格但是不严苛的 lint 规则集（eslint、stylelint、prettier)
+ Type Script 带类型的 JavaScript

#### 前端组件库

#### 简单好用的 React 图表库

#### 模板组件

+ ProLayout - 提供开箱即用的菜单和面包屑功能
+ ProCard - 提供卡片切分以及栅格布局能力

#### umi 插件

+ 内置布局
+ 国际化
+ 数据流

### 业务特性

+ 栅格布局（可自定义，可适应）
+ 默认使用 less 作为样式语言
+ OpenAPI 自动生成后端请求代码
+ 统一错误处理

## 业务功能

+ 提供 OpenAPI 后端接口自动生成
+ 文件上传和下载

## 效果图

![](doc/image7.png)

## 快速上手

1）下载依赖

```bash
npm install
```

2）生成 api

```bash
npm run openapi
```

3）启动项目

```bash
npm run dev
```

4）构建项目

```bash
npm run build
```