Flutter - 如何在 Flutter 中从 Phpmyadmin 中获取和显示数据

Question

我目前面临 Flutter 的问题。 我是一个新手和...

我想在 ListView 中显示来自我的 Phpmyadmin 数据库的数据。 这是我的颤振代码：

谢谢你帮助我！

import 'dart:async';
import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new HomePage(),
    );
  }
}


class HomePage extends StatefulWidget {
  @override
  HomePageState createState() => new HomePageState();
}

class HomePageState extends State<HomePage> {

  List data;

  Future<String> getData() async {
    var response = await http.get(
      Uri.encodeFull("https://api.myjson.com/bins/qzvwt"),
      headers: {
        "Accept": "application/json"
      }
    );

    this.setState(() {
      data = json.decode(response.body);
    });

    print(data[1]["title"]);

    return "Success!";
  }

  @override
  void initState(){
    this.getData();
  }

  @override
  Widget build(BuildContext context){
    return new Scaffold(
      appBar: new AppBar(title: new Text("Listviews"), backgroundColor: Colors.blue),
      body: new ListView.builder(
        itemCount: data == null ? 0 : data.length,
        itemBuilder: (BuildContext context, int index){
          return new Card(
            child: new Text(data[index]["body"]),
          );
        },
      ),
    );
  }
}

还有我的数据库表 user_profile：

表：user_profile

| 身份证 | 姓名 | 工作| 城市 | 图标网址

Answer 1

我有同样的问题。 本教程帮我解决了这个问题。 另外请确保您的 http 请求的 url 仅返回一个数组

https://camposha.info/course/flutter-mysql/lesson/flutter-php-mysql-fill-listview-with-images-and-text/