日常企业经常需要在网上拓展业务，通过互联网工具来宣传自己的产品。用户在看到企业宣传的内容后，如果有需要就会通过各种方式联系到企业。

为了方便的跟踪这些销售的机会，我们开发一款企业内部销售团队使用的小程序，便于管理潜在的客户，促成成交。

按照角色划分，我们把使用系统的人员分为四类人员：管理员、客服、销售负责人、销售。

管理员可以分配注册人员的角色，比如将注册人员分配为客服、销售负责人、销售。管理员可以录入商品的信息。

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

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

销售可以自己录入线索，也可以接收销售负责人推送的线索。如果线索有效可以录入商机信息，并且跟进商机的状态。

如果达成成交，销售可以录入合同信息。

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
}

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


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


图标设置好之后，我们给普通容器设置点击事件，方法选择打开页面，选择对应的页面


一般小程序底部还会有导航菜单，我们使用tab栏组件，分别设置为首页、线索、机会和我的

只需要修改标签列表及选中页面即可

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

总结

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

前边设计环节主要是依赖于我们对具体行业和业务的了解，结和实际的问题做针对性的设计。后边部分主要还是需要提高开发技能，一方面要熟悉低码的开发模式，过程中如果需要涉及到业务逻辑的也需要写一定的前后端的代码。但总体上开发效率会提高不少。

对低码感兴趣的朋友，照着教程，打开你的工具实操一遍吧。