使用PHP和MySQL的flutter YouTube列表
#mysql #android #flutter #dart

在从事项目时,我遇到了使用youtube_player_flutter软件包创建动态YouTube视频列表。

所以这是我开发代码的方式。

首先,我创建了一个新的Flutter项目。然后,我打开了我的phpmyadmin,开始创建表格,以存储将显示给用户的动态数据。

Create A SQL Table
CREATE TABLE `videosapp` ( `youtubeid` varchar(100) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE videosapp ADD PRIMARY KEY (youtubeid); COMMIT;
  1. 创建PHP文件以提供来自PHPMYADMIN数据库的JSON数据。

连接到phpmyadmin。

static $DB_SERVER=””;

static $DB_NAME=””;

static $USERNAME=””;

static $PASSWORD=””;

获取数据并将其转换为JSON格式。

while($row=$result->fetch_array()) {

array_push($spacecrafts, array(“youtubeid”=>$row[‘youtubeid’])); }

print(json_encode(array_reverse($spacecrafts)));
  1. 最后一步是解析flutter应用程序中的值。

使用ListView Builder创建一个小部件,该小部件将从JSON格式中从PHP文件中检索的YouTube ID创建列表。

ListView.builder( itemCount: widget.spacecrafts.length, itemBuilder: (context, int currentIndex) {

return createViewItem(widget.spacecrafts[currentIndex], context); },

通过提供从数据库到YouTube Player Controller IntialVideoid的YouTube ID来创建列表。

final List<YoutubePlayerController> _controllers = [spacecraft.youtubeid] .map<YoutubePlayerController>( (videoId) =>

YoutubePlayerController(

initialVideoId: videoId,

flags: YoutubePlayerFlags( autoPlay: false, ), ), ) .toList();

创建一个未来的构建器并检索快照数据并将其显示在屏幕上。您也可以使用Firebase或任何其他后端服务来使用StreamBuilder显示视频列表。

您可以在此处找到该项目的完整源代码。

GitHub logo stevie1mat / Flutter-Youtube-List-With-PHP-MySql

php -mySQL(使用phpmyadmin)flutter youtube列表

flutter youtube列表来自php -mySQL(使用phpmyadmin)

使用PHP和MySQL flutter YouTube列表视图通过将其转换为JSON并在Flutter应用程序中解析。如果您不想使用PHP,也可以直接使用JSON。 (所有这些工作都遥不可及您可以编辑和更改。)


使用的软件包

更新到最后版本,以使您不遇到任何错误。


设置此步骤:

  • 创建一个SQL表
  • CREATE TABLE `videosapp` ( `youtubeid` varchar(100) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1;

    ALTER TABLE videosapp 添加主键(youtubeid); 犯罪;

  • 使用您的凭据和表名称编辑VideoApp.php文件,然后将其上传到您的服务器。
  • 最终将链接更改为list.dart文件中的PHP文件。已经提供了示例链接,请不要以任何方式滥用它。

屏幕截图

给我买咖啡