这个项目使用HTML、CSS和AngularJS技术，创建了一个商品库存信息管理页面。页面具备商品信息展示、模糊查询、价格显示、删除功能以及全选与批量删除功能。通过ng-repeat指令遍历商品数据，利用filter实现查询过滤，点击删除按钮时会弹出确认提示，批量删除则会清空整个商品列表。
技术要求（html+css+angularjs）
1. 完成页面布局（button按钮可以用普通按钮）
2.Ø声明数据对象，初始化商品信息，数据自拟且不低于四条
3. 用ng-repaet指令将对象遍历并渲染到页面中
4.ØFilter实现模糊查询的功能。用户在输入框中键入信息的时候商品列表会动态显示符合要求的查询信息
5.商品价格这一列需要在价格前面加上”￥：”。
6.点击删除按钮时弹出提示框询问用户确定删除，用户点击确定删除后该条数据在页面被删除
7.点击第一个checkbox,所有的复选框被选中，点击批量删除按钮提示用户是否确定删除，用户确定删除后删除页面所有商品信息，且商品信息管理页面为空白页面
<!DOCTYPE html>
<html lang="en" ng-app="cart">
<head>
<meta charset="UTF-8">
<title>购物车</title>
</head>
<style>
.table-hover tr:nth-child(odd) {
background-color: #ffffff;
}
.table-hover tr:nth-child(even) {
background-color: #f1f1f1;
&
最低0.47元/天 解锁文章
扫一扫
4353
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
