Myntra商店联合架构第一部分：自动布局小部件重新排序

Myntra has two categories of merchandising stores: category stores and brand stores.

Myntra有两类商品店铺：类别店铺和品牌店铺。

The store operations team actively manages category and brand store root pages to run different campaigns in coordination with business and category teams. Some of the brands also manage their brand stores.

店铺运营团队积极管理类别和品牌店铺的根页面，与业务和类别团队协调运行不同的活动。一些品牌也管理自己的品牌店铺。

They change layouts, add new widgets in a layout, and new content in widgets and also change the positions of widgets.

他们改变布局，在布局中添加新的小部件和新的小部件内容，并改变小部件的位置。

Definitions

定义

Page — It is fully rendered content on the app for a specific URI.

页面——它是应用程序上特定URI的完全渲染内容。

Layout — It is a wireframe of the page. The layout consists of a collection of widgets. A page can have multiple layouts targeted to different sets of users.

布局——它是页面的线框图。布局由一组小部件组成。一个页面可以有多个针对不同用户群体的布局。

Widget — A widget is the rendered UI component of the page. It has 2 parts — the UX component and the data component. UX component defines the look and feel. The data component defines what data is shown inside the widget.

小部件——小部件是页面的渲染UI组件。它由两个部分组成——UX组件和数据组件。UX组件定义了外观和感觉。数据组件定义了小部件内显示的数据。

Static layouts

静态布局

Our store page layouts were static as the order of widgets in the layout was predefined and fixed.

我们的商店页面布局是静态的，因为布局中的小部件顺序是预定义和固定的。

The store operation team used to decide which widget needed to be placed in what positions. It was based on their experience of the performance of different widgets.

店铺运营团队过去常常根据不同小部件的表现经验来决定将哪个小部件放置在什么位置。

As there are multiple business teams in Myntra and the home page real estate is limited, business teams coordinate and decide if real estate visibility needs to be changed for a business team based on the business use case.

由于Myntra有多个业务团队，主页的房地产有限，业务团队会协调并决定是否根据业务用例改变业务团队的房地产可见性。

The above process was time-consuming and required coordination among multiple business teams. After alignment, configuring widgets was done manually.

上述过程耗时且需要多个业务团队之间的协调。在对齐后，手动完成小部件的配置。

The case for dynamic layouts

动态布局的理由

Myntra gets maximum traffic from mobile channels. Mobile...