• 使用React制作一个可配置的页面生成器[0]


    背景

    上班两年多,终于来到一家互联网公司,告别之前的朝九晚六的腐败生活,开始了11116的码农之旅。

    因为公司做的是直播相关的业务,所以伴随着直播,不定期的就会有运营活动-.-

    但是这类活动留给码农的开发周期都不太长,上半年比较激烈,基本一个月要上个三四个的活动。。。

    由于这些活动页面基本类似,所以就萌生了做一个能够让运营、产品、设计同学直接去通过界面操作配置来生成一个活动页面。(其实是我下半年的KPI了...)

    于是就有了本项目。(目前项目刚刚起步)

    需要实现的功能

         1. 有一个操作界面来进行组件的添加修改

         2. 可以针对组件来配置数据的来源

         3. 发布配置好的页面到线上环境

    由于自己是写Node的,所以做起来比较舒服,不会涉及到前后端沟通的障碍。。。

    待系统完工后的页面上线流程大致为:

         1. 新建页面

         2. 配置组件,绑定数据来源

         3. 点击发布

         4. 将本次配置生成一个json文件推到活动页面的展示服务器上并将配置存入MySQL中备份

         5. ...后续步骤暂时省略,就是拿到json配置后的生成router相关事宜了

    目前实现的功能

         1. 添加组件、组件中添加组件

         2. 改变组件的位置

         3. 删除组件

         4. 编辑组件的属性和样式

    目前有两个可以看到效果的组件。。Container和Text

    预计11月15日会实现一个较为完整的配置系统、11月20日实现上线部署相关事宜。

    项目地址: https://github.com/Precursors/ultron-stage

  • 相关阅读:
    codevs 3049 舞蹈家怀特先生
    洛谷P2530 [SHOI2001]化工厂装箱员
    洛谷P2736 “破锣摇滚”乐队 Raucous Rockers
    Phalanx
    Treats for the Cows
    Very Simple Problem
    Alice and Bob
    FatMouse and Cheese
    Tickets
    Piggy-Bank
  • 原文地址:https://www.cnblogs.com/jiasm/p/6048478.html
Copyright © 2020-2023  润新知