基于 React 拖动配置大屏的后台管理系统(开发中···)

large-screen-configuration 从零搭建基于 React 的大屏拖动配置管理系统，该平台是一个高效的拖拽式低代码数据可视化开发平台，将图表、页面元素、控件等封装为组件，由组件拼成微件，由微件拼成页面，由页面拼成项目，无需编写代码即可制作漂亮的大屏。 项目纯前端-Demo 地址：https://myfirebug.github.io/bigscreen/v2.0.0

欢迎star

技术栈

基于 react + react-dom + react-router-dom + antd + ES6 + scss，使用 webpack 打包

依赖安装、启动、打包

1.克隆项目：      git clone https://github.com/myfirebug/large-screen-configuration.git
2.安装nodejs
3.安装依赖：      npm install
4.启动服务：      npm run dev
5.发布代码：      npm run build

已完成页面

1. 登录页面开发

2. 首页开发

3. 组件列表开发

4. 微件列表开发

5. 微件配置开发

6. 页面模版列表

7. 页面模版配置

已完成的组件

类型	组件名称	组件名称	组件名称	组件名称	组件名称	组件名称	组件名称
文本	基础文本	带 ICON 文本	滚动消息	数字滚动	-	-	-
折线图	基础折线图	基础平滑折线图	基础面积图	折线图堆叠	堆叠面积图	垂直折线图	-
柱状图	基础柱状图	带背景色的柱状图	坐标轴刻度与标签对齐	圆角柱状图	纵向柱状图	堆积柱状图	渐变柱状图
饼图	基础饼图	基础南丁格尔图	环形图	圆角环形图	百分比图例饼图	-	-

主要依赖

名称	版本	名称	版本
react	18.2.0	react-dom	18.2.0
typescript	5.1.6	--	--
--	--	axios	1.4.0
cross-env	7.0.3	antd	5.23.1

开发环境

名称	版本	名称	版本
node	16.8.0	npm	7.21.0