18610965287/IOT - vue-dataview/README.md at master - IOT

3.0 KiB

Raw Permalink Blame History

总览

fastbee-view是基于GoView二次开发的低代码可视化平台，图表或页面元素封装为基础组件，无需编写代码即可完成业务需求，项目已经获得GoView的商用授权。

技术栈为：Vue3 + TypeScript4 + Vite2 + NaiveUI + ECharts5 + Axios + Pinia2 + PlopJS

使用流程：新建项目-->可以点击上方编辑名称-->尽情发挥拖拉拽编辑页面-->保存(60s自动保存/手动保存)-->预览-->发布（生成地址）

注：建议使用pnpm下载依赖和打包，npm有时候会有部分依赖下载不成功到时打包失败。

项目运行和部署

1.修改根目录的 `.env.development` 文件，配置后端接口地址

# 后端接口地址
VITE_DEV_PATH = 'http://localhost:8080'

2.修改完成后，开始安装依赖，建议使用 pnpm，比较快

# 安装 pnpm 
npm install -g pnpm

# 安装项目依赖

# pnpm（建议使用nrm切换到淘宝源 https://registry.npmmirror.com/）
pnpm install

# npm
npm install

# yarn
yarn install

3.启动项目

#pnpm
pnpm dev

# npm
npm run dev

#yarn
yarn dev

#Makefile
make dev

4.编译

#pnpm
pnpm run build

# npm
npm run build

#yarn
yarn run build

#Makefile
make dist

5.部署：

Nginx配置文件中添加location ，切记不要用重复的匹配关键词，编译的文件上传到 /var/data/nginx/view/ 目录下

  location ^~/view/ {
    alias /var/data/nginx/view/;
    index  index.html;
    try_files $uri $uri/ /index.html last;
  }

部署完访问地址： https://[域名]/view/ ，也可以通过在系统中添加外链菜单

# 参考外链地址：
https://iot.fastbee.cn/view/#/project/items

二次开发说明

登陆、退出、获取用户信息适配物美后台统一接口，拦截器调整
修改上传文件功能：原项目是上传到minio服务(oss),现在直接融合到wumei-smart项目中，一个大屏固定一张预览图
大屏业务数据字段微调，对应后台代码基础代码微调
所有的接口地址位置：src\api\path\*
- 系统登陆相关 system.api ===> 对应物美系统的接口
- 项目相关：project.api ===> com.ruoyi.iot.controller.GoviewProjectController
项目使用接口列表如下：

项目列表 GET  /goview/project/list
新增项目 POST  /goview/project
保存项目内容 POST /goview/project/save/data
修改项目基础信息/修改发布状态  PUT  /goview/project/
删除项目 DELETE /goview/project/{ids} 
上传文件接口  /goview/project/upload
获取项目 GET /goview/project/getData 此接口涉及到预览，所以前后端白名单放行

更新记录

2022-12-22 更新到go-view基础版本2.1.3
2023-05-30 更新到go-view基础版本2.2.3 [PS:版本依赖更新较大，建议删除依赖并且重新intsall项目]
2023-12-28 更新到go-view基础版本2.2.7 [PS:有新依赖，建议删除依赖并且重新intsall项目]

3.0 KiB Raw Permalink Blame History

总览