博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用React制作一个可配置的页面生成器[0]
阅读量:7119 次
发布时间:2019-06-28

本文共 602 字,大约阅读时间需要 2 分钟。

背景

上班两年多,终于来到一家互联网公司,告别之前的朝九晚六的腐败生活,开始了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日实现上线部署相关事宜。

项目地址: 

转载地址:http://udsel.baihongyu.com/

你可能感兴趣的文章
用户体验评价
查看>>
客户端和服务器各种报错解释
查看>>
android asmack调用MultiUserChat.getHostedRooms方法出现空指针的异常解决方案
查看>>
RE管理器root explorer基础操作教程
查看>>
TFS首次安装与配置,极其注意事项<个人备用>
查看>>
重温Android——调节屏幕亮度
查看>>
设计模式六大原则(1):单一职责原则
查看>>
当机器人具有自我知觉,并能自适应环境,真的不可怕吗?
查看>>
selenium环境搭建,浏览器驱动安装
查看>>
C# 递归函数详细介绍及使用方法
查看>>
web api 开发之 filter
查看>>
第十章:内核同步方法
查看>>
SQL中创建外键约束
查看>>
【网络编程】网络协议简析
查看>>
PHP 中Cookie和Session的使用
查看>>
Struts2注解
查看>>
Vue.js 判断对象属性是否存,不存在添加
查看>>
第十一周作业
查看>>
2-设置文件类型扩展名
查看>>
[python基础]关于中文编码和解码那点事儿
查看>>