使用BOOTSTRAP设计产品列表前端页

一、商品信息-前端

商品信息的前端页面有列表和表单组成,在同一页面实现列表的分页显示、行选中、删除、修改、新增等内容。页面的效果如下图:

**步骤1:编写商品列表**

1.编写tab及control

2.编写列表按钮及表格

3.编写表单

4.样式重写和初始化表_x0010_格

1.样式重写

2.初始化表格

目的是在前端生成分页及各种排序和搜索。

**步骤2:商品列表支持选中、多选**

表格列表支持单选、多选,一次删除选中的记录。可修改选中的数据。

1.行选中

2.全选

3.删除及修改

4.新增及取消

完整代码链接:https://www.itbegin.com/apps/mooc/382a746fc2674ac99ba7d5d9617ccfa0

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180103A0JK8W00?refer=cp_1026

扫码关注云+社区