Home / Questions / 17600
Accepted
Sergio Romero
Asked: 2020-07-24 21:48:50 +0800 CST 2020-07-24 21:48:50 +0800 CST

получить информацию из базы данных с угловым 2

  • 772

Я новичок в angular 2, я немного использовал angular 1x для проекта колледжа.

Мой вопрос с angular 2, можете ли вы привести информацию из базы данных?

Например базы данных в MySQL, но мой вопрос в том, как. В angular 1 я сделал скрипт на php, который делал запрос к базе данных, но в он такой же? Как получить информацию из базы данных?

Почти все примеры, которые я видел, используют @angular/httpэтот метод, .get(<la url>) но используют файл .jsonвместо записей из таблицы.

Я думал о том, чтобы поместить файл .phpв папку компонента, который запрашивает сервер, но я не совсем уверен, почему я http.get(<la url>) не знаю, как поместить адрес в метод в URL-адресе. Пробовал с a, .jsonвсе нормально, а вот с сервером данные брать сомневаюсь.

angularjs-2.0

3 Answers

  1. Best Answer

    Хотя вы можете подключиться напрямую из Angular2, это плохая практика, поскольку она включает предоставление базы данных клиенту. Упомянутый вами метод подключения к промежуточному серверу предпочтительнее.

    Чтобы сделать запрос , PHP-скрипт должен быть размещен на веб-сервере (даже если он находится на том же компьютере). Таким образом, <la url>это будет URL-адрес, по которому находится ваш скрипт, либо по адресу, http://localhost/xxxx/tu_script.phpлибо там, где он размещен.

    Код

    Вообще говоря, и только в качестве примера

    Из Angular2

    import {Http, Response} from 'angular2/http';


class Componente {
  data: Object;

  constructor(private http: Http) {
    http.get('http://localhost/xxxx/tu_script.php')  //usar la url que corresponda
        .map((res: Response) => res.json())
        .subscribe(
            res => this.data = res,
            err => console.error(err),
            () => console.log('Funciona!')
        );
  }
}

    в PHP

    <?php

    //Conectar a MySQL y obtener los valores deseados.. 
    // En este ejemplo se asume que ya tenemos los datos en un array
    $json['query_de_bd'][] = array(
        'campo1' => 'valor1', 
        'campo2' => 'valor2',
        'etc'    =>  '...'
    );

    //Enviar headers y el JSON como respuesta
    header('Content-Type: application/json');
    header('Content-Type: text/html; charset=utf-8');
    echo json_encode($json);
?>
    • 3

  2. Для переноса данных в Angular 2 из базы данных MySQL я рекомендую использовать следующее.

    • Он использует сервисы Angular 2 для выполнения запросов к RESTFul API .

    • Создавайте RESTFul API на стороне сервера , которые получают и возвращают данные типа JSON для повышения скорости передачи данных и для правильной обработки их в представлении Angular 2 .

    • Я рекомендую вам использовать Express с Node JS .

    См. пример того, как сделать запрос и распечатать данные в представлении.

    Угловой 2 HTTP-запрос

    • 3

  3. Если метод тот же, хотя, конечно, код отличается, когда речь идет о TypeScript, поскольку angular 2 имеет http, чтобы иметь возможность вызывать службу, которая возвращает json

    Если посмотреть документацию

    http-клиент

    вы увидите, что при создании сервиса он импортируется

    import { Http, Response } from '@angular/http';

    именно через это вы вызовете службу, с помощью http.getкоторой она вернет наблюдаемое (это будет эквивалентно обещанию)

    • 1