jQuery實現刪除li節點的方法
740
2024-02-10
一、展示單行的用戶信息表
首先我們需要創建兩個文件，一個為html文件，一個為php文件。
這里博主就創建了form.html和formHandle.php兩個文件。
下面展示一下兩個文件的內容：
form.html的文件內容：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="test.php" method="get"> 用戶名：<input type="text" name="user" value="" /><br/> 密碼：<input type="password" name="pass" value="" /><br/> 性別：<input type="radio" name="sex" value="0" />男 <input type="radio" name="sex" value="1" />女<br/> 興趣：<input type="checkbox" name="hobby[]" value="0" />寫代碼 <input type="checkbox" name="hobby[]" value="1" />修改代碼 <input type="checkbox" name="hobby[]" value="2" />上傳代碼<br/> 城市：<select name="city"> <option value="0">上海</option> <option value="1">杭州</option> </select><br/> 簡介：<textarea name="intro"></textarea><br/> <input type="submit" value="提交"/> </form> </body> </html>
效果展示：
這里要注意的是：類似性別，興趣，城市這三類我們可以用value數值傳入0，1，2來代表用戶分別選的不同的選項。
興趣部分，因為是多選，所以我們需要傳入一個數組來方便我們展示，所有name屬性寫的是hobby[]來記錄。
formHandle.php的文件內容：
<?php
$inf = $_GET;
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<table border="1">
<tr>
<td>用戶名</td>
<td>密碼</td>
<td>性別</td>
<td>興趣</td>
<td>城市</td>
<td>簡介</td>
</tr>
<tr>
<td><?php echo $inf["user"] ?></td>
<td><?php echo $inf["pass"] ?></td>
<td><?php
$sexArr = array("男","女");
echo $sexArr[$inf["sex"]];
?>
</td>
<td><?php
$hobbyArr = array("寫代碼","修改代碼","上傳代碼");
foreach ($inf["hobby"] as $value) {
echo $hobbyArr[$value]." ";
}
?>
</td>
<td><?php
$cityArr = array("上海","杭州");
echo $cityArr[$inf["city"]];
?>
</td>
<td><?php echo $inf["intro"] ?></td>
</tr>
</table>
</body>
</html>
接下來我們來測試一下：
最終效果為：
這里要提問一個問題，以上方法每次只能夠保存一個用戶的信息，如果想展示多行的用戶信息該怎么辦呢？
二、展示多行的用戶信息表
有經驗的后臺人士就會說了這時候就需要一個數據庫來存入信息了，這里由于博主也是剛學PHP，就用txt文件來代替一下數據庫了。
這里form.html中的<form action="test2.php" method="get">
然后建立一個text2.php文件，再建立一個存儲用戶信息的userinfo.txt和相對應做操作的userinfo.php兩個文件，一共三個文件。
text2.php的文件內容：
<?php
$str = json_encode($_GET);
$fh = fopen("userinfo.txt", "a");
fwrite($fh, $str."n");
fclose($fh);
?>
這里面由于用戶提交到后臺的信息為數組所以需要轉換成json類型的字符串，用到了json_encode();的方法，再把用戶提交的個人信息保存到userinfo.txt的文件中。
userinfo.php的文件內容：
<?php
// 用戶信息的展示頁 （把信息存文件里讀取出來）
$fh = fopen("userinfo.txt", "r");
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<table border="1">
<tr>
<td>用戶名</td>
<td>密碼</td>
<td>性別</td>
<td>愛好</td>
<td>城市</td>
<td>簡介</td>
</tr>
<?php
while ($info = fgets($fh)) {
$info = (array)json_decode($info);
?>
<tr>
<td><?php echo $info["user"]; ?></td>
<td><?php echo $info["pass"]; ?></td>
<td><?php
$sexArr = array("男", "女");
echo $sexArr[$info["sex"]];
?></td>
<td><?php
$loveArr = array("聽音樂", "看書", "打球");
foreach ($info["love"] as $value) {
echo $loveArr[$value];
}
?></td>
<td><?php
$cityArr = array("北京", "上海", "廣州");
echo $cityArr[$info["city"]];
?></td>
<td><?php echo $info["intro"]; ?></td>
</tr>
<?php
}
?>
</table>
</body>
</html>
這下可以嘗試在form.html頁面多輸入幾個用戶的信息
展示效果為：
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對綠夏網的支持。
