php实现从数据库取数据到前端表格及样式处理

总体上效果

1.完成表格：首先分享一个不错的在线表格html制作：https://www.textfixer.com/html/html-table-generator.php

2.从数据库取数据。主要是在body里面嵌套php语句

最主要看while里面的语句

3.处理表格中文字过长的，这里用的css控制

****table中需要重定义一下

由于table-layout的默认值是auto，即table的宽高将取决于其内容的多寡，如果内容的体积无法估测，那么最终表格的呈现形式也无法保证了，fixed一下就好了。（注意：此样式是关键）

提醒：table-layout: fixed 的表格，各列宽度由第一行决定，后面指定的宽度会被忽略。你第一行合并了，所以各列宽度就均分了。

定义一个用省略号代替多余部分的class ，给定在想要控制的td

超过你给定的长度就会用省略号代替（这个width一定也要给第一行）

4.当点击编辑链接时，希望跳转到另外一个页面并且传递想要的这一行数据，方便编辑，这里主要用到php主要传递数据的SESSION和通过url传向其它页面传递参数

在开头开启SESSION,用到SESSION二维数据处理。定义一个参数ant主要用来标识用于希望展示第几行的数据，

跳转到另外的php文件时，加上参数方式：?new=

revise.php文件var_dump一下

效果如图

源码：

<!DOCTYPE html>

<html>

<head>

.tftable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #ebab3a;border-collapse: collapse;table-layout: fixed;}

.tftable th {font-size:12px;background-color:#e6983b;border-width: 1px;padding: 8px;border-style: solid;border-color: #ebab3a;text-align:left;}

.tftable tr {background-color:#ffffff;}

.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #ebab3a;}

.tftable tr:hover {background-color:#ffff99;}

.cut_str{

/*设置文本为单行，如果超出长度用省略号代替*/

width: 200px;

overflow: hidden;/*隐藏超出单元格的部分*/

text-overflow: ellipsis;/*将被隐藏的那部分用省略号代替。*/

-o-text-overflow: ellipsis;

-webkit-text-overflow: ellipsis;

-moz-text-overflow: ellipsis;

white-space: nowrap; /*规定段落中的文本不进行换行*/

}

</style>

</head>

<body>

<?php

session_start();

$servername = ;

$username = ;

$password = ;

$dbname = ;

// 创建连接

$conn = mysqli_connect($servername, $username, $password, $dbname);

// Check connection

if (!$conn) {

die("连接失败: " . mysqli_connect_error());

}

$sql = "SELECT * FROM bg_article";

$conn->set_charset("utf8"); ////设置编码

$result = mysqli_query($conn, $sql);

if(mysqli_num_rows($result) > 0){

$ant = mysqli_num_rows($result);

while($row = mysqli_fetch_assoc($result)) {

$_SESSION["temp"][$ant]=$row;

//var_dump($_SESSION["temp"][$ant]);

echo "<tr><td>".$row["id"]."</td><td>".$row["family"]."</td><td class='cut_str' id='cut_str'>".$row["mapping"]."</td><td>".$row["title"]."</td><td class='cut_str' id='cut_str'>".$row["content"]."</td><td>".$row["user"]."</td><td>".$row["addtime"]."</td><td>"."禁止删除"."</td><td>"."<a href='revise.php?new={$ant}'>编辑"."</td></tr>";

$ant--;

}

mysqli_free_result($result);//释放资源

mysqli_close($conn);

}

</table>

</body>

</html>

最后编辑于：2018.11.15 16:14:22