SaaS公司市场部用明道云灵活同步网页前后端数据

背景

明道云自正式转型做APaaS应用以来，通过多年耕耘，积累了超过1000家客户。同时，随着今年疫情中企业对数字化系统的需求愈发迫切，我们意识到：

一方面，我们需要 将成功的客户经验案例整合发布，让考虑用APaaS搭建企业管理系统的企业管理者有 更清晰、丰富的参考信息，增强采用明道云产品的信心。另一方面，明道云伙伴兼备零代码应用搭建技能和垂直行业管理经验，是提供各行业中数字化管理方案的最佳人选，因此我们 应大力支持其拓业， 在前端营销宣传上给予更多资源。因此，今年9月份，明道云市场部正式启动官网案例库和伙伴页开发的项目。

难点突破

传统的网页开发存在一个问题：网页数据都存储在服务器上，如果需要对其中的内容做修改，只能提研发任务，让技术人员修改代码。有时候，如果研发部工作繁多的话，这一修改任务可能会拖上一个多月，效率十分低下。

为了打破网页数据运维效率低下的通病，我们决定借助明道云本身 灵活、支持对外链接的功能特性，搭建出实现 后端数据实时前端化的网页和数据应用。这意味着，我们的市场部同事只需要在后台数据应用中修改数据信息，网页上的对应内容就会 立刻同步更新。像 电商、多源数据整合软件厂商等行业，都可以采用这种方式高效管理前端页面和后端数据。

这玩意儿一听上去很高大上，但其实技术并不复杂。只需要在明道云上建立一个“官网后台数据管理”应用，配置好字段，再由研发人员根据系统自动提供的API接口，写入网页代码上即可。

开发流程

1.前期规划

项目前期，我们花了大概一个月的时间，调研国内外知名软件厂商的官网案例库和伙伴中心，设计出网页效果图和最终的开发原型图。

市场部编写的网页调研文档

市场部设计的第一稿网页界面设计图（局部）

设计初稿通过后，需要先经研发评估，这包括：

研发评估过后，市场部都会根据建议修改设计稿。这一环节大概反复了3次，最终精雕细琢出开发原型图。

最终的开发原型图定稿（局部）

2.信息传递的流程设计

要知道，案例库和伙伴名录的信息是在销售环节中，销售顾问成交客户和签约伙伴时产出的信息。因此，“官网后台数据管理”需要与销售和伙伴管理应用的数据互联互通——以销售顾问成交订单、签下伙伴的动作为触发点，让系统自动生成案例库或伙伴记录，再交由顾问或伙伴完善信息后上架。

同理，后期的网页运维中，有任何数据需要更新、下架，都需要提前设计好“官网后台数据管理”应用和相关应用之间的数据更新流程。

3.后台配置

敲定前端设计后，后端配置便推进得更容易一些了。这次的应用配置主要是表单、视图、工作流三大部分的配置。工作流是根据上一步的流程设计来设置，因此以下不重复介绍。

表单：我们只需根据前端需要的信息，配置相应的字段。值得一提的是，为了让“官网后台数据管理”应用与数据关联应用的信息保持一致，便于维护，我们使用新功能“选项集”来维护行业、场景、所在地字段。管理员只需在选项集界面编辑选项，所有动用到该选项集的工作表对应字段都会同步更新选项。比使用关联表来统一维护信息的好处是， 网页服务器在获取数据库信息时运行速度更快，给访客带来更优的交互体验。

视图：对于每个工作表，我们都设置了“全部”和“发布中”两个视图，让网页服务器获取“发布中”视图中的信息。由此，网页管理员在维护数据时，可以在 自由控制数据前端显隐、展示优先次序的同时，保留当前暂不需要上架的数据， 保证数据管理的完整性。

4.前端开发与对接

应用配置的同时，网页研发人员就已经根据开发原型图开发出基本的网页框架。待应用配置大体完成后，她只需在应用里打开API开发文档，获取接口ID，即可将数据接入网页，放到对应的网页位置里。

5.效果优化

完成数据录入、网页开发、数据接口打通的步骤后，整个项目还没有结束。研发部、市场部和CEO会一起仔细过一次所有网页，将交互体验不够流畅、信息表达不全、视觉效果不佳的地方全部抓出来，敲定解决方案，再优化。

我们将每个伙伴详情介绍页都赋予了 友好命名的网址网站前台设计软件，访客可以透过网址来辨别伙伴名称，伙伴可以 将该网址当成公司的“小官网”，直接面向客户推送。

对于暂时没上架项目经验或解决方案的伙伴，我们将这两个版块从伙伴详情页中隐去， 提高网页信息简洁度。

我们优化了伙伴名录、伙伴解决方案库和案例库的筛选器交互体验，访客们用得更舒服。

复盘经验

希望这篇文章对正在寻求敏捷开发网页、想用零代码实现前后端数据交互的读者有所启发。最后，我们复盘了本次项目的开发经验：

用自定义页面可视化统计当前官网数据

网页搭建只是第一步，内容持续运营、注入才是漫漫征途。我们有信心，综合伙伴与顾问们的意见，采取最高效流畅的网页内容运营办法，在2021年里丰富案例库和伙伴板块的内容网站前台设计软件，以呈现明道云的最佳产品实力和成功商业模式！返回搜狐，查看更多