網頁內從mySQL抓的資料套用AngularJS的table style

oscarkiller

最近剛學php
想要在網頁內顯示從mySQL抓過來的資料

現在我的網頁是用

下載: 訪客無法瀏覽下載點，請先 註冊 或 登入會員

顯示table

...

瀏覽完整內容，請先 註冊 或 登入會員

theloserbm

有2種方法

簡單的方法是沿用之前的code, 把mysql得到的result用json encode然後放到javascript的var裡面, 然後$scope再讀取那個var就好

1. $result = mysql_...
   
2. $json = json_encode($result);
   
3. 
   
4. echo "<script>var data = $json</script>"
   
5. 
   
6. ...
   
7. $scope.myItems = data;

複製代碼

第二種方法比較複雜, 但是是SPA(Single Page Application)的標準做法.
是把主頁和資料獲取分開, 主頁只負責顯示Angular的空殼, 資料的API則return json的形式...

瀏覽完整內容，請先 註冊 或 登入會員

oscarkiller

theloserbm 發表於 2017-5-30 04:05 PM

下載: 訪客無法瀏覽下載點，請先 註冊 或 登入會員

有2種方法

簡單的方法是沿用之前的code, 把mysql得到的result用json encode然後放到javascript的var裡面,  ...

...

瀏覽完整內容，請先 註冊 或 登入會員

theloserbm

oscarkiller 發表於 2017-5-30 08:03 PM

下載: 訪客無法瀏覽下載點，請先 註冊 或 登入會員

請問這樣有錯嗎?
他沒有顯示表格出來
對了還有個小問題

直接的話你需要寫成大概是
$scope.myItems = <?php echo $json ?>;
...

瀏覽完整內容，請先 註冊 或 登入會員

oscarkiller

theloserbm 發表於 2017-5-30 08:24 PM

下載: 訪客無法瀏覽下載點，請先 註冊 或 登入會員

直接的話你需要寫成大概是
$scope.myItems = ;

...

瀏覽完整內容，請先 註冊 或 登入會員

danny543

1. $data = array();
   
2. while($row = mysql_fetch_array( $result ))
   
3.     $data[] = $row;
   
4. $json = json_encode($data);
   
5. 
   
6. echo "<script>var data = $json</script>";

複製代碼

oscarkiller

danny543 發表於 2017-5-30 09:43 PM

下載: 訪客無法瀏覽下載點，請先 註冊 或 登入會員

...

瀏覽完整內容，請先 註冊 或 登入會員

oscarkiller

之後我自己弄好了
我改用PDO連資料庫
他才抓得到資料轉JSON
我也不知道為什麼

1. $db_host = "";
   
2.        $db_user = "";
   
3.        $db_pass = "";
   
4.        $db_select = "";
   
5. $dbconnect = "mysql:host=".$db_host.";dbname=".$db_select;
   
6. $db=new PDO($dbconnect, $db_user, $db_pass);
   
7.   $row=$db->prepare('select * from account');  
   
8. $row->execute();//execute the query  
   
9. $json_data=array();//create the array  
   
10. foreach($row as $rec)//foreach loop  
    
11. {  
    
12. $json_array['dateAndTime']=$rec['dateAndTime'];  
    
13.     $json_array['category']=$rec['category'];  
    
14.     $json_array['content']=$rec['content'];  
    
15.     $json_array['sum']=$rec['sum'];  
    
16. //here pushing the values in to an array  
    
17.     array_push($json_data,$json_array);  
    
18. }  
    
19. //built in PHP function to encode the data in to JSON format  
    
20. $dataA = json_encode($json_data);
    
21. echo "<script>var data = $dataA</script>";

複製代碼

...

瀏覽完整內容，請先 註冊 或 登入會員