日常企业经常需要通过互联网工具在线拓展业务并推广产品。用户看到公司宣传的内容后，如有需要，会通过各种方式与公司联系。

为了轻松追踪这些销售机会，我们开发了一个供公司内部销售团队使用的小程序，用于轻松管理潜在客户并促成交易。

根据角色划分，我们将使用系统的人员分为四类人员：管理员、客服、销售领导、销售。

管理员可以为注册人员分配角色，例如将注册人员分配为客服、销售经理、销售等。管理员可以输入产品信息。

客服可以记录各大平台的线索信息。

销售负责人可以查看客服录入的线索信息，并分配给相应的销售人员。

销售人员可以自己输入潜在客户或接收销售经理推送的潜在客户。如果潜在客户有效，您可以输入商机信息并跟进商机的状态。

如果达成交易，销售人员可以输入合同信息。

1 份思维导图

根据以上分析，我们利用思维导图对具体的功能模块进行拆解。

2 数据源设计

功能模块设计完成后，我们根据需要将信息拆分为数据源。以下是设计的数据源。

2.1 员工管理

2.2 客户信息

2.3 产品信息

2.4 线索信息

2.5 机会管理

2.6 合同管理

3 创建管理后台

日常的数据管理需要为管理员创建一个后台程序，能够以低代码的方式根据数据源的信息自动生成页面。创建时，我们选择模型应用程序并检查我们创建的数据源。

然后点击导航菜单，一键生成菜单，发布到企业工作台使用。发布后的功能效果

3.1 员工管理

3.2 客户信息管理

3.3 产品管理

3.4 线索管理

3.5 机会管理

3.6 合同管理

4 创建小程序

您可以通过在微信中创建自定义应用来完成小程序的创建

小程序创建完成后，我们需要根据功能规划完成对应页面的创建。

在最初的搭建阶段，我们只能搭建骨架，然后在开发过程中逐步调整页面。

在主页上，我们主要使用网格布局来显示菜单导航。总共有两行，每行三列。

为每一列添加一个普通容器，其中包含图像和文本组件。

可以设置普通容器的样式，垂直排列，水平和垂直居中。

微信还支持代码模式的书写方式。单击 CSS 并粘贴以下样式代码。

self { display: flex; justify-content: center; align-items: center; flex-direction: column}

图片组件需要设置为裁剪填充，然后设置宽度和高度

我们需要为每个模块配置一个图标。我们可以从网上下载合适的图标，上传到素材库，然后绑定图片地址。

设置完图标后，我们为普通容器设置点击事件。方法是打开页面，选择对应的页面。

一般情况下，小程序的底部都会有一个导航菜单。我们使用标签栏组件并将其设置为“Home”、“”、“”和“My”。

只需修改标签列表和所选页面

至此，我们就完成了PC端和移动端的功能搭建

总结

其实低代码开发的流程和传统开发是一样的。还需要需求分析、功能设计、数据源设计、页面开发、预览发布等几个步骤。

前面的设计过程主要依靠我们对具体行业和业务的了解，根据实际问题进行针对性的设计。后期主要是需要提高开发技能。一方面，你必须熟悉低代码开发模型。如果流程中需要涉及到业务逻辑，还需要编写一定的前后端代码。但整体开发效率会提高很多。

对低编码感兴趣的朋友，跟着教程，打开你的工具，实践一下吧。