AngularJS SQL

📌 AngularJS और SQL का Direct Connection?

AngularJS एक frontend framework है, यानी यह सिर्फ ब्राउज़र में चलता है और HTML, CSS, JavaScript के साथ काम करता है।
जबकि SQL एक database language है जो server पर चलती है — जैसे MySQL, SQLite, PostgreSQL आदि।

🔴 AngularJS सीधे SQL से connect नहीं कर सकता क्योंकि AngularJS के पास server-level access नहीं होता।

---

✅ तो AngularJS और SQL साथ में कैसे काम करते हैं?

AngularJS SQL से data को fetch या send indirectly करता है — किसी backend (server-side) API के माध्यम से।

🔄 पूरा Flow इस तरह होता है:

AngularJS (Frontend)
    ↓
$http (API Call)
    ↓
Server-side Script (PHP, Node.js, Python, etc.)
    ↓
SQL Query (MySQL, etc.)
    ↓
Database से Data आता है
    ↓
Server Response → AngularJS में दिखता है

---

✅ Real-World Example Flow:

🧩 AngularJS + PHP + MySQL

Step 1: AngularJS Code (GET request)

$http.get("get-users.php").then(function(response) {
  $scope.users = response.data;
});

Step 2: PHP Code (get-users.php)

<?php
$conn = new mysqli("localhost", "root", "", "mydb");
$result = $conn->query("SELECT * FROM users");
$data = [];

while($row = $result->fetch_assoc()) {
  $data[] = $row;
}
echo json_encode($data);
?>

अब AngularJS को JSON format में data मिलेगा जिसे वो table या list में दिखा सकता है।

---

✅ Example: Table में MySQL Data दिखाना

<div ng-app="myApp" ng-controller="userCtrl">
  <table border="1">
    <tr><th>ID</th><th>Name</th><th>Email</th></tr>
    <tr ng-repeat="user in users">
      <td>{{ user.id }}</td>
      <td>{{ user.name }}</td>
      <td>{{ user.email }}</td>
    </tr>
  </table>
</div>

<script>
var app = angular.module("myApp", []);
app.controller("userCtrl", function($scope, $http) {
  $http.get("get-users.php").then(function(response) {
    $scope.users = response.data;
  });
});
</script>

---

📥 Data Insert (POST Request)

AngularJS Side:

$http.post("insert.php", {
  name: $scope.name,
  email: $scope.email
}).then(function(response) {
  $scope.message = response.data;
});

PHP Side (insert.php):

<?php
$data = json_decode(file_get_contents("php://input"));
$name = $data->name;
$email = $data->email;

$conn = new mysqli("localhost", "root", "", "mydb");
$conn->query("INSERT INTO users (name, email) VALUES ('$name', '$email')");
echo "User inserted successfully!";
?>

---

🔐 Best Practices:

• ✅ हमेशा AngularJS से data भेजने के लिए API use करें
• ✅ Backend पर SQL queries से data fetch/insert करें
• ✅ JSON format में data भेजें और पाएं
• ❌ AngularJS से सीधे database को connect ना करें (Security Risk!)

---

🧠 अभ्यास प्रश्न (Exercise)

1. क्या AngularJS SQL database से directly connect हो सकता है?
2. AngularJS को SQL से जोड़ने के लिए कौन-कौन से layers ज़रूरी हैं?
3. GET और POST API methods में क्या फर्क है?

---

✅ आपने क्या सीखा?

• AngularJS और SQL का सीधा संबंध नहीं है
• AngularJS को SQL से जोड़ने के लिए backend (PHP, Node.js) चाहिए
• AngularJS में $http service से API call की जाती है
• Server-side script SQL से data लाकर AngularJS को JSON में देती है
• AngularJS Frontend + SQL Backend मिलकर powerful apps बनते हैं

---

🎯 अब आप समझ चुके हैं कि AngularJS frontend hero है, और SQL backend brain — दोनों मिलकर बनाते हैं एक real-world dynamic app!