從引導數據表中的服務器端加載數據

Question

嗨，我是新手引導和angularJS。我試圖從服務器端MySQL使用PHP加載數據來引導，但它花費很多時間，因爲有3000條記錄，並且記錄首先加載，然後在Bootstrap Data-Table中顯示超過5分鐘。但是我需要讓它變得非常快。我也使用AngularJS。 在谷歌搜索我發現，我們可以通過處理服務器端的數據。因此， 我需要知道如何從引導數據表中的服務器端填充數據。

請幫我!!! :)

樣品JSON數據：？（這我從我的PHP文件中獲取）

get.php JSON =所有&查詢= SELECT * FROM student LIMIT 0,3

 

    [ 
     { 
      "id":"1", 
      "fname":"AARYA", 
      "mname":null, 
      "lname":"M", 
      "gender":"MALE", 
      "dob":"2004-10-04", 
      "admissiondate":"2014-03-28 06:38:49", 
      "academic_year":"2013-2014", 
      "admissionnumber":"-", 
      "class":"4", 
      "section":"D", 
      "rollno":"1", 
      "applicationnumber":null, 
      "mobile":"9655093949", 
      "transporttype":"school-transport", 
      "transportm":null, 
      "pickuppoint":"ECHAMPATTI", 
      "photo":"upload\/student\/1.jpg", 
      "parentid":"1", 
      "pickup":"125", 
      "discountid":"1", 
      "tf_discountid":"0", 
      "bs_discountid":"0" 
     }, 
     { 
      "id":"2", 
      "fname":"ABHI", 
      "mname":null, 
      "lname":"S", 
      "gender":"MALE", 
      "dob":"2004-06-13", 
      "admissiondate":"2014-03-28 03:17:35", 
      "academic_year":"2013-2014", 
      "admissionnumber":"-", 
      "class":"4", 
      "section":"D", 
      "rollno":"2", 
      "applicationnumber":null, 
      "mobile":"-", 
      "transporttype":"own-transport", 
      "transportm":null, 
      "pickuppoint":"NA", 
      "photo":"upload\/student\/2.jpg", 
      "parentid":"2", 
      "pickup":null, 
      "discountid":null, 
      "tf_discountid":"0", 
      "bs_discountid":"0" 
     }, 
     { 
      "id":"3", 
      "fname":"AHRAF", 
      "mname":null, 
      "lname":"A", 
      "gender":"MALE", 
      "dob":"2004-10-25", 
      "admissiondate":"2014-03-28 03:17:35", 
      "academic_year":"2013-2014", 
      "admissionnumber":"-", 
      "class":"4", 
      "section":"D", 
      "rollno":"3", 
      "applicationnumber":null, 
      "mobile":"9025509301", 
      "transporttype":"school-transport", 
      "transportm":null, 
      "pickuppoint":"RAYAKOTTAI", 
      "photo":"upload\/student\/3.jpg", 
      "parentid":"3", 
      "pickup":"1", 
      "discountid":null, 
      "tf_discountid":"0", 
      "bs_discountid":"0" 
     } 
    ] 

Answer 1

我會使用ng-repeat與表中的服務器的數據本身。一些沿着以下幾點：

<table class="table table-striped"> 
    <tr ng-repeat="data in serverData"> 
     <td>{{data.fname}}</td> 
     <td>{{data.lname}}</td> 
    </tr> 
</table>