如何傻瓜式的设计电商客户端首页（安装软件方法） 返回列表

前言

看 的图片，是一个典型的电商类应用的首页，首页包含了轮播、商品的分类、公告、优惠券、广告图、热卖推荐的商品等；一般我们会怎么设计呢？第一步：设计轮播表，对应输出到首页的位置；第二步：设计商品的分类表；第三步：设计公告表；第四步：设计专门的优惠券展示表；第五步：设计广告表；不同的广告显示方式不一样，可能9宫格，可能左右分，这块如果前后分离，前后端人员都需要事先商定好；第6步：做热门推荐的商品表，如果推荐类型比较多，还需要分好几个类型，甚至好几个表来处理；假如首页布局要变更，该怎么办？重新设计，重新组合页面，UI、前端、后端、运维都需要参与做改动； 这些是不是太麻烦了？有没有？

我们是怎么做的？

我们使用了有赞的微页面组建，具体请点击：https://youzan.github.io/zent/zh/component/design，虽然是一个废弃的组件，但是非常有用，对于日常的电商类开发，基本是足够了，有赞已经做了新版，但是很可惜没有开放出来；

使用zent/design有什么好处？

以顶部轮播来举例：轮播海报显示几张如何摆放如果按照常规的做法，这些都需要固定，有调整，都需要做代码级的调整；但是使用这个组件后，你会发现，只需要运营人员自己去调整就行，完全不需要UI、前端、后端人员来参与；看 的图：轮播可以自定义显示的方式，同时可以控制显示数量，运营人员完全能自主的操作，根本不需要开发人员来参与；

最后总结

很多时候开发人员天天被运营骚扰的情况，核心原因其实是因为系统设计的有问题，很多都是写死的操作，每次的改动，都不得不经历代码改动、测试、上线这三个步骤，一不小心还会发生系统错误，导致系统不稳定，每天在忙忙碌碌做事，但真正的水平提高真心是没有，做的都是一些重复性的劳动；