AngularJS |的SQL

在任何Web应用程序中，我们都需要在数据库中保存，更新，插入数据以及从中获取数据。 AngularJS是Google开发的JavaScript MVC或Model-View-Controller框架。它帮助开发人员构建结构良好，易于测试且可维护的前端应用程序。

功能Angular JS库中的重要概念如下：

• 概念
• 模板
• 指令
• 模型
• 范围
• 表达方式
• 编译器
• 筛选
• 数据绑定
• 控制器
• 模块
• 服务

需要一个基本示例来解释AngularJS Framework使用HTML元素和属性的指令，可以通过添加其他代码轻松创建动态网页。 AngularJS对于显示数据库中的数据非常有帮助。提供的数据应为JSON格式。让我们看一个例子。数据在MySQL中，在服务器端， PHP与MySQL交互并以JSON格式获取数据。 Angular JS显示输出。通过下面的基本示例，让我们详细了解Angular JS SQL。

例子：

    
        table,
        th,
        td {
            border: 1px solid grey;
            border-collapse: collapse;
            padding: 5px;
        }
        table tr:nth-child(odd) {
            background-color: #f1f1f1;
        }
        table tr:nth-child(even) {
            background-color: #ffffff;
        }
    
    
  
    
        
            
                
                    
                    
                
            {{ output.Name }}{{ output.Country }}
        
  
        
            var app = angular.module("empApp", []);
            app.controller(
              "employeeCtrl", function ($scope, $http) {
                $http.get(
         "employee_mysql.php").then(function (response) {
                    $scope.names = response.data.records;
                });
            });
        
    

说明： ng-app指令是一个起点。此处的“ empApp”在ng-app中给出，此处开始初始化并编译HTML模板ng-controller用于在HTML元素中指定控制器。该控制器将在该HTML元素及其子元素中添加行为或维护数据服务器代码PHP和MySQL主要是输出应为JSON格式

服务器代码PHP和MySQL：

", 
                         "", 
                         "");
  
$result = $connection->query(
"SELECT EmployeeName, EmployeeCity,
EmployeeCountry FROM Employees");
  
$output = "";
while ($rs = $result->fetch_array(MYSQLI_ASSOC)) {
    if ($output != "") {
        $output = ", ";
    }
    $output .= '{"Name":"' . $rs["EmployeeName"] . '", ';
    $output .= '"City":"' . $rs["EmployeeCity"] . '", ';
    $output .= '"Country":"' .
      $rs["EmployeeCountry"] . '"}';
}
$output = '{"records":[' . $output . ']}';
$connection->close();
  
echo $output;
?>

假设Employees表有6条记录，它们在MySQL中。 PHP代码以JSON格式从MySQL检索数据，而Angular JS显示输出。
输出：

HTML代码：

    
    
        
            
            
        
        
            
            
        
        
            
            
        
        
            
            
        
        
            
            
        
        
            
            
        
    
Avinash
USA
Aisha
UK
Emma
Australia
Shreyas
India
Rachel
USA
Shravan
India

输出：