一、背景
PagePlug是Appsmith中国化项目,一款面向研发开发使用、开源的、前后端一体的低代码工具,拥有强大的可视化建模、数据库和API集成能力,目前已有将近超千家企业将PagePlug低代码开发工具融入内部研发体系,相较于传统的产研开发,使用PagePlug可大幅提升研发效率,节省项目迭代维护成本。更多介绍可点击下方文章查阅:
当前,企业内部都有在广泛使用市面上的SaaS营销工具,如有赞、微伴助手等。然而,在使用这些SaaS工具时,企业常常面临个性化功能无法实现的问题,并且对这方面的需求呈现明显增长的趋势。作为一款强大的低代码开发工具,PagePlug不仅能够开发类似的功能应用,还可以通过API接口与有赞、企微助手等SaaS工具实现数据交互和功能扩展
-
利用PagePlug低代码平台,企业能够快速开发符合自身需求的内部工具,并且能够满足个性化功能的定制化要求。而与有赞、企微助手等SaaS工具的API接口集成,使得企业可以轻松实现数据的交换和流程的协同,企业能够拓展功能、增强应用的灵活性,满足特定业务需求。
-
PagePlug提供多种API、数据库的连接方式,数据不在工具平台上存储,从而大大提升了数据安全性
本次案例以目前头部的在线教育公司为例子,通过PagePlug企业版来开发运营部门常用企业微信定时群发工具,并可以根据企业内部业务需求,自行进行功能开发客户资产管理、线索数据管理、数据分析等(后续案例再逐步更新)
二、实战教程
2.1 前置准备
-
新建一个数据库,在数据库中创建两张表(一张为获取企业微信用户表、一张为获取推送消息记录表)
-
需要在企业微信管理后台,获取到企业的ID、AgentID、Secret信息
-
部署PagePlug企业版,本次案例需要用到企业版中的部分功能
2.2 配置企业微信api
- 在左侧菜单栏中,选择添加数据源,选择企业微信图标
-
将企业微信对应的Corp ID、AgentID、Secret填写进去,可以点击左下角的测试,连通了之后点击保存
2.3 配置PagePlug
-
我们可以新建一个应用组,例如起个名称叫:运营—企微工具,新建一个桌面(PC)应用
-
在画布中可以拖入三个输入框组件(Input1、Input2、Input3),分别为客户姓名、客户等级、地区,用于后续筛选表格的信息内容(也可以替换成树形单选组件来进行筛选选择)
-
新建一个MySQL查询(这段代码主要实现模糊查询的功能),名称为:Get_customers,查询语句如下:
SELECT * FROM customers
WHERE name LIKE {{'%' + Input1.text + '%'}}
AND grade LIKE {{'%' + Input2.text + '%'}}
AND city LIKE {{'%' + Input3.text + '%'}}
-
三个输入框(Input1、Input2、Input3)的OnTextChanged事件都绑定Get_customers查询
-
拖入一个表格组件(Table1),主要用于获取数据库中企业微信用户的表,并将Get_customers查询的结果绑定到表格上
-
拖入一个输入框组件(Input4),在右侧选项中,数据类型我们可以选择为【多行文本】,后续用于企业微信信息内容的发送(也可以用富文本组件来实现)
-
拖入一个日期选择器组件(DatePicker1)和按钮组件(Button1),后续用于选择特定的时间,进行文本信息的推送
-
新建一个MySQL查询,用于向数据库的表中插入特定的字段数据,名称为:Insert_logs(如果要调用组件的属性,记得关闭下预查询),查询语句如下:
INSERT INTO insertPushLog(name, grade, city, nickname, is_read, push_success, message_content, push_time)
VALUES {{Table1.tableData.map(row => `(
"${row.name}",
"${row.grade}",
"${row.city}",
"${row.nickname}",
1,
1,
"${Input4.text}",
"${new Date().getFullYear()}-${new Date().getMonth() + 1}-${new Date().getDate()} ${new Date().getHours()}:${new Date().getMinutes()}"
)`).join(',')}}
-
PagePlug已支持企业微信多个api的使用,新建一个使用消息推送—发送应用消息的文本信息api,并且命名为(SeedMessage)
-
配置信息具体如下:
{
"touser" : "{{Table1.tableData.map(user => user.wecom_id).join("|")}}",
"msgtype" : "text",
"agentid" : ,
"text" : {
"content" : "{{Input5.text}}"
},
"safe":0,
"enable_id_trans": 0,
"enable_duplicate_check": 0,
"duplicate_check_interval": 1800
}
-
在左侧菜单栏中,新建一个JS对象(这段代码主要通过日期选择器实现定时发送消息的功能),并命名为:DelayPushMessage,代码如下:
export default {
sendMessage() {
const targetDate = new Date(DatePicker1.formattedDate).getTime(); // 目标日期和时间
console.log(targetDate);
const currentTime = new Date().getTime(); // 当前时间
console.log(currentTime);
const timeDifference = targetDate - currentTime; // 计算时间差
console.log(timeDifference);
if (timeDifference > 0) {
setTimeout(function() {
{{SendMessage.run().then(()=>{
showAlert('消息发送成功', 'success');
Insert_logs.run().then(() => {
showAlert('success');
}).catch(() => {
showAlert('消息发送失败', 'error')
})
})}}
},timeDifference)
} else {
showAlert('输入时间无效');
}
-
之后就可以试下在应用中设定一个时间,推送消息
2.4 配置信息记录后台页面
-
接下来将搭建一个企业微信发送消息查询页面
-
同样的,我们可以拖入一个容器组件,在里面拖入三个输入框组件(Input1、Input2、Input3),文本内容分别为:是否推送、是否已阅、推送消息,如下图所示:
-
新建一个MySQL查询(这段代码主要实现基于输入框输入的内容进行模糊查询),名称为:Get__logs,查询语句如下:
SELECT * FROM insertPushLog
WHERE push_success LIKE {{'%' + Input1.text + '%'}}
AND is_read LIKE {{'%' + Input2.text + '%'}}
AND message_content LIKE {{'%' + Input3.text + '%'}}
-
三个输入框(Input1、Input2、Input3)的OnTextChanged事件都绑定Get_customers查询
-
添加表格组件(Table1),并在数据中绑定Get_logs查询:
-
可以实现页面筛选企业微信推送发消息的详细情况
当然我们可以根据业务的需要和需求,将输入框组件替换成下拉单选组件进行筛选,可以自行尝试拓展~~
接下来将会分享更多PagePlug企业客户内部工具应用的搭建案例(客户资产管理、线索数据管理、数据分析),内部应用的快速搭建使用,能够避免将数据与SaaS平台深度捆绑,保障企业数据安全,且可根据业务的需求自行灵活搭建搭配
三、其他相关案例
-
工程管理系统:优化数据源信息内容及审批流程
线上体验地址:工程管理系统
-
跨境电商仓库管理系统案例:该系统允许用户管理多个仓库的产品和库存、以及跟踪供应商产品和管理供应商
线上体验地址:跨境电商仓库系统
四、企业版的介绍
如果想了解PagePlug企业版/商业版的价格及更多功能,可放大下方图片查看
对PagePlug上一些功能使用讲解及介绍,可以点击下方文章查看
1、PagePlug开源低代码融合工作流开发教程——保姆级实战开发
PagePlug开源低代码融合工作流开发教程——保姆级实战开发-CSDN博客文章浏览阅读70次。PagePlug是一款面向研发开发使用、开源的、前后端一体的低代码工具,拥有强大的可视化建模和API集成能力,支持与工作流的融合,实现更强大的企业应用开发https://blog.csdn.net/AppsmithCN/article/details/1343179612、Formily开发实战——3分钟完成一个登录页的开发,Formily表单与PagePlug低代码的完美融合
3、国内优秀的开源低代码框架:PagePlug,面向研发使用,拒绝重复、低价值的工单循环开发
4、保姆级低代码实战教程——玩转PagePlug表格开发,增删改查分页如此简单
保姆级低代码实战教程——玩转PagePlug表格开发,增删改查分页如此简单_帆软对数据增删改查_PagePlug的博客-CSDN博客面向研发使用的低代码,比低代码区别很大的,相较于轻流、简道云、轻宜搭、微搭、帆软、活字格等等的低代码灵活性及维护更好_帆软对数据增删改查https://blog.csdn.net/AppsmithCN/article/details/131210730https://blog.csdn.net/AppsmithCN/article/details/131210730https://blog.csdn.net/AppsmithCN/article/details/1312107305、PagePlug:低代码平台入门教程—10分钟搭建一个用户改查系统
6、PagePlug低代码入门教程——与Websocket的集成
7、B站上也有一些案例教程,欢迎查看研究~~
欢迎点赞、收藏、喜欢三连鼓励下哟 ,避免找不到文章啦