设计一个web程序,完成图书信息的管理。主要完成图书信息的添加、查询、删除、修改等操作。 另外,建立数据库bookdb,在该数据库下建立一个图书表book,图书包含信息:图书号、图书名、作者、价格、备注字段。
时间: 2023-07-10 18:09:27 浏览: 190
好的,我可以为您提供一个简单的图书管理系统的设计方案。
首先,我们需要创建一个数据库bookdb,并在其中创建一个名为book的表,该表包含以下字段:图书号、图书名、作者、价格、备注。
接下来,我们需要设计一个web界面,以便用户可以通过该界面完成图书信息的添加、查询、删除和修改等操作。可以使用HTML、CSS和JavaScript等前端技术来设计界面,使用PHP或其他后端语言来处理用户请求并与数据库进行交互。
以下是一个简单的示例代码:
```
<!DOCTYPE html>
<html>
<head>
<title>图书管理系统</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>图书管理系统</h2>
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#add">添加</a></li>
<li><a data-toggle="tab" href="#search">查询</a></li>
<li><a data-toggle="tab" href="#delete">删除</a></li>
<li><a data-toggle="tab" href="#update">修改</a></li>
</ul>
<div class="tab-content">
<!-- 添加图书 -->
<div id="add" class="tab-pane fade in active">
<h3>添加图书信息</h3>
<form method="post" action="add_book.php">
<div class="form-group">
<label for="book_id">图书号:</label>
<input type="text" class="form-control" id="book_id" name="book_id">
</div>
<div class="form-group">
<label for="book_name">图书名:</label>
<input type="text" class="form-control" id="book_name" name="book_name">
</div>
<div class="form-group">
<label for="author">作者:</label>
<input type="text" class="form-control" id="author" name="author">
</div>
<div class="form-group">
<label for="price">价格:</label>
<input type="text" class="form-control" id="price" name="price">
</div>
<div class="form-group">
<label for="remark">备注:</label>
<input type="text" class="form-control" id="remark" name="remark">
</div>
<button type="submit" class="btn btn-default">添加</button>
</form>
</div>
<!-- 查询图书 -->
<div id="search" class="tab-pane fade">
<h3>查询图书信息</h3>
<form method="post" action="search_book.php">
<div class="form-group">
<label for="search_book_id">图书号:</label>
<input type="text" class="form-control" id="search_book_id" name="search_book_id">
</div>
<button type="submit" class="btn btn-default">查询</button>
</form>
<div id="search_result"></div>
</div>
<!-- 删除图书 -->
<div id="delete" class="tab-pane fade">
<h3>删除图书信息</h3>
<form method="post" action="delete_book.php">
<div class="form-group">
<label for="delete_book_id">图书号:</label>
<input type="text" class="form-control" id="delete_book_id" name="delete_book_id">
</div>
<button type="submit" class="btn btn-default">删除</button>
</form>
</div>
<!-- 修改图书 -->
<div id="update" class="tab-pane fade">
<h3>修改图书信息</h3>
<form method="post" action="update_book.php">
<div class="form-group">
<label for="update_book_id">图书号:</label>
<input type="text" class="form-control" id="update_book_id" name="update_book_id">
</div>
<div class="form-group">
<label for="update_book_name">图书名:</label>
<input type="text" class="form-control" id="update_book_name" name="update_book_name">
</div>
<div class="form-group">
<label for="update_author">作者:</label>
<input type="text" class="form-control" id="update_author" name="update_author">
</div>
<div class="form-group">
<label for="update_price">价格:</label>
<input type="text" class="form-control" id="update_price" name="update_price">
</div>
<div class="form-group">
<label for="update_remark">备注:</label>
<input type="text" class="form-control" id="update_remark" name="update_remark">
</div>
<button type="submit" class="btn btn-default">修改</button>
</form>
</div>
</div>
</div>
<script>
// 查询图书信息
$(document).ready(function(){
$("form").submit(function(event){
event.preventDefault();
var form_data = $(this).serialize();
$.ajax({
url: $(this).attr('action'),
type: $(this).attr('method'),
data: form_data,
success: function(result){
$("#search_result").html(result);
}
});
});
});
</script>
</body>
</html>
```
上述代码使用了Bootstrap框架来实现界面样式,同时使用了jQuery和Ajax来处理用户请求。其中,添加图书和删除图书的操作可以直接提交表单到对应的PHP文件中进行处理,查询图书和修改图书的操作则需要通过Ajax来异步处理,并将结果显示在页面上。
以下是一个简单的PHP文件示例,用于实现添加图书的操作:
```
<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "bookdb";
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接是否成功
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
// 获取表单数据
$book_id = $_POST["book_id"];
$book_name = $_POST["book_name"];
$author = $_POST["author"];
$price = $_POST["price"];
$remark = $_POST["remark"];
// 插入数据到数据库
$sql = "INSERT INTO book (book_id, book_name, author, price, remark)
VALUES ('$book_id', '$book_name', '$author', '$price', '$remark')";
if ($conn->query($sql) === TRUE) {
echo "添加图书成功!";
} else {
echo "添加图书失败: " . $conn->error;
}
$conn->close();
?>
```
其他操作的PHP文件类似,只需要根据具体操作来修改SQL语句即可。
以上是一个简单的图书管理系统的设计方案,具体实现还需要根据实际需求进行调整。
阅读全文