如何处理web应用程序中的元素位置？

Question

我正在开发一个web应用程序，其中API在c#中，前端在angular中。前端动态构建元素。此应用程序将由许多客户端使用，并且每个客户端都需要在不同位置显示页面中的元素。

示例：

客户端1：

滴度1

element1

element2

客户端2：

滴度1

element2

element1

所以问题是:如何正确地处理web开发中的元素位置？我需要使用appsettings通过API返回每个元素的位置吗?还是由前端返回？

谢谢！

目前，我在API中读取了一个appsettings，并返回了一个元素位置良好的数据表。

Answer 1

如果使用bootstrap.css的网格，您可以重新排序reorder grid，只需在Angular中使用ngClass添加order-1或order-12，例如stackblitz

<div class="container">
  <div class="row">
    <div class="col-12">
      First, but unordered
    </div>
    <div class="col-12" [ngClass]="{'order-12':!order}">
      Second, but last
    </div>
    <div class="col-12" [ngClass]="{'order-1':!order}">
      Third, but first
    </div>
  </div>
</div>
<button class="btn" (click)="order=!order">Reorder</button>