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