共计 1842 个字符，预计需要花费 5 分钟才能阅读完成。
码匠是什么？
码匠是一款国内研发的开发者敌对的低代码平台，您无需理解 React/Vue 等框架的开发、部署等各种细节，就能够疾速买通前后端，连贯 REST API、MySQL、MongoDB 等多种数据源，而后通过一套开箱即用的组件，轻松搭建功能完善的数据看板、数据洞察、Admin 治理后盾等多种利用。
码匠次要面向国内用户，相较于国外开发的 Admin/CRM/CMS 等后盾工具，码匠的 UI 界面设计更加适宜国内业务场景。同时码匠整合了多款国内常见数据源，包含飞书、企业微信、钉钉、阿里云 OSS 等。不仅如此，码匠还一站式提供了企业外部零碎罕用的租户治理、细粒度的权限管制、审计日志等性能，让您疾速搭建后盾利用的同时，也为您的企业信息安全保驾护航。
应用码匠搭建好友裂变平台
现如今社会上的产品营销竞争十分激烈，为了吸引用户，不少商家都抉择通过在大家罕用的微信平台上发展流动、进行产品营销。于是便有了好友裂变的概念：商家通过各种优惠活动吸引用户增加企业微信客服为好友，这些已增加的用户同样也能够成为流动发起者，通过专属海报将该商家分享给其余用户，帮忙推广，与此同时分享海报的用户也会失去相应的处分。
本期 How To 系列，码匠将率领大家搭建一个好友裂变平台，心愿对您的工作有所帮忙。
一、梳理需要
一个好友触达平台可能须要以下性能：
1. 新建一个裂变流动：点击新建好友裂变按钮将弹出一个对话框，在该对话框内次要是进行好友裂变的流动规定设置，包含根底设置和流动邀请内容设置。
在实现该局部设置之后点击下一步按钮。将会跳转至发起者规定设置。该页面即为已增加企业微信的用户设置处分规定，让这些用户也能成为流动发起人以触发更多裂变。
2. 查找裂变流动：用户能够通过左上角的查找选项进行查找，至多补充一项内容即可点击查问按钮。
3. 治理裂变流动：首先是右上角的饼状图，该图能够对活动状态进行实时预览，数据获取自下方的表格；其次，在下方表格中具体列出了每一项流动的具体信息，其中「状态」列反对排序，不便疾速筛选，「操作」列也有查看具体数据、推广、编辑等选项。
二、开始搭建
在本例搭建中次要用到了下述组件：
- 按钮 (Button)
- 图表 (Chart)
- 容器 (Container)
- 日期 (Date)
- 日期范畴 (Date Range)
- 分割线 (Divider)
- 文件上传 (File)
- 文本输出 (Input)
- 对话框 (Modal)
- 数字输出 (Number Input)
- 单选 (Radio)
- 表格 (Table)
- 选择器 (Select)
- 文本 (Text)
- 多行输出 (Text Area)
步骤：
1. 依据须要拖拽右侧组件搭出利用框架，本例中码匠布局如下图，读者也能够依据好看和性能本人设计。
💡 码匠应用小技巧：
在画布中拖拽组件时，其余组件的边框和排布会一并显示进去，如下图蓝色虚线所示，利用开发者能够利用该线条对齐组件、合理布局。
2. 批改组件的属性值填充细节，这里码匠批改了组件名称和一些组件外观上的设置，例如组件中文字的地位和对齐形式等。
💡 码匠应用小技巧：
适合的组件名能让利用后续的批改更不便，左侧的数据浏览面板也能帮忙您疾速定位组件。
3. 抉择适合的数据源进行设置：码匠将常见的几款数据库类型及 API 帮忙开发者配置实现，开发者只需抉择想要接入的数据类型，简略填写表单即可实现配置。
4. 创立查问并将查问后果和组件进行数据绑定，接下来补充一些事件触发逻辑，响应式交互让 UI 操作对用户更加敌对，例如：对于下图对话框中的上一步按钮，需设置两个响应事件：敞开以后对话框和关上上一个对话框：
💡 码匠搭建利用罕用步骤：
- 疾速连贯数据源 & 创立查问
- 确定组件布局并拖放组件，应用 JavaScript 表达式绑定数据
- 设置查问和组件的事件触发，提供响应式 UI 交互
5. 利用至此就已搭建实现了，用户能够在右上角点击预览查看利用或点击权限邀请别人一起查看、编辑，还能够点击「···」抉择公布或导出。下图展现了权限治理相干界面：
💡 码匠应用小技巧：
善用历史记录性能能够缩小许多不必要的麻烦，在多人合作批改利用时尤为重要。
更多码匠模板参考及应用技巧
想要理解更多还请移步码匠官网 (https://majiang.co/)，码匠官网为您提供了海量的工作模板，能够服务于自媒体、风险投资、征询、广告业、零售业、医疗等团队，您都能够收费选用。除此之外，若您在应用过程中遇到了问题也能够随时查看帮忙文档或向客服寻求帮忙。最初欢送大家摸索码匠～
首发于码匠官网博客。本文为原创内容，版权归「码匠」所有，欢送文末点赞、珍藏、评论！转载请分割咱们～