摘要：前言如果你经常接触一些公司的活动页，可能会经常头疼以下问题这些项目周期短，需求频繁，迭代快，技术要求不高，成长空间也小。但是我们还是马不停蹄的赶着产品提来的一个个需求，随着公司规模的增加，我们不可能无限制的增加人手不断地重复着这些活动。
前言
如果你经常接触一些公司的活动页，可能会经常头疼以下问题：这些项目周期短，需求频繁，迭代快，技术要求不高，成长空间也小。但是我们还是马不停蹄的赶着产品提来的一个个需求，随着公司规模的增加，我们不可能无限制的增加人手不断地重复着这些活动。这里我就不具体介绍一些有的没的的一些概念了，因为要介绍的概念实在太多了，作为一个前端的我们，直接上代码撸就好了！！！！
想要了解更多，也欢迎访问：
源地址
blogs
目标我们的目标是实现一个页面制作后台，在后台中我们可以对页面进行 组件选择 --> 布局样式调整 --> 发布上线 --> 编辑修改这样的流程操作。
架构设计首先是要能提供组件给用户进行选择，那么我们需要一个组件库，然后需要对选择的组件进行布局样式调整，所以我们需要一个页面编辑后台接着我们需要将编辑产出的数据渲染成真实的页面，所以我们需要一个node服务和用于填充的template 模板。发布上线，这个直接对接各个公司内部的发布系统就好了，这里我们不做过多阐述。最后的编辑修改功能也就是针对配置的修改，所以我们需要一个数据库，这里我选择的是用了mysql。当然你也可以顺便做做权限管理，页面管理....等等之类的活。
啰嗦了这么长，我们来画个图，了解下大概的流程：
首先我们来实现组件这一部分，因为组件关联着后台编辑的预览和最后发布的使用。组件设计我们应该尽量保持组件的对外一致性，这样在进行渲染的时候，我们可以提供一个统一的对外数据接口。这里我们的技术选型是基于 Vue 的，所以下面的代码部分也主要是基于 Vue 的，但是万变不离其宗，其他语言也类似。
根据上图，我们的组件是会被一个个拆分多带带发布到 npm仓库的，为什么这么设计呢？其实之前也考虑过设计成一个组件库，所有组件都包含在一个组件库内，这样只需要发布一个组件库包，用的时候按需加载就好了。后来在实践的过程中发现这样并不合适协同开发，其他前端如果想贡献组件，接入的改造成本也很大。举个
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/98746.html
摘要：前言如果你经常接触一些公司的活动页，可能会经常头疼以下问题这些项目周期短，需求频繁，迭代快，技术要求不高，成长空间也小。但是我们还是马不停蹄的赶着产品提来的一个个需求，随着公司规模的增加，我们不可能无限制的增加人手不断地重复着这些活动。 前言 如果你经常接触一些公司的活动页，可能会经常头疼以下问题：这些项目周期短，需求频繁，迭代快，技术要求不高，成长空间也小。但是我们还是马不停蹄的赶着...
摘要：前言如果你经常接触一些公司的活动页，可能会经常头疼以下问题这些项目周期短，需求频繁，迭代快，技术要求不高，成长空间也小。但是我们还是马不停蹄的赶着产品提来的一个个需求，随着公司规模的增加，我们不可能无限制的增加人手不断地重复着这些活动。 前言 如果你经常接触一些公司的活动页，可能会经常头疼以下问题：这些项目周期短，需求频繁，迭代快，技术要求不高，成长空间也小。但是我们还是马不停蹄的赶着...
摘要：写过无数代码修过众多的你，一定会有很多故事，一定会有很多与相关的故事，有故事的你，一起来写吧写写让你最难忘的修经历吧欢迎参加园子和阿里云联合组织的征文活动最难忘的。如果用很简单的文字描绘不简单的代码人生，我们想到的是：写代码，写bug修bug，改代码从第一次写代码在屏幕上打印出 Hello world! 的情窦初开，到修第一个 bug 的苦涩甘甜，再到与代码的相濡以沫、与 bug 的爱恨情愁...
摘要：为保证活动的公平公正，对任何恶意刷量的行为，七牛云有停止发放抽奖机会及收回奖励资源的权利。邀好友，抽好签，赢好礼进入七牛云官网立即参与牛小七提前祝大家年，新年快乐 还有不到一个星期，2019 年就将正式「官宣」。值此之际，七牛云特别推出【好运+好礼】新年上上签活动～不仅有好运好彩头，还有超多惊喜好礼等你拿。天猫购物卡、七牛云产品优惠包、樱桃机械键盘、终极大奖 iPhone Xs 256...
阅读 654·2021-11-15 11:37
阅读 4003·2021-09-09 09:34
阅读 3538·2019-08-30 15:52
阅读 2545·2019-08-29 14:03
阅读 2819·2019-08-26 13:36
阅读 1547·2019-08-26 12:16
阅读 1574·2019-08-26 11:45
阅读 3440·2019-08-23 18:41
