SQL AngularJS

AngularJS rất phù hợp để hiển thị dữ liệu trong cơ sở dữ liệu. Chỉ cần đảm bảo dữ liệu ở định dạng JSON.

Lấy dữ liệu từ máy chủ PHP đang chạy MySQL

Mô hình AngularJS

<div ng-app="myApp" ng-controller="customersCtrl">

  <table>
    <tr ng-repeat="x in names">
    <td>{{ x.Name }}</td>
  <td>{{ x.Country }}</td>
</tr>
</table>
</div>
<script>
var app = angular.module('myApp', []);
  $http.get("customers_mysql.php")
  $http.get("customers_sql.aspx")
.then(function (response) {$scope.names = response.data.records;});
});

</script>


Lấy dữ liệu từ máy chủ ASP.NET đang chạy SQL


Mô hình AngularJS


<div ng-app="myApp" ng-controller="customersCtrl">






  <table>
    <tr ng-repeat="x in names">
    <td>{{ x.Name }}</td>
  <td>{{ x.Country }}</td>
</tr>
</table>
</div>
<script>
var app = angular.module('myApp', []);
  app.controller('customersCtrl', function($scope, $http) {
  $http.get("customers_sql.aspx")
.then(function (response) {$scope.names = response.data.records;});
});

</script>


Thử trực tiếp


Mã nguồn máy chủ mẫu


    

  • Phần sau đây liệt kê mã nguồn máy chủ để lấy dữ liệu SQL.
    • 

  • Sử dụng PHP và MySQL. Trả về JSON.
    • 

  • Sử dụng PHP và MS Access. Trả về JSON.
    • 

  • Sử dụng ASP.NET, VB và MS Access. Trả về JSON.
    • 





Sử dụng ASP.NET, Razor và SQL Lite. Trả về JSON.


Yêu cầu giữa các trang web HTTPYêu cầu giữa các trang web từ các máy chủ khác nhau (ngoài trang yêu cầu) được gọi là Giữa các trang web


Yêu cầu HTTP.


Do lý do an toàn, các yêu cầu giữa các trang web rất phổ biến trên mạng. Nhiều trang web tải CSS, hình ảnh và script từ các máy chủ khác nhau.do các script phát raYêu cầu HTTP giữa các trang web được giới hạn ởTrang web cùng một site.


Trong ví dụ PHP của chúng tôi, các dòng sau đã được thêm để cho phép truy cập giữa các trang web.


header("Access-Control-Allow-Origin: *");





1. Mã nguồn máy chủ PHP và MySQL


<?php
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=UTF-8");
$conn = new mysqli("myServer", "myUser", "myPassword", "Northwind");
$result = $conn->query("SELECT CompanyName, City, Country FROM Customers");
$outp = "";
while($rs = $result->fetch_array(MYSQLI_ASSOC)) {
  if ($outp != "") {$outp .= ",";}
  $outp .= '{"Name":"' . $rs["CompanyName"] . '",'
  $outp .= '"City":"' . $rs["City"] . '",'
  $outp .= '"Country":"'. $rs["Country"] . '"}';
}
$outp ='{"records":['.$outp.']}';
$conn->close();
echo($outp);
?>





2. Mã nguồn máy chủ PHP và MS Access


<?php
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=ISO-8859-1");
$conn = new COM("ADODB.Connection");
$conn->open("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source=Northwind.mdb");
$rs = $conn->execute("SELECT CompanyName, City, Country FROM Customers");
$outp = "";
while (!$rs->EOF) {
  if ($outp != "") {$outp .= ",";}
  $outp .= '{"Name":"' . $rs["CompanyName"] . '",'
  $outp .= '"City":"' . $rs["City"] . '",'
  $outp .= '"Country":"'. $rs["Country"] . '"}';
  $rs->MoveNext();
}
$outp ='{"records":['.$outp.']}';
$conn->close();
echo ($outp);
?>





3. Mã nguồn máy chủ ASP.NET, VB và MS Access


<%@ Import Namespace="System.IO"%>
<%@ Import Namespace="System.Data"%>
<%@ Import Namespace="System.Data.OleDb"%>
<%
Response.AppendHeader("Access-Control-Allow-Origin", "*")
Response.AppendHeader("Content-type", "application/json")
Dim conn As OleDbConnection
Dim objAdapter As OleDbDataAdapter
Dim objTable As DataTable
Dim objRow As DataRow
Dim objDataSet As New DataSet()
Dim outp
Dim c
conn = New OledbConnection("Provider=Microsoft.Jet.OLEDB.4.0;data source=Northwind.mdb")
objAdapter = New OledbDataAdapter("SELECT CompanyName, City, Country FROM Customers", conn)
objAdapter.Fill(objDataSet, "myTable")
objTable = objDataSet.Tables("myTable")
outp = ""
c = chr(34)
for each x in objTable.Rows
if outp <> "" then outp = outp & ","
outp = outp & "{" & c & "Name" & c & ":" & c & x("CompanyName") & c & ","
outp = outp & c & "City" & c & ":" & c & x("City") & c & ","
outp = outp & c & "Country" & c & ":" & c & x("Country") & c & "}"
next
outp = "{" & c & "records" & c & ":[" & outp & "]}"
response.write(outp)
conn.close
%>





4. Mã nguồn máy chủ ASP.NET, Razor C# và SQL Lite


@{
Response.AppendHeader("Access-Control-Allow-Origin", "*")
Response.AppendHeader("Content-type", "application/json")
var db = Database.Open("Northwind");
var query = db.Query("SELECT CompanyName, City, Country FROM Customers");
var outp = ""
var c = chr(34)
}
@foreach(var row in query){
if (outp != "") {outp = outp + ","}
outp = outp + "{\" + c + \"Name\" + c + ":" + c + @row.CompanyName + c + ","
outp = outp + c + \"City\" + c + ":" + c + @row.City + c + ","
outp = outp + c + \"Country\" + c + ":" + c + @row.Country + c + \"}"
}
outp = "{\" + c + \"records\" + c + ":[\" + outp + \"]}"
@outp