# vizzy
## 前言
提到数据大屏，通常大家的印象就是各种图表、表格的数据展示，然后不断地轮询后端接口。对于前端开发者来说，更多的关注点在于布局问题、图表的兼容性问题以及窗口变化后图表样式问题。对于后端来说，主要考虑的是如何在不断的请求中减轻服务器的压力。
但实际上，数据大屏的需求还远不止于此：
前端发布后应当可以作为应用直接运行，而不需要手动输入地址进行预览。
需要减轻服务器的压力，避免频繁的数据请求。
当前后端任何一方或双方都离线的情况下，数据仍能正常运行。
需要日志的存储，以便随时查看问题。
需要调用系统的能力和跨域调用API，以增加数据展示的灵活性。
## 解决方案
我采用了GO和lorca的方式来解决以上问题：
## Feature
* 打包体积轻量，仅20MB。
* 使用无头浏览器lorca，可自定义Chrome和JavaScript之间的交互。
* 支持交叉编译到Windows和Mac系统。
* 离线状态下也可以正常运行。
* 可以运行本地服务，减轻服务器压力。
* 编译速度快，运行性能优秀。
## 依赖项
该项目的依赖项如下：
* Go 1.20+
* node 14.8+
## 整体方案
## demo
下载对应的安装包
https://github.com/ICEPepsiCola/vizzy/releases
## 安装
1. windows请切换到msys分支
2. git clone
3. cd frontend && yarn
4. 安装完成后，打开终端并运行以下命令：
```bash
./start.sh
```
## 发布
```bash
./build.sh
```
## 目录结构
```text
.
├── README.md
├── bootstrap 启动程序
├── build.sh 生产构建脚本
├── common 公共模块
├── dao
├── dto
├── entity
├── frontend 前端
├── go.mod
├── go.sum
├── job 定时任务
├── lorca
├── main.db
├── main.go
├── resources 前端生产包
├── service 接口
├── start.sh 开发环境构建脚本
└── build.sh 生产环境构建脚本
```
## why go？
## Go组件库
| 特性 | 地址 |
|--------|--------------|
| gin | web服务 |
| gorm | ORM（对象关系映射）库 |
| sqlite | 数据库 |
| cron | 定时器 |
| lorca | 无头浏览器 |
| gzip | gzip |
| logrus | 日志 |
## JS组件库
| 特性 | 地址 |
|-----------------------|-------|
| vite | 打包工具 |
| react | spa |
| echarts | 图表 |
| rc-table | 表格 |
| react-use | hooks |
| @tanstack/react-query | 数据管理库 |
| axios | 请求 |
## 日志
开发环境输出在控制台
生产环境输出在app.log
数据可视化大屏展示.zip （72个子文件） 
vizzy-main 
go.mod 2KB go.sum 13KB bootstrap sqlite.go 642B cron.go 277B bootstrap.go 3KB frontend tsconfig.node.json 184B src pages page-5.tsx 1KB page-2.tsx 597B page-6.tsx 1KB page-3.tsx 596B page-4.tsx 596B page-1.tsx 690B page-0.tsx 4KB App.less 649B assets dark.json 6KB main.tsx 231B App.tsx 2KB utils request.ts 487B components Box.tsx 880B hook usePollingQuery.ts 1KB vite-env.d.ts 38B package.json 757B public 
vite.svg 1KB package-lock.json 66KB vite.config.ts 163B
index.html 354B .gitignore 253B tsconfig.json 559B README.md 274B dao page3.go 349B page5.go 637B page2.go 349B page4.go 349B page1.go 349B lorca chrome_test.go 3KB chrome.go 13KB fs.go 3KB value.go 1KB export.go 2KB locate.go 2KB locate_test.go 256B value_test.go 1KB messagebox.go 891B messagebox_windows.go 502B ui.go 5KB ui_test.go 4KB
wonderful-go.png 481KB start.sh 488B service page3.go 311B page5.go 304B page2.go 311B page0.go 273B page4.go 311B page1.go 544B job page3.go 728B page5.go 933B page2.go 1KB page4.go 726B page1.go 3KB common route.go 527B jsonHelper.go 609B entity page3.go 2KB page5.go 217B page2.go 2KB page4.go 2KB page1.go 2KB dto page1.go 969B .gitignore 503B README.md 3KB build.sh 1KB desgin.png 19KB main.go 959B资源评论
