2. 程式人生 > >angularjs-增刪改查+排序

angularjs-增刪改查+排序

阿新 • • 發佈：2019-02-02 
<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="angular-1.3.0.js"></script>
    <script type="text/javascript" src="jquery.1.12.4.js"></script>
    <title>Title</title>
    <script 
 
type="text/javascript">
          var app=angular.module("myApp",[]);
          app.controller("myCtrl",function ($scope) {
              var id = 6;
              //新增預設資料
$scope.data=[
                 {
                     done:false,
                     id: 1,
                     name: "曹操",
                     password
 
: "123456",
                     age: 45,
                     sex: "男"
},
                 {
                     done:false,
                     id: 2,
                     name: "張遼",
                     password: "123456",
                     age: 34,
                     sex: "男"
},
                 {
                     done
 
:false,
                     id: 3,
                     name: "司馬懿",
                     password: "123456",
                     age: 30,
                     sex: "男"
},
                 {
                     done:false,
                     id: 4,
                     name: "夏侯淳",
                     password: "123456",
                     age: 40,
                     sex: "男"
},
                 {
                     done:false,
                     id: 5,
                     name: "蔡文姬",
                     password: "123456",
                     age: 18,
                     sex: "女"
}
             ];
             //年齡區間查詢
$scope.ageTest=function (age,ageSize) {
                 if(ageSize!="---請選擇--"){
                     var ages=ageSize.split("-");
                     var ageMin = ages[0];
                     var ageMax = ages[1];
                     if(age<ageMin||age>ageMax){
                         return false;
                     }else{
                         return true;
                     }
                 }else{
                     return true;
                 }
             };
             //全部刪除
$scope.alldelete=function ($index) {
                  if($scope.data.length>=0){
                      $scope.data.splice($index);
                  }
              };
              //刪除單個的
$scope.deleteData=function ($index) {
                  if($index>=0){
                      $scope.data.splice($index,1);
                  }
              };
              //刪除選中的
$scope.delete1=function () {
                  for(var i=0;i<$scope.data.length;i++)
                  {
                      if($scope.data[i].done==true)
                      {
                          $scope.data.splice(i,1);
                          i--;
                      }
                  }

              }
              //點選全選
$scope.checkAll=function () {
                  for(var i=0;i<$scope.data.length;i++)
                  {
                      if($scope.chec==true)
                      {
                          $scope.data[i].done=true;
                      }
                      else{
                          $scope.data[i].done=false;
                      }
                  }
                  $scope.num=0;
                  for(var i=0;i<$scope.data.length;i++)
                  {
                      if($scope.data[i].done==true)
                      {
                          $scope.num+=$scope.data[i].price*$scope.data[i].count;

                      }
                  }
              };
              //顯示新增使用者表單
$scope.addData=function () {
                  $scope.add_data_show=true;
              }
              //提交表單新增使用者
$scope.addshow=function () {
                  if($scope.name==undefined||$scope.name==""){
                      alert("請輸入使用者名稱");
                      return;
                  }//判斷使用者名稱為空
if($scope.password==undefined||$scope.password==""){
                      alert("請輸入密碼");
                      return;
                  }//判斷密碼為空
if($scope.age==undefined||$scope.age==""){
                      alert("請輸入年齡");
                      return;
                  }//判斷年齡為空
if($scope.sex==undefined||$scope.sex==""){
                      alert("請輸入性別");
                      return;
                  }//判斷性別為空
for(var i=0;i<$scope.data.length;i++){
                      if ($scope.name == $scope.data[i].name) {
                          alert("名稱不可重複！");
                          return;
                      }
                  }//判斷新增名字不可以重複
if($scope.password.length<=6){
                      alert("密碼長度必須大於等於6");
                      return;
                  }//判斷密碼長度
if($scope.name=="習大大"){
                      $scope.data.push({
                          id:id++,
                          name:"****",
                          password:$scope.password,
                          age:$scope.age,
                          sex:$scope.sex
});
                      $scope.name="";
                      $scope.password="";
                      $scope.age="";
                      $scope.sex="";
                      $scope.add_data_show=false;
                  }else{
                      $scope.data.push({
                          id:id++,
                          name:$scope.name,
                          password:$scope.password,
                          age:$scope.age,
                          sex:$scope.sex
});
                      $scope.name="";
                      $scope.password="";
                      $scope.age="";
                      $scope.sex="";
                      $scope.add_data_show=false;
                  }
              }
              //顯示修改類列表
$scope.updateData=function ($index) {
                  $scope.names = $scope.data[$index].name;
                  $scope.epwd_index = $index;
                  $scope.update_data_show=true;
              }
              //修改資料
$scope.updateshow = function () {
                  var user = $scope.data[$scope.epwd_index];

                  if ($scope.oldpassword == undefined || $scope.oldpassword == "") {
                      alert("請輸入舊密碼！");
                      return;
                  }

                  if ($scope.newpassword == undefined || $scope.newpassword == "") {
                      alert("請輸入新密碼！");
                      return;
                  }

                  if ($scope.qrpassword == undefined || $scope.qrpassword == "") {
                      alert("請再次確認密碼！");
                      return;
                  }

                  if ($scope.oldpassword != user.password) {
                      alert("舊密碼不正確！");
                      return;
                  }

                  if ($scope.newpassword != $scope.qrpassword) {
                      alert("兩次密碼不一致！");
                      return;
                  }

                  $scope.data[$scope.epwd_index].password = $scope.newpassword; // 修改密碼
$scope.update_data_show = false;
              };

          });
    </script>
</head>
<body>
<div ng-controller="myCtrl" style="width: 1000px; height: 1000px; background-color:mediumslateblue; margin:0 auto">
    <div style="text-align: center">
        <h1>使用者資訊表</h1>
        <input type="text" value="" placeholder="使用者名稱查詢" ng-model="search">
        年齡:<select id="age" ng-model="ageSize" ng-init="ageSize='---請選擇--'">
        <option>---請選擇--</option>
        <option>10-20</option>
        <option>21-30</option>
        <option>31-40</option>
        <option>41-50</option>
        <option>51-60</option>
    </select>
        性別:<select ng-model="sexs">
                <option selected = "selected" value="">---請選擇--</option>
                <option>男</option>
                <option>女</option>
             </select>
        排序:<select ng-model="search2">
                <option value="">---請選擇--</option>
                <option value="">id正序</option>
                <option value="-">id倒序</option>
            </select>
        <button ng-click="alldelete()">全部刪除</button>
        <button ng-click="delete1($index)">批量刪除</button>
    </div>
    <table border="1" cellspacing="0" cellpadding="0" width="700px" style="margin:auto">
        <tr>
            <th><input type="checkbox" ng-click="checkAll()" ng-model="chec"></th>
            <th>ID</th>
            <th>使用者名稱</th>
            <th>密碼</th>
            <th>年齡</th>
            <th>性別</th>
            <th>操作</th>
        </tr>
        <tr ng-repeat="user in data|filter:{'name':search}|filter:{'sex':sexs}|orderBy:search2+'id'" ng-if="ageTest(user.age,ageSize)">
            <td><input type="checkbox" ng-model="user.done" ng-click="counts()"></td>
            <td>{{user.id}}</td>
            <td>{{user.name}}</td>
            <td>{{user.password}}</td>
            <td>{{user.age}}</td>
            <td>{{user.sex}}</td>
            <td>
                <button ng-click="addData()">新增資料</button>
                <button ng-click="deleteData($index)">刪除資料</button>
                <button ng-click="updateData($index)">修改資料</button>
            </td>
        </tr>
    </table>
    <div ng-show="add_data_show">
        <table border="1px"  style="margin:auto;width: 500px;height: 200px">
            <tr>
                <td>姓名</td>
                <td><input type="text" ng-model="name"></td>
            </tr>
            <tr>
                <td>密碼</td>
                <td><input type="text" ng-model="password"></td>
            </tr>
            <tr>
                <td>年齡</td>
                <td><input type="text" ng-model="age"></td>
            </tr>
            <tr>
                <td>性別</td>
                <td><input type="text" ng-model="sex"></td>
            </tr>
            <tr>
                <td>操作</td>
                <td><button ng-click="addshow()">提交</button></td>
            </tr>
        </table>
    </div>
    <div ng-show="
            
  

           

              
              

            

            
相關推薦

			   
            
            
            
 

    


    
    
angularjs-增刪改查+排序

     
 
                
<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src 



  
 

    


    
    
javascript 表格增刪改查 排序不會（第一次寫部落格，求交流哈）

     
   
學習JS快1個月了，博主本人上的是培訓的，快考試了，補習下學過的 
發下今晚寫的吧。。。 
有大神看看我的這種程度，排序事件怎麼弄~~ 
<!DOCTYPE html><html lang="zh"><head>    < 



  
 

    


    
    
AngularJs 增刪改查+刪除+批量刪除+全反選

     
 
							
							
							

<head>
	<meta charset="utf-8" />
	<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></s 



  
 

    


    
    
angularJS增刪改查敏感字

     
        if($scope.shang[i].state == true) {
        $scope.shang.
        
        i--;
       }
      }
     }
    }
   //判斷日期 
    $scope.valu = function( 



  
 

    


    
    
angularJS增刪改查，非空，年齡區間

     
 
                
<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <script type="text/jav 



  
 

    


    
    
mysql 增刪改查排序分頁最簡單的語法

     
 
                
UPDATE `USER` SET username=1 where userId=1;
UPDATE `USER` SET `PASSWORD` = 2 WHERE userId = 2;
SELECT * FROM `USER`;
SELECT * FROM USER  



  
 

    


    
    
go語言筆記——切片函數常見操作，增刪改查和搜索、排序

     
 通過   學習   strings   完整   官方文檔   二分   func   fun   必須   7.6.6 搜索及排序切片和數組
標準庫提供了 sort 包來實現常見的搜索和排序操作。您可以使用 sort 包中的函數 func Ints(a []int) 來實現對 int 類型的切片排序。例如  



  
 

    


    
    
AngularJS 實現管理系統中的增刪改查

     
 系統   earch   load   onf   auto   splay   adding   bootstrap   sof   
  前 言
AngularJS
在一個管理系統中，不外乎都是增刪改查。
現在有如下圖書管理系統，實現簡單的增刪改查。


需要用到bootstrap.css 、angula 



  
 

    


    
    
列表(索引與切片，增刪改查) ，計數，排序，元祖和元祖的嵌套

     
 元素   col   切片   ack   list   升序   不能   height   pen    1.列表
       1.列表相比於字符串. 不限制數據類型. 而且可以存放大量的數據
　    2.表示方式： [] 方括號中的每一項都要逗號隔開
　　3.列表和字符串一樣，也有索引與切片
常用功 



  
 

    


    
    
Mybatis實現部門表增刪改查以及排序

     
 tis   hide   映射   類型   f2c   cep   interface   mes   sele   廢話不說,直接開門見山!
需要在WebContent下的lib下導入兩個包
mybatis-3.2.5.jar
ojdbc6.jar
 


 1 package com.xdl.entit 



  
 

    


    
    
MySQL—增刪改查，分組，連表，limit，union，alter，排序，去重

     
 MySQL增刪改查 
  
在表格的增刪改查中，查的內容是最多的，包括group by ，join，limit，union，alter，排序都是服務於查的 

 
  
  
  #sql語句資料行操作補充

#增加：
    #insert into table_name(欄位1，欄位2)  



  
 

    


    
    
二叉排序樹 基礎操作 增刪改查

     
 
                //本人比較懶，寫不寫註釋看心情

#include<iostream>
#include<malloc.h>
#include<cstdio>
#include<cstdlib>
using namespace std;
ty 



  
 

    


    
    
SQL server基礎的增刪改查 分組 排序

     
 
							
							
							查：select * from 表名，加條件的話後加where條件
增：insert into 表名 ralues(“1” “2” “3”)123為值（要與資料庫的資料保持一致）後不用加條件
刪：delete from 表名，後必須加條件where id=2，如 



  
 

    


    
    
（一）solr 7.31版本window系統全程安裝搭建，涵蓋專案用到的大部分配置，常用查詢，solr多條件查詢、排序，配置資料庫，定時同步，全量與增量更新，使用solrJ在java程式進行增刪改查

     
  
  
  
 前言：由於專案最近在做淘寶客商品資訊查詢這一塊，做搜尋引擎，離不開全文搜尋伺服器，我這裡選擇了solr。solr的好處可以自行百科，這裡主要是講解技術。這篇文章主要講解window的安裝和使用。若大家感興趣或者專案用到，希望你能跟著我的步驟進行下去，如果遇到問題，可以後續看下我在最底下的問題 



  
 

    


    
    
java 移動節點，排序號進行重新排序，以閉包形式實現ztree增刪改查操作，其中排序運用到此方法

     
 
                
package com.avic.custom.controller.ct;

import java.util.HashMap;
import java.util.Map;
/**
 * 移動節點重新排序操作
 * @author Administrator
 *
 */ 



  
 

    


    
    
angularjs陣列增刪改查

     
   <center>
   <h2>賬單查詢</h2>
   <input type="text" ng-model="add_id"/>
   <input type="text" ng-model="add_name" />
   <inp 



  
 

    


    
    
angularjs表格的增刪改查完成功能

     
 
                
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        &l 



  
 

    


    
    
Flask第四天-MongoDB介紹、增刪改查、資料型別、比較符、查詢關鍵字、修改器、排序選取跳過

     
  
 
 db                檢視當前資料庫 show dbs        查詢所有資料庫（在物理磁碟上的） u 



  
 

    


    
    
java   順序表實現增刪改查，合併，排序功能

     
   /**   * @param args   */    public int []data;  public int yupeijie_length;  final int Maxsize=1024;  public yupeijie_Seq(){   data=new int[1024];   this 



  
 

    


    
    
java實現單鏈表的增刪改查與排序

     
 
                
LinkNode

package LinkList;

class Node{
	public Node next;
	public int data;
	public Node(int data){
		this.data=data;
	}
}
public class