【搭建实战】智能营销系统 SCRM 搭建实战
原创
码匠是什么？
码匠是一款国内研发的开发者友好的低代码平台，您无需了解 React/Vue 等框架的开发、部署等各种细节，就可以快速打通前后端，连接 REST API、MySQL、MongoDB 等多种数据源，然后通过一套开箱即用的组件，轻松搭建功能完善的数据看板、数据洞察、Admin 管理后台等多种应用。
码匠主要面向国内用户，相较于国外开发的 Admin/CRM/CMS 等后台工具，码匠的 UI 界面设计更加适合国内业务场景。同时码匠整合了多款国内常见数据源，包括飞书、企业微信、钉钉、阿里云 OSS 等。不仅如此，码匠还一站式提供了企业内部系统常用的租户管理、细粒度的权限控制、审计日志等功能，让您快速搭建后台应用的同时，也为您的企业信息安全保驾护航。
使用码匠搭建智能营销系统
智能营销，即智能的营销，是将营销策略与互联网相融合而产生的一种新的营销概念。举个例子，为了保持客户粘性，某公司需要定期向客户群发新产品信息或优惠券信息，此时，一个用于创建、查询、管理用户触达的应用就是一种智能营销。
本篇文章码匠将带您快速搭建出一个智能营销后台，复现上述管理用户触达的应用，让工作变得更有效率。
一、 梳理需求
一个用户触达智能营销应用可能需要以下功能：
1. 新建一项纪录：点击新建按钮之后弹出对话框（Modal），让使用者可以选择不同渠道创建触达任务并进行配置；选择渠道后使用者便可以开始配置群发内容：
??在群发配置页面又包含三大板块：
- 筛选成员：
- 群发成员选择「指定发送」，点击「添加成员」按钮，选择需要群发的成员。
- 若企业需要发送全部员工，群发成员选择「全部发送」选项即可。
- 编辑群发内容：
- 在群发内容页面输入群发的标题之后，即可输入群发的具体内容，内容除了文本外，也支持添加附件，例如上传图片、视频、文件和链接。
- 群发设置：
- 编辑完群发内容后，需选择群发的类型，可设置「立即发送」或「定时发送」。群发设置完成之后，点击右下方的「发送」按钮，群发内容就会在设置时间里发送给员工。
2. 查找一项纪录：查询界面提供一系列查询选项，使用者可以选择至少完善一项信息后点击「查询」按钮。
3. 管理一项纪录：管理界面首先能查看历史记录，其次，下方的表格可以对每一项数据进行查看「详情」、查看「发送记录」、「暂停」任务的操作。
二、 开始搭建
在本例搭建中主要用到了下述组件：
- 文本（Text）
- 文本输入（Input）
- 按钮（Button）
- 表格（Table）
- 容器（Container）
- 对话框（Modal）
- 分割线（divider）
- 图片（Image）
- 日期（date）
- 单选（Radio）
- 富文本输入（Rich Text）
- 多项选择器（Multi Select）
- 文件上传（File）
步骤：
1. 根据需要拖拽右侧组件搭出应用框架，本例中码匠布局如下图，读者也可以根据美观和功能自己设计。
? 码匠使用小技巧： 在画布中拖拽组件时，其余组件的边框和排布会一并显示出来，如下图蓝色虚线所示，应用开发者可以利用该线条对齐组件、合理布局。
2. 修改组件的属性值填充细节，这里码匠修改了组件名称和一些组件外观上的设置，例如组件中文字的位置和对齐方式等。
? 码匠使用小技巧： 合适的组件名能让应用后续的修改更方便，左侧的数据浏览面板也能帮助您快速定位组件。
3. 选择合适的数据源进行设置：码匠将常见的几款数据库类型及 API 帮助开发者配置完成，开发者只需选择想要接入的数据类型，简单填写表单即可完成配置。
4. 创建查询并将查询结果和组件进行数据绑定，接下来补充一些事件触发逻辑，响应式交互让 UI 操作对用户更加友好，例如：对于下图对话框中的取消按钮，可设置单击后关闭该对话框：
? 码匠搭建应用常用步骤： 1. 快速连接数据源 & 创建查询
2. 确定组件布局并拖放组件，使用 JavaScript 表达式绑定数据
3. 设置查询和组件的事件触发，提供响应式 UI 交互
5. 应用至此就已搭建完成了，用户可以在右上角点击预览查看应用或点击权限邀请他人一起查看、编辑，还可以点击「···」选择发布或导出。下图展示了权限管理相关界面：
更多码匠模板参考及使用技巧
想要了解更多还请移步码匠官网（https://majiang.co/），码匠官网为您提供了海量的工作模板，可以服务于自媒体、风险投资、咨询、广告业、零售业、医疗等团队，您都可以免费选用。除此之外，若您在使用过程中遇到了问题也可以随时查看帮助文档或向客服寻求帮助。最后欢迎大家探索码匠～
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。