php - 从 Angular 2 Web 应用程序在 MySQL 中插入数据

Question

我开始学习 Angular 2，我必须使用 Ajax 在数据库中插入一些数据。我创建了一个 Angular 2 页面来在数据库中注册一些电视剧。

遵循表单的代码:

<form (submit)="cadastrarSerie()">
  <div class="form-group">
    <label for="inputNomeSerie">Nome da Serie:</label>
    <input name="inputNomeSerie" type="text" class="form-control" id="inputNomeSerie" [(ngModel)]="nome" required>
  </div>
  <div class="form-group">
    <label for="inputSinopseSerie">Sinopse:</label>
    <textarea name="inputSinopseSerie" class="form-control" rows="5" id="inputSinopseSerie" [(ngModel)]="sinopse" required></textarea>
  </div>
  <div class="form-group">
    <label for="inputTemporadaSerie">Temporadas:</label>
    <input name="inputTemporadaSerie" min="1" type="number" class="form-control" id="inputTemporadaSerie" [(ngModel)]="temporadas" required>
  </div>
  <div class="form-group">
    <label for="inputProdutoraSerie">Produtora da Serie:</label>
    <input name="inputProdutoraSerie" type="text" class="form-control" id="inputProdutoraSerie" [(ngModel)]="produtora" required>
  </div>
  <button type="submit" class="btn btn-default">Cadastrar</button>
</form>

按照请求.php文件的函数代码，插入数据库:

  public nome:String;
  public sinopse:String;
  public temporadas:number;
  public produtora:String;
  public cadastrado:String;

  public cadastrarSerie(){
    if(this.nome.length>0 && this.sinopse.length>0 && this.temporadas>0 && this.produtora.length>0){
      let req = new XMLHttpRequest();
      req.onreadystatechange = function() {
        if(req.readyState === 4 && req.status==200){
          let x = JSON.parse(req.responseText);

        }
      }
      req.open("get","/cadastrarSerie.php?nome="+this.nome+"&sinopse="+this.sinopse+"&temporadas="+this.temporadas+"&produtora="+this.produtora,true);
      req.send();
    }
  }

还有插入数据库的“cadastrarSerie.php”(英文为registerSerie.php)的代码:

<?php
if(isset($_GET['nome']) && isset($_GET["sinopse"]) && isset($_GET["temporadas"]) && isset($_GET["produtora"])){
    include "./Serie.php";
    $serie = new Serie(null,$_GET["nome"],$_GET["sinopse"],$_GET["temporadas"],$_GET["produtora"]) ;
    $serie->inserir();
    return true;
}else{
    return false;
}
?>

我知道，Angular 是客户端，虽然 PHP 是服务器端，但我不知道如何让它工作，我正在使用“ng serve”启动 HTTP 服务器来测试 angular 2 页。

如何在数据库中插入数据？我必须使用像 Xampp 这样的东西吗？

Answer 1

从您提供的输入来看，您似乎需要一个服务器来托管您的 .php 文件，除非它由网络服务器(xamp/wamp/lamp..etc)提供服务，否则它不会工作。您需要安装 xampp，然后将您的 php 文件移动到它的 www 目录中。