低代码平台集成能力之活字格插件实战解析

作者:互联网

2026-03-22

AI教程

在企业数字化转型浪潮中,低代码与传统开发相辅相成。通过可视化组件封装技术细节,开发者能聚焦业务逻辑创新,实现效率与灵活性的双重提升。

一、百度地图集成:从定位到业务应用

在燃气配送、广告业务线下拓客、考勤打卡等场景中,地理位置信息至关重要。例如:

  1. 燃气配送:登记客户地址并定位,方便配送员规划路线和导航
  2. 广告拓客:业务员扫街时记录客户位置,形成线索。

借助百度地图插件,可轻松实现坐标获取。

获取经纬度后,可通过逆地理编码接口转换为详细地址,并通过 JS API 回填到页面:

var myGeo = new BMapGL.Geocoder();myGeo.getLocation(new BMapGL.Point(Forguncy.CommandHelper.getVariableValue("经度"), Forguncy.CommandHelper.getVariableValue("纬度")), function (result) {    if (result) {        Forguncy.Page.getCell("LOCATION").setValue(result.address)    }});

此外,系统可支持"一键导航"功能,调用百度/高德地图等本地导航软件,进一步提升业务便捷性。

注意:在配送员掉起本地高德导航时,可通过坐标转换接口将BD09百度坐标系转换为高德GCJ-02火星坐标系经纬度。

var baidu = [Forguncy.Page.getCell("baidu_lng").getValue(),                 Forguncy.Page.getCell("baidu_lat").getValue()]; //var baidu = [116.4798674287,39.9989020876]AMap.convertFrom(baidu, "baidu", function (status, result) {  //status:complete 表示查询成功,no_data 为查询无结果,error 代表查询错误  //查询成功时,result.locations 即为转换后的高德坐标系  if (status === "complete" && result.info === "ok") {    let lng = result.locations[0].lng;    let lat = result.locations[0].lat;  }});

二、基于位置的数据筛选:附近客户查询

在拓客过程中,业务员常需要查看附近的已有客户。此时,可将客户经纬度存入数据库,并利用 Haversine 公式计算距离。以下为 MySQL 中的实现示例:

SELECT    `ID`,    `Name`,    `lng`,    `lat`,    -- 计算当前位置与客户位置的球面距离(单位:米)    6371000 * 2 * ASIN(        SQRT(            SIN(RADIANS((lat - @lat)/2)) * SIN(RADIANS((lat - @lat)/2)) +            COS(RADIANS(@lat)) * COS(RADIANS(lat)) *            SIN(RADIANS((lng - @lng)/2)) * SIN(RADIANS((lng - @lng)/2))        )    ) AS distance_mFROM `ad_customers_info`-- 筛选距离≤radius半径的客户HAVING distance_m <= @radius-- 按距离由近到远排序ORDER BY distance_m ASC;

通过"执行 SQL 命令"与"JSON 数据导入表格"功能,可快速实现附近客户的查询与展示。

三、HTTP 请求集成:对接海康云眸视频流

低代码平台常需与第三方系统集成,发送 HTTP 请求命令为此提供了强大支持。例如,对接 API 获取直播流地址:

  1. 接口:GET /api/yunmou/video
  2. 参数:deviceSerial(设备序列号)、channelNo(通道号)
  3. 返回:包含视频流地址的 JSON 对象

获取地址后,可通过HTML自定义集成插件嵌入视频播放页面,实现监控视频的实时展示。

四、MQTT 实时数据:物联网设备监控

在工业物联网场景中,常需接收设备上报的实时数据(如温度、压力)。通过 MQTT 客户端插件,可轻松连接服务器并订阅主题:

  1. 配置连接信息并订阅主题;

2.在消息回调中处理数据,如保存到数据表,前端表格定时刷新展示。

五、插件生态:开箱即用的扩展能力

市场上提供了数百个官方与社区开发的插件,涵盖地图、图表、数据处理、软硬件集成等各类场景,大大降低了复杂功能的实现门槛。

低代码技术通过模块化开发模式,将重复性工作转化为可复用组件,为业务创新提供了高效支撑。随着生态持续完善,这种开发范式将在企业数字化进程中发挥更大价值。

相关标签:

低代码 可视化 组件 插件 集成 业务