一、技術(shù)特點(diǎn)
fastbee-view是一個(gè)高效低代碼的可拖拽式可視化平臺(tái)，圖表或頁面元素已封裝為基礎(chǔ)組件，無需編寫代碼即可快速完成會(huì)議展覽、業(yè)務(wù)監(jiān)控、風(fēng)險(xiǎn)預(yù)警等多業(yè)務(wù)需求。- 技術(shù)棧為：Vue3 + TypeScript4 + Vite2 + NaiveUI + ECharts5 + Axios + Pinia2 + PlopJS
- 使用流程：新建項(xiàng)目-->可以點(diǎn)擊上方編輯名稱-->盡情發(fā)揮拖拉拽編輯頁面-->保存(60s自動(dòng)保存/手動(dòng)保存)-->預(yù)覽-->發(fā)布（生成地址）
二、項(xiàng)目運(yùn)行
修改配置
- 修改根目錄的
.env.development文件，配置后端接口地址
# 后端接口地址
VITE_DEV_PATH = 'http://localhost:8080'安裝依賴
- 安裝依賴，建議使用 pnpm，避免不必要的依賴安裝報(bào)錯(cuò)（node 版本 16.14 以上，推薦使用v16.14.2）
# 安裝 pnpm
npm install -g pnpm# 安裝項(xiàng)目依賴
# pnpm（建議使用nrm切換到淘寶源 https://registry.npmmirror.com/）
pnpm install
# pnpm使用國內(nèi)鏡像源
pnpm install --registry=https://registry.npmmirror.com
# npm
npm install
# yarn
yarn install啟動(dòng)項(xiàng)目
# pnpm
pnpm dev
# npm
npm run dev
# yarn
yarn dev
# makefile
make dev# 參考外鏈地址：
https://iot.m.btsdy.com/view/#/project/items三、接口說明
項(xiàng)目列表 GET /goview/project/list
新增項(xiàng)目 POST /goview/project
保存項(xiàng)目內(nèi)容 POST /goview/project/save/data
修改項(xiàng)目基礎(chǔ)信息/修改發(fā)布狀態(tài) PUT /goview/project/
刪除項(xiàng)目 DELETE /goview/project/{ids}
上傳文件接口 /goview/project/upload
獲取項(xiàng)目 GET /goview/project/getData 此接口涉及到預(yù)覽，所以前后端白名單放行四、菜單添加
提示
FastBee商業(yè)版本，有系統(tǒng)內(nèi)置大屏，同時(shí)可以使用可視化平臺(tái)，通過添加菜單方式訪問整合到物聯(lián)網(wǎng)平臺(tái)
- 固定大屏展示菜單
系統(tǒng)管理 -> 菜單管理 -> 新增
上級(jí)菜單：數(shù)據(jù)可視化
菜單類型：菜單
菜單圖標(biāo)：monitor
菜單名稱：大屏展示
是否外鏈：是
顯示排序：1
路由地址：https://iot.m.btsdy.com/bigScreen # iot.m.btsdy.com 改為自己服務(wù)器的地址
是否緩存：緩存
顯示狀態(tài)：顯示
菜單狀態(tài)：正常- 可視化平臺(tái)菜單
系統(tǒng)管理 -> 菜單管理 -> 新增
上級(jí)菜單：數(shù)據(jù)可視化
菜單類型：菜單
菜單圖標(biāo)：monitor
菜單名稱：大屏展示
是否外鏈：是
顯示排序：2
路由地址：https://iot.m.btsdy.com/view # iot.m.btsdy.com 改為自己服務(wù)器的地址
是否緩存：緩存
顯示狀態(tài)：顯示
菜單狀態(tài)：正常五、pnpm安裝配置
1. 安裝 pnpm
npm install -g pnpm
2. 安裝 nrm
npm install -g nrm
3. 使用 nrm 添加阿里鏡像
nrm add taobao https://registry.npmmirror.com/
4. nrm 查看鏡像列表
nrm ls
5. nrm 應(yīng)用對(duì)應(yīng)鏡像
nrm use taobao六、常見問題
- 運(yùn)行nrm ls時(shí)出現(xiàn)錯(cuò)誤：const open = require('open')問題
再下載一個(gè)open包：npm i nrm -g open@8.4.2 --save 再次執(zhí)行：nrm ls
- nodejs內(nèi)存泄露
可以用node -e 'console.log(v8.getHeapStatistics().heap_size_limit/(1024*1024))' 查詢內(nèi)存可以設(shè)置為更高的值：export NODE_OPTIONS="--max-old-space-size=8192" , 值可選：[2048, 4096, 8192, 16384]