# SmartCanvas-frontend

**Repository Path**: colablack/smart-canvas-frontend

## Basic Information

- **Project Name**: SmartCanvas-frontend
- **Description**: AI智能数据分析前端项目
- **Primary Language**: Unknown
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-11-22
- **Last Updated**: 2024-11-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# SmartCanvas-frontend

#### 介绍

SmartCanvas-frontend 是 智绘蓝图 的前端项目，主要负责处理和用户交互相关的功能，并与后端项目 SmartCanvas-backend 进行数据交互。
智绘蓝图是一个使用ai进行可视化分析的网站。你可以通过它快速的制作自己的可视化分析图表，并将其分享给其他人。

支持以同步的方式提交，也可以使用异步的方式提交分析信息。异步的方式可以提高用户体验。

#### 技术栈

- phaser.js 进行页面小游戏游戏开发
- 基于ant design pro进行二次开发
- 使用react开发
- 使用ant design ui组件库
- 使用umi.js/openapi快速生成api接口
- 使用typescript进行代码编写，提高代码质量

#### 安装教程

1. 克隆本仓库
2. 安装依赖
3. 配置后端地址
4. 启动项目

#### 页面展示

1. 数据提交页面
   ![数据提交页面](https://2f7171c5.cloudflare-imgbed-bo7.pages.dev/file/1732497426918_同步提交.png)
2. 历史记录页面
   ![历史记录页面](https://2f7171c5.cloudflare-imgbed-bo7.pages.dev/file/1732497424761_历史记录.png)
3. 小游戏页面
   ![小游戏页面](https://2f7171c5.cloudflare-imgbed-bo7.pages.dev/file/1732497426104_小游戏.png)
4. 用户管理页面
   ![用户管理页面](https://2f7171c5.cloudflare-imgbed-bo7.pages.dev/file/1732497433409_用户管理.png)
5. 欢迎页面
   ![欢迎页面](https://2f7171c5.cloudflare-imgbed-bo7.pages.dev/file/1732497431280_欢迎页.png)
6. 登录\注册页面
   ![登录\注册页面](https://2f7171c5.cloudflare-imgbed-bo7.pages.dev/file/1732497434897_登录注册.png)
7. 404和无权限页面为ant design pro默认页面

#### 参与贡献

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

#### 友情连接

- [后端项目gitee地址](https://gitee.com/colablack/smart-canvas-backend)
- [后端项目github地址](https://github.com/ColaBlack/smartCanvas-backend)
- [我的个人文档](https://colablack.github.io/)
- 知乎搜索半名浮生 / CSDN搜索生半名浮 / B站搜索名浮半生 就能找到我哦