数据输入界面
php代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>添加商品</title>
</head>
<body>
<div class="form">
<form action="proList.php" method="post">
<label for="proName">商品名称:</label>
<input id="proName" type="text" name="proName">
<label for="price">单价:</label>
<input id="price" type="text" name="price">
<button>添加.</button>
</form>
</div>
<style type="text/css">
.form{
width: 300px;
margin: 0px auto;
background-color: skyblue;
}
.form form{
display: grid;
gap: 0.5em;
}
</style>
</body>
</html>
已输入信息展示
php代码展示
<?php
session_start();
$proName = $_POST['proName'];
$price = $_POST['price'];
if(isset($_SESSION['proList'])){
$proList=$_SESSION['proList'];
}else{
$proList=[];
}
$proList[] = ['name'=>$proName,'price'=>$price];
$_SESSION['proList']=$proList;
function table(){
if(isset($_SESSION['proList'])){
$proList=$_SESSION['proList'];
}else{
$proList=[];
}
$proList[] = ['name'=>$proName,'price'=>$price];
$_SESSION['proList']=$proList;
$table='<table>';
$table.='<thead>';
$table.='<tr><th>商品名称</th><th>价格</th></tr>';
$table.='</thead>';
$table.='<tbody>';
$table.='<tr>';
foreach($proList as $k=>$v){
$table.='<tr>';
foreach ($v as $key => $value) {
$table.='<td>'.$value.'</td>';
}
$table.='</tr>';
}
$table.='</tr>';
$table.='</tbody>';
$table.='</table>';
return $table;
}
echo table();
?>