第08天 - PHP 列印出MySQL资料表的内容

今天来在网页上显示出 MySQL资料表 的内容

1.连线到资料库,首先要新建立1个.php档(我取名为 db_cn.php),并输入以下程序码
(因为只是单纯连线用,不必引入任何东西,直接空白打上这些程序码就好)
(然後写 PHP语言的内容 都要像这样 被 <问号PHP问号> 包起来)
(而PHP的变数名称都用 $钱字号 当开头)

<?php
$db_host = "localhost";
$db_username = "root";
$db_password = "";
$database = "test_2021"; //因为是本地测试,改这一段就好(输入你指定的资料库名称,我指定test_2021,如下图)

$con = mysqli_connect("$db_host", "$db_username", "$db_password", "$database");

if(!$con)
{
	die("连线失败!!!!!");

	$ssql = "set names utf8";
	mysqli_query($con,$ssql);
}
?>

上面程序码【$database】的值,请输入你想连线的资料库名称https://ithelp.ithome.com.tw/upload/images/20210908/20141355wI9o6m2Q5O.png

2.新建立,或选择1个想用来看成果的.php档(我选择之前建立的 Hello.php)
并在Hello.php的最上面加入下列程序码

<?php 
include('db_cn.php');  //这是引入刚刚写完,用来连线的.php
?>

3.来列印某资料表的内容(我选择,资料库test_2021 中的 表staff )
程序码整体会长这样(下面范例有引入 Bootstrap的表格 样式)
其中比较重要的是的包法,这种包法,可以不用 "echo" 来做显示。
(另外就是可以多看看 Bootstrap排版 ,来...帮助排版,
下面也有使用。div 带有container的,让整装表格在网页中间)
https://ithelp.ithome.com.tw/upload/images/20210908/201413550H0VkVCWE9.png

<?php 
include('db_cn.php');  //这是引入刚刚写完,用来连线的.php
?>
<!DOCTYPE html>
<html lang="en">
<title>(网页名称)</title>
<head>
	
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>

<body>

<?php 
	$query = "SELECT * FROM staff  "; //搜寻 *(全部栏位) ,从 表staff

	//mysqli_query << PHP 有很多种...指令(?) ,这是其中一个,我现在还都是学到甚麽用什麽,没办法自己看手册,然後实验+学习使用。 

	$query_run = mysqli_query($con,$query); //$con <<此变数来自引入的 db_cn.php
?>
<div class="container">

	<table class="table table-sm table-bordered"style="text-align:center;">
		<thead style="text-align:center;">
			<tr style="text-align:center;">
				<th>档案类别</th>
				<th>会员姓名</th>
				<th>会员等级</th>
			</tr>
		</thead>

		<tbody>
			<!-- 大括号的上、下半部分 分别用 PHP 拆开 ,这样中间就可以纯用HTML语法-->
			<?php
				if(mysqli_num_rows($query_run) > 0)
				{
					foreach($query_run as $row)
					{
			?>
							<tr>
								<!-- $row['(输入资料表的栏位名称)'];  <<用双引号也行 -->
								<td><?php echo $row['staff_id']; ?></td> 
								<td><?php echo $row['staff_name']; ?></td> 
								<td><?php echo $row['staff_role']; ?></td>
							</tr>
			<?php
				  }
				}
			?>
		</tbody>
	</body>

</div>

<!--BOOTSTRAP的东西------------------------------------------------------------------------->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</html>

成果长这样

https://ithelp.ithome.com.tw/upload/images/20210908/201413550GXUDVhs5J.png

今天先这样,下次见


<<:  [Day-8] R语言 - K - means 实作 ( K - means in R.Studio)

>>:  Day08 - 套用 Html Helper - 复杂型别 object + collection

#8 Button Ripple Effect(原生JS版)、#5. Q&A Section(Vue版)

Button Ripple Effect(原生JS版) CodePen Link: https://...

Day30 把同学变成刘德华 他需要几杯忘情水

之前有提到EyeJack可以拿来做明信片,但EyeJack除了可以做明信片外,也很适合用来写日记,只...

IT铁人DAY 17-State 状态模式

  今天介绍的State Pattern与昨天的Strategy Pattern非常的相似,不过它们...

【後转前要多久】# Day20 BootStrap - 通用类别 Utilities

今天要来介绍 Bootstrap 工具、通用类别 在这章节中,最重要的就是要熟悉各种装置尺寸代号, ...

大家好

选择这个题目, 主要是想了解金融API 也想要挑战自己 也顺便磨练写API 也想要跟大家一起学习 不...