增删改查

最新推荐文章于 2024-08-11 09:30:00 发布
nijiadalinge
最新推荐文章于 2024-08-11 09:30:00 发布
阅读量181
点赞数
分类专栏：移动开发
本文链接：https://blog.csdn.net/NIJIADALINGE/article/details/79027171
版权
移动开发专栏收录该内容
58 篇文章 0 订阅
订阅专栏
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            #da{
                width: 700px;
                height: 700px;
                 margin: 0 auto;
            }
            #diyi{
                width: 700px;
                height: 30px;
            }
            #er{
                width: 700px;
                height: 30px;
            }
            #san{
                width: 700px;
                height: 60px;
            }
        </style>
        <script src="js/angular.min.js"></script>
        <script src="js/jquery-1.11.1.js"></script>
        <script>
            var app = angular.module("linrenjiang",[]);
            app.controller("con",function($scope){
                $scope.px = 'sid';
                $scope.sj = true;
                $scope.stus = [{
                    sid:1,
                    name:'刘备',
                    pwd:123456,
                    cound:1,
                    udate:new Date()
                },{
                    sid:3,
                    name:'曹操',
                    pwd:123456,
                    cound:1,
                    udate:new Date()
                    },{
                    sid:4,
                    name:'司马懿',
                    pwd:123456,
                    cound:1,
                    udate:new Date()
                    },{
                    sid:2,
                    name:'孙权',
                    pwd:123456,
                    cound:1,
                    udate:new Date()
                    },{
                    sid:6,
                    name:'关羽',
                    pwd:123456,
                    cound:2,
                    udate:new Date()
                    },{
                    sid:7,
                    name:'张飞',
                    pwd:123456,
                    cound:2,
                    udate:new Date()
                    },{
                    sid:11,
                    name:'周瑜',
                    pwd:123456,
                    cound:2,
                    udate:new Date()
                    },{
                    sid:12,
                    name:'鲁肃',
                    pwd:123456,
                    cound:2,
                    udate:new Date()
                    },{
                    sid:13,
                    name:'黄盖',
                    pwd:123456,
                    cound:3,
                    udate:new Date()
                    },{
                    sid:5,
                    name:'张辽',
                    pwd:123456,
                    cound:3,
                    udate:new Date()
                    },{
                    sid:8,
                    name:'赵云',
                    pwd:123456,
                    cound:3,
                    udate:new Date()
                    },{
                    sid:9,
                    name:'孙尚香',
                    pwd:123456,
                    cound:4,
                    udate:new Date()
                    },{
                    sid:14,
                    name:'大乔',
                    pwd:123456,
                    cound:4,
                    udate:new Date()
                    },{
                    sid:15,
                    name:'小乔',
                    pwd:123456,
                    cound:4,
                    udate:new Date()
                    }
                ];
                $scope.add = function(){
                    $scope.stus.push({
                    sid:17,
                    name:'林仁江',
                    pwd:123456,
                    cound:4,
                    udate:new Date()
                    });
                }
                $scope.delall=function(){
                    var count = 0;
                    for(var i=0;i<$scope.stus.length;i++){
                        if($scope.stus[i].ck){
                            count++;
                            $scope.stus.splice(i,1);
                            i--;
                        }
                    }
                    if(count==0){
                        alert("请选择！");
                    }
                }
                $scope.ckAll = function(){
                    for(var i=0;i<$scope.stus.length;i++){
                        $scope.stus[i].ck = $scope.flag;
                    }
                }
            $scope.count = function(cc,count){
                confirm.log("根据索引查找的对象",$scope.stus[i]);
                for(var i=0;i<$scope.stus.length;i++){
                    if($scope.stus[i].name==count){
                        $scope.stus[i] = $scope.stus[i]+cc;
                    }
                }
            }
            });
        </script>
    </head>
    <body ng-app="linrenjiang" ng-controller="con">
        <div id="da">
            <div id="diyi">
                    <input ng-model="selname" placeholder="用户名搜索" style="height: 25px;"/>
                    <select style="height: 30px;"  ng-model="jibie">
                        <option value="">选择级别</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                    </select>
                    <select style="height: 30px; float: right;" ng-model="paixu">
                        <option value="">排序</option>
                        <option value="-name">按用户名倒序</option>
                        <option value="-cound">按级别倒序</option>
                        <option value="-sid">按ID倒叙</option>
                    </select>
            </div>
            <div id="er">
                <button ng-click="add()" style="background:#036900 ; color: #FFFFFF;">新增用户</button>
                <button ng-click="delall()" style="background: red; color: #ffffff;">批量删除</button>
                <span>敏感词:抢劫、小偷</span>
            </div>
            <div id="san">
                <table width="700" border="2" cellspacing="0">
                    <tr style="background:gray;">
                        <td><input type="checkbox" ng-click="ckAll()" ng-model="flag"/></td>
                        <td >ID</td>
                        <td>用户名</td>
                        <td>密码</td>
                        <td>级别</td>
                        <td>创建时间</td>
                    </tr>
                    <tr ng-repeat="i in stus | filter:{name:selname} | filter:{cound:jibie} | orderBy:paixu">
                        <td><input type="checkbox" ng-model="i.ck"/></td>
                        <td>{{i.sid}}</td>
                        <td>{{i.name}}</td>
                        <td><span ng-click="f=true">{{i.pwd}}</span><span ng-show="f"><input ng-model="i.pwd"/><button ng-click="f=false">保存</button></span></td>
                        <td>{{i.cound}}</td>
                        <td>{{i.udate|date:"yyyy-MM-dd"}}</td>
                    </tr>
                </table>
            </div>
        </div>
    </body>
</html>