今天来在网页上显示出 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】的值,请输入你想连线的资料库名称
2.新建立,或选择1个想用来看成果的.php档(我选择之前建立的 Hello.php)
并在Hello.php的最上面加入下列程序码
<?php
include('db_cn.php'); //这是引入刚刚写完,用来连线的.php
?>
3.来列印某资料表的内容(我选择,资料库test_2021 中的 表staff )
程序码整体会长这样(下面范例有引入 Bootstrap的表格 样式)
其中比较重要的是的包法,这种包法,可以不用 "echo" 来做显示。
(另外就是可以多看看 Bootstrap排版 ,来...帮助排版,
下面也有使用。div 带有container的,让整装表格在网页中间)
<?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>
成果长这样
今天先这样,下次见
<<: [Day-8] R语言 - K - means 实作 ( K - means in R.Studio)
>>: Day08 - 套用 Html Helper - 复杂型别 object + collection
Button Ripple Effect(原生JS版) CodePen Link: https://...
之前有提到EyeJack可以拿来做明信片,但EyeJack除了可以做明信片外,也很适合用来写日记,只...
今天介绍的State Pattern与昨天的Strategy Pattern非常的相似,不过它们...
今天要来介绍 Bootstrap 工具、通用类别 在这章节中,最重要的就是要熟悉各种装置尺寸代号, ...
选择这个题目, 主要是想了解金融API 也想要挑战自己 也顺便磨练写API 也想要跟大家一起学习 不...