用PHP编写一个图书管理网站并加入HTML和css以及JS
时间: 2023-09-10 09:15:30 浏览: 91
基于HTML+CSS+JavaScript+PHP 实现的图书网站
5星 · 资源好评率100%
这里是一个简单的图书管理网站的代码示例,使用PHP、HTML、CSS和JS编写。请注意,这只是一个简单的示例,仅用于演示基本的网站结构和语法。
index.php
```php
<!DOCTYPE html>
<html>
<head>
<title>图书管理系统</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<h1>图书管理系统</h1>
<nav>
<ul>
<li><a href="index.php">首页</a></li>
<li><a href="books.php">图书列表</a></li>
<li><a href="add_book.php">添加图书</a></li>
</ul>
</nav>
</header>
<main>
<h2>欢迎来到图书管理系统</h2>
<p>这个网站是用PHP编写的,使用MySQL数据库来存储图书信息。</p>
</main>
<footer>
<p>© 2021 图书管理系统</p>
</footer>
</body>
</html>
```
books.php
```php
<!DOCTYPE html>
<html>
<head>
<title>图书管理系统 - 图书列表</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<h1>图书管理系统</h1>
<nav>
<ul>
<li><a href="index.php">首页</a></li>
<li><a href="books.php">图书列表</a></li>
<li><a href="add_book.php">添加图书</a></li>
</ul>
</nav>
</header>
<main>
<h2>图书列表</h2>
<table>
<tr>
<th>图书编号</th>
<th>图书名称</th>
<th>作者</th>
<th>出版社</th>
</tr>
<?php
// 连接数据库
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
$conn = new mysqli($servername, $username, $password, $dbname);
// 检测连接
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
// 查询图书列表
$sql = "SELECT id, book_name, author, publisher FROM books";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// 输出数据
while($row = $result->fetch_assoc()) {
echo "<tr><td>" . $row["id"]. "</td><td>" . $row["book_name"]. "</td><td>" . $row["author"]. "</td><td>" . $row["publisher"]. "</td></tr>";
}
} else {
echo "<tr><td colspan='4'>没有数据</td></tr>";
}
$conn->close();
?>
</table>
</main>
<footer>
<p>© 2021 图书管理系统</p>
</footer>
</body>
</html>
```
add_book.php
```php
<!DOCTYPE html>
<html>
<head>
<title>图书管理系统 - 添加图书</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<h1>图书管理系统</h1>
<nav>
<ul>
<li><a href="index.php">首页</a></li>
<li><a href="books.php">图书列表</a></li>
<li><a href="add_book.php">添加图书</a></li>
</ul>
</nav>
</header>
<main>
<h2>添加图书</h2>
<form method="post" action="add_book_action.php">
<label for="book_name">图书名称</label>
<input type="text" id="book_name" name="book_name" required>
<label for="author">作者</label>
<input type="text" id="author" name="author" required>
<label for="publisher">出版社</label>
<input type="text" id="publisher" name="publisher" required>
<input type="submit" value="添加">
</form>
</main>
<footer>
<p>© 2021 图书管理系统</p>
</footer>
</body>
</html>
```
add_book_action.php
```php
<?php
// 连接数据库
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
$conn = new mysqli($servername, $username, $password, $dbname);
// 检测连接
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
// 添加图书
$book_name = $_POST["book_name"];
$author = $_POST["author"];
$publisher = $_POST["publisher"];
$sql = "INSERT INTO books (book_name, author, publisher) VALUES ('$book_name', '$author', '$publisher')";
if ($conn->query($sql) === TRUE) {
echo "添加成功";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
$conn->close();
?>
```
style.css
```css
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
}
header h1 {
margin: 0;
}
nav ul {
list-style: none;
padding: 0;
margin: 0;
}
nav li {
display: inline-block;
margin-right: 20px;
}
nav a {
color: #fff;
text-decoration: none;
}
main {
padding: 20px;
}
table {
border-collapse: collapse;
width: 100%;
}
th, td {
padding: 8px;
text-align: left;
border-bottom: 1px solid #ddd;
}
th {
background-color: #333;
color: #fff;
}
form label {
display: block;
margin-bottom: 10px;
}
form input[type="text"] {
padding: 8px;
border: 1px solid #ddd;
margin-bottom: 20px;
}
form input[type="submit"] {
background-color: #333;
color: #fff;
padding: 8px 16px;
border: none;
cursor: pointer;
}
```
以上代码在假设你已经创建了一个名为myDB的数据库,并且创建了一个名为books的表,包含id、book_name、author和publisher四个字段。请注意,在实际应用中,您需要采取额外的安全措施,如验证用户输入并防止SQL注入攻击。
阅读全文