这是一个基于layui的商场首页html页面，将该代码重复的部分用数组遍历的方式实现，数据通过后端接口获取<div class="hot-sell"> <p class="house-title">热销推荐<a href="">更多优品 ></a></p> <div class="layui-row layui-col-space20"> <table> <a href="detail.html" class="layui-col-xs3 text"> <div><img src="/BookShopSystem_war/static/img/home_img4.jpg"></div> <p>一盏好看的台灯</p> <p class="price">￥200</p> </a> <a href="detail.html" class="layui-col-xs3 text"> <div><img src="/BookShopSystem_war/static/img/home_img5.jpg"></div> <p>时尚瓷碗7件套</p> <p class="price">￥200</p> </a> <a href="detail.html" class="layui-col-xs3 text"> <div><img src="/BookShopSystem_war/static/img/home_img6.jpg"></div> <p>智能电吹风</p> <p class="price">￥200</p> </a> <a href="detail.html" class="layui-col-xs3 text"> <div><img src="/BookShopSystem_war/static/img/home_img7.jpg"></div> <p>一盏好看的台灯</p> <p class="price">￥200</p> </a> </table> </div> </div>

你可以通过后端接口获取商品数据，然后将商品数据存储在一个包含图片、商品名和价格的对象数组中。接着，使用循环语句遍历数组，依次生成HTML代码。示例如下：

<div class="hot-sell">
    <p class="house-title">热销推荐<a href="">更多优品 ></a></p>
    <div class="layui-row layui-col-space20">
        <table>
            <% for (var i = 0; i < products.length; i++) { %>
                <a href="detail.html" class="layui-col-xs3 text">
                    <div><img src="<%= products[i].image %>"></div>
                    <p><%= products[i].name %></p>
                    <p class="price"><%= products[i].price %></p>
                </a>
            <% } %>
        </table>
    </div>
</div>

其中，`products`数组存储后端接口返回的商品数据，每个商品数据包含`image`、`name`和`price`三个属性。循环语句遍历数组，将每个商品数据对应的HTML代码生成并插入到页面中。