Question

我目前正在使用angular来显示html视图，以显示用户购物车的历史记录。该页面通常显示用户在他/她的购物车上完成的操作列表。

前端UI设计如下：

2017年3月19日：

07:26 AM - 用户添加了2项来自电子产品类别，并从家具类别中删除了1项。

07:15 AM - 用户从厨房类别中删除了3个项目。

2017年3月18日：

08:00 PM - 用户添加了3项来自kitchen category。

但我遇到的挑战是，数据库中的数据存储在行而不是列中。

第一个挑战是如何获取带有计数的数据以及操作（添加/删除）。

其次是点击上面的消息，我们需要显示删除/添加项目的ID。

下面是表格和样本数据：

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}

<table>
<tr>
<th colspan="3" style="text-align:center;">TABLE_MASTER</th>
</tr>
  <tr>
    <th>KEY_ID</th>
    <th>KEY_USER_ID</th>
    <th>KEY_CREATED_DATE</th>
  </tr>
  <tr>
    <td>101</td>
    <td>ABCDEF</td>
    <td>19/03/2017:07:26:00:00</td>
  </tr>
  <tr>
    <td>102</td>
    <td>ABCDEF</td>
    <td>19/03/2017:07:15:00:00</td>
  </tr>
</table>

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}

<table>
<tr>
<th colspan="6" style="text-align:center;">TABLE_CHILD</th>
</tr>
  <tr>
    <th>KEY_ID</th>
    <th>KEY_CATEGORY_ITEM</th>
    <th>KEY_OPERATION</th>
    <th>KEY_ITEM_ID</th>
    <th>KEY_ORDER_NUM</th>
    <th>KEY_GRP_NUM</th>
  </tr>
  <tr>
    <td>101</td>
    <td>MOBILE</td>
    <td>ADDED</td>
    <td>123456</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr>
    <td>101</td>
    <td>ELECTRONICS</td>
    <td>ADDITIONAL</td>
    <td>545454</td>
    <td>2</td>
    <td>1</td>
  </tr>
  <tr>
    <td>101</td>
    <td>MOBILE</td>
    <td>ADDED</td>
    <td>135790</td>
    <td>3</td>
    <td>2</td>
  </tr>
  <tr>
    <td>101</td>
    <td>ELECTRONICS</td>
    <td>ADDITIONAL</td>
    <td>545454</td>
    <td>4</td>
    <td>2</td>
  </tr> 
  <tr>
    <td>101</td>
    <td>CHAIR</td>
    <td>ADDED</td>
    <td>258369</td>
    <td>5</td>
    <td>3</td>
  </tr>
  <tr>
    <td>101</td>
    <td>FURNITURE</td>
    <td>ADDITIONAL</td>
    <td>656565</td>
    <td>6</td>
    <td>3</td>
  </tr>  
</table>

由于我更像是一名前端开发人员，因此我需要有人能够针对上述问题提出建议或指导我正确的方向。我的想法是从pl / sql server获取数据，并在Web服务器（Java / Hibernate）级别执行业务逻辑，这将返回JSON数组列表到UI层。但是我在业务逻辑层看到了复杂的逻辑开销，所以请分享您关于找到更好方法的建议。

实施逻辑购物车历史

0 个答案: