01.可视化大屏简介
# 🏆简搭云可视化大屏设计：高效、灵活、全面
简搭云可视化大屏设计器是一款功能强大、灵活易用的数据可视化工具，专为高效展示复杂数据而设计。集成2万+ ECharts组件、全国41636个乡镇地图GeoJson、DataV组件及20个Canvas动画背景，采用Element UI框架开发，支持在线设计、源码下载与二次开发，满足多样化需求。
# 核心优势：
海量组件，轻松上手
内置2万+ ECharts组件，无需深入掌握ECharts技术，即可快速创建各类统计报表与数据图表。全国地图全覆盖
独家提供全国41636个乡镇地图GeoJson，覆盖34个省、344个市、3020个区县，满足精细化地理数据展示需求。界面优雅，体验流畅
仿阿里DataV风格设计，界面大气美观，操作流畅，提升用户视觉与交互体验。动态渲染，灵活扩展
基于Vue源码动态渲染，支持在线设计、本地下载与二次开发，为数据动态绑定与功能扩展提供强大支持。离线部署，安全可靠
支持大屏设计源码本地下载，实现离线部署，保障数据安全与系统稳定性。
# 适用场景：
- 数据监控与指挥中心
- 企业数据可视化展示
- 政府与公共信息平台
- 教育与科研数据呈现
简搭云可视化大屏设计器，以高效、灵活、全面的特性，助力用户轻松打造专业级数据可视化大屏。
# 相关文档和体验地址：
文档地址：http://doc.kyform.cn/ (opens new window)
设计地址：http://bg.kyform.cn/ (opens new window)
体验例子：http://doc.kyform.cn/bigtemplatelist (opens new window)
所有例子本地下载部署地址 https://gitee.com/liuyaping007/bigWeb (opens new window)
3D例子：http://doc.kyform.cn/three3d (opens new window)
# 简搭云可视化大屏使用指南
# 第一步：注册账号
- 打开简搭云官网 (opens new window)，点击“注册”按钮。
- 填写邮箱、密码等信息，完成注册并登录。
# 第二步：在线设计
- 登录后，进入“我的大屏”模块。
- 选择从"大屏市场"复制模板或从零开始设计，拖拽组件进行布局和配置。
# 第三步：下载本项目
- 设计完成后，点击“下载大屏源码”和“下载资源文件”按钮，
# 第四步：拷贝到对应文件夹中
- 将下载的大屏源码解压到项目工作目录的view文件夹。
- 将下载资源文件解压到项目工作目录的public文件夹
# 第五步：配置路由
- 打开项目中的路由配置文件（
router/index.js）。 - 根据项目需求，配置页面路由。
# 第六步：运行
- 打开终端，进入项目目录。
- 运行
npm install安装项目依赖，一直卡死安装不了问题解决，可以先执行npm config set strict-ssl false然后安装就ok了 - 运行
npm run serve启动本地开发服务器，查看效果。 - 开发完成后，运行
npm run build编译打包项目，生成部署文件。
按照以上步骤，你就可以轻松使用简搭云创建并本地离线运行可视化大屏项目了！
# 若依前后端分离版本集成本项目的步骤
# 第一步：下载若依分离版本前端代码 下载地址：若依前后端分离版本 (opens new window)
# 第二步：先拷贝本项目的“src\components”下的所有文件 复制到若依框架的“src\components”目录中。
# 第三步：打开若依前端的src/main.js 文件复制如下代码：
import dataV from "@jiaminghi/data-view";
import bgkyform from "bgkyform-ui";
import "bgkyform-ui/bgkyform-ui.css"; // 引入打包后的组件库
import myechart from "@/components/echart/index.vue";
import baseechart from "@/components/echart/baseechart.vue";
Vue.use(dataV);
Vue.use(bgkyform);
Vue.component("myechart", myechart);
Vue.component("baseechart", baseechart);
2
3
4
5
6
7
8
9
粘贴到src/main.js 文件中