低代码平台的集成能力:活字格插件应用实战

低代码开发与代码开发共存已成为企业数字化转型中的常态。作为一种长期发展的技术路径,低代码平台将常用功能封装为可视化组件,使开发者能够更专注于业务逻辑与页面设计,从而在提升效率的同时保持开发的灵活性。

发布于 2026/02/28 09:54

活字格

引言

低代码开发与代码开发共存已成为企业数字化转型中的常态。作为一种长期发展的技术路径,低代码平台将常用功能封装为可视化组件,使开发者能够更专注于业务逻辑与页面设计,从而在提升效率的同时保持开发的灵活性。

众所周知,低代码平台能显著提升开发效率、加速项目交付并支持快速迭代。这主要得益于两大优势:一是直观的可视化界面和拖拉拽的开发方式;二是丰富的预置组件与前后端命令,这些功能大多通过插件形式提供,开箱即用。本文将结合活字格平台,深入探讨如何借助其丰富的插件生态构建实际应用。

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

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

  • 燃气配送:登记客户地址并定位,方便配送员规划路线和导航

  • 广告拓客:业务员扫街时记录客户位置,形成线索。

    借助活字格的百度地图插件(百度地图 - 葡萄城市场),可轻松实现坐标获取。

img

获取经纬度后,可通过逆地理编码接口转换为详细地址,并通过活字格的 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_m
FROM `ad_customers_info`
-- 筛选距离≤radius半径的客户
HAVING distance_m <= @radius
-- 按距离由近到远排序
ORDER BY distance_m ASC;

在活字格中,可通过“执行 SQL 命令”(内置)与“JSON 数据导入表格”(JSON数据源 - 葡萄城市场)功能,快速实现附近客户的查询与展示。

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

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

  • 接口:GET /api/yunmou/video

  • 参数:deviceSerial(设备序列号)、channelNo(通道号)

  • 返回:包含视频流地址的 JSON 对象

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

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

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

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

    img

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

    img

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

葡萄城市场(葡萄城市场 - 连接合作伙伴、企业用户与个人开发者)上提供了数百个官方与社区格友开发的插件,涵盖地图、图表、数据处理、软硬件集成等各类场景,大大降低了复杂功能的实现门槛。

结语

低代码不是对传统开发的替代,而是与之互补的增效路径。通过组件化、可视化的方式,它让重复性工作得以沉淀,使开发者能更聚焦于业务创新与用户体验。而像活字格这样拥有丰富插件生态的平台,正成为企业实现快速数字化的重要推手。

未来,随着更多插件与集成能力的涌现,低代码将在业务系统中扮演更加核心的角色,支撑企业灵活、高效地应对变化。

活字格企业级低代码开发平台 | 下载试用

活字格 是葡萄城基于在专业控件领域 40 年的技术积累而推出的企业级低代码开发平台 ,由简单易用的可视化设计器和部署灵活的服务器构成,能帮助开发人员、IT 技术人员和业务人员快速构建美观易用、架构专业、安全可控的企业级多终端应用,并随需而变。活字格高度开放灵活,支持云部署和本地部署,能与微信、钉钉及各行业应用软件无缝集成,并可对接智能硬件、AI 等技术,全面支撑核心业务系统开发。

了解更多关于活字格企业级低代码开发平台内容,请点击此处访问官网,立即下载体验。

相关产品
推荐相关案例
推荐相关资源
关注微信
葡萄城社区二维码

关注“葡萄城社区”

加微信获取技术资讯

加微信获取技术资讯

想了解更多信息,请联系我们, 随时掌握技术资源和产品动态