<!DOCTYPE html> <html> <head> <title>网吧管理系统-会员信息信息管理</title> <meta charset="UTF-8"> <style type="text/css"> /* 导航栏样式 */ nav { background-color: #333; overflow: hidden; } nav a { float: left; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } nav a:hover { background-color: #ddd; color: black; } /* 表格样式 */ table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } tr:nth-child(even) { background-color: #f2f2f2; } th { background-color: #333; color: white; } </style> </head> <body> <nav> <a href="#">首页</a> <a href="#">会员信息管理</a> <a href="#">上机记录查询</a> <a href="#">收费标准管理</a> <a href="#">系统设置</a> </nav> </body>以此代码为基础续写网吧管理系统商品管理模块代码
时间: 2023-12-30 19:03:05 浏览: 28
<!DOCTYPE html>
<html>
<head>
<title>网吧管理系统-商品管理</title>
<meta charset="UTF-8">
<style type="text/css">
/* 导航栏样式 */
nav {
background-color: #333;
overflow: hidden;
}
nav a {
float: left;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
nav a:hover {
background-color: #ddd;
color: black;
}
/* 表格样式 */
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
th {
background-color: #333;
color: white;
}
</style>
</head>
<body>
<nav>
<a href="#">首页</a>
<a href="#">会员信息管理</a>
<a href="#">上机记录查询</a>
<a href="#">收费标准管理</a>
<a href="#">商品管理</a>
<a href="#">系统设置</a>
</nav>
<h2>商品信息列表</h2>
<table>
<tr>
<th>ID</th>
<th>名称</th>
<th>价格</th>
<th>库存</th>
<th>操作</th>
</tr>
<tr>
<td>1</td>
<td>可乐</td>
<td>3元</td>
<td>50瓶</td>
<td><a href="#">编辑</a> | <a href="#">删除</a></td>
</tr>
<tr>
<td>2</td>
<td>薯片</td>
<td>5元</td>
<td>30袋</td>
<td><a href="#">编辑</a> | <a href="#">删除</a></td>
</tr>
<tr>
<td>3</td>
<td>矿泉水</td>
<td>2元</td>
<td>100瓶</td>
<td><a href="#">编辑</a> | <a href="#">删除</a></td>
</tr>
</table>
<br>
<h2>添加商品</h2>
<form>
<label for="name">名称:</label>
<input type="text" id="name" name="name">
<br><br>
<label for="price">价格:</label>
<input type="text" id="price" name="price">
<br><br>
<label for="stock">库存:</label>
<input type="text" id="stock" name="stock">
<br><br>
<input type="submit" value="添加">
</form>
</body>
</html>