我可以帮助你创建一个详细的PHP和MySQL网站模板设置指南,以下是一个示例,包括HTML、CSS和PHP代码,以及如何配置MySQL数据库。
创建项目结构
创建一个项目文件夹,并在其中创建以下文件和文件夹:
my_website/ │ ├── index.php ├── about.php ├── contact.php ├── css/ │ └── styles.css ├── includes/ │ └── db.php └── images/ └── logo.png
配置MySQL数据库
在MySQL中创建一个数据库和一个表,我们创建一个名为my_website
的数据库,并在其中创建一个名为users
的表。
CREATE DATABASE my_website; USE my_website; CREATE TABLE users ( id INT AUTO_INCREMENT PRIMARY KEY, username VARCHAR(50) NOT NULL, email VARCHAR(100) NOT NULL, password VARCHAR(255) NOT NULL );
3. 编写数据库连接文件db.php
在includes/db.php
文件中编写数据库连接代码:
<?php $servername = "localhost"; $username = "root"; // 替换为你的数据库用户名 $password = ""; // 替换为你的数据库密码 $dbname = "my_website"; // 创建连接 $conn = new mysqli($servername, $username, $password, $dbname); // 检查连接 if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error); } ?>
创建主页面 `index.php`
在index.php
文件中编写HTML和PHP代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Website</title> <link rel="stylesheet" href="css/styles.css"> </head> <body> <header> <h1>Welcome to My Website</h1> <nav> <ul> <li><a href="index.php">Home</a></li> <li><a href="about.php">About</a></li> <li><a href="contact.php">Contact</a></li> </ul> </nav> </header> <main> <h2>Home Page</h2> <p>This is the home page of my website.</p> </main> <footer> <p>© 2023 My Website</p> </footer> </body> </html>
5. 创建关于页面about.php
在about.php
文件中编写HTML和PHP代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>About Us</title> <link rel="stylesheet" href="css/styles.css"> </head> <body> <header> <h1>Welcome to My Website</h1> <nav> <ul> <li><a href="index.php">Home</a></li> <li><a href="about.php">About</a></li> <li><a href="contact.php">Contact</a></li> </ul> </nav> </header> <main> <h2>About Us</h2> <p>This is the about page of my website.</p> </main> <footer> <p>© 2023 My Website</p> </footer> </body> </html>
6. 创建联系页面contact.php
在contact.php
文件中编写HTML和PHP代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Contact Us</title> <link rel="stylesheet" href="css/styles.css"> </head> <body> <header> <h1>Welcome to My Website</h1> <nav> <ul> <li><a href="index.php">Home</a></li> <li><a href="about.php">About</a></li> <li><a href="contact.php">Contact</a></li> </ul> </nav> </header> <main> <h2>Contact Us</h2> <form action="submit_contact.php" method="post"> <label for="name">Name:</label><br> <input type="text" id="name" name="name"><br><br> <label for="email">Email:</label><br> <input type="email" id="email" name="email"><br><br> <label for="message">Message:</label><br> <textarea id="message" name="message"></textarea><br><br> <input type="submit" value="Submit"> </form> </main> <footer> <p>© 2023 My Website</p> </footer> </body> </html>
7. 创建提交联系表单的脚本submit_contact.php
在submit_contact.php
文件中编写PHP代码来处理表单提交:
<?php require 'includes/db.php'; if ($_SERVER["REQUEST_METHOD"] == "POST") { $name = $_POST['name']; $email = $_POST['email']; $message = $_POST['message']; $stmt = $conn->prepare("INSERT INTO users (username, email, password) VALUES (?, ?, ?)"); $hashed_password = password_hash($message, PASSWORD_DEFAULT); // 哈希密码 $stmt->bind_param("sss", $name, $email, $hashed_password); if ($stmt->execute()) { echo "New record created successfully"; } else { echo "Error: " . $stmt->error; } $stmt->close(); $conn->close(); } else { echo "Invalid request method"; } ?>
添加样式 `styles.css`
在css/styles.css
文件中编写一些基本的CSS样式:
body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #333; color: white; padding: 1em; } nav ul { list-style-type: none; padding: 0; } nav li { display: inline; margin-right: 10px; } nav a { color: white; text-decoration: none; } main { padding: 20px; } footer { background-color: #333; color: white; text-align: center; padding: 1em; position: fixed; bottom: 0; width: 100%; }
运行网站
确保你的本地服务器(如XAMPP或WAMP)正在运行,并将项目文件夹放在服务器的根目录下,然后通过浏览器访问http://localhost/my_website/index.php
来查看你的网站。
这样,你就完成了一个基本的PHP和MySQL网站模板设置,你可以根据需要进一步扩展和自定义这个模板。
到此,以上就是小编对于php mysql写网站网站模板_网站模板设置的问题就介绍到这了,希望介绍的几点解答对大家有用,有任何问题和不懂的,欢迎各位朋友在评论区讨论,给我留言。
本文来源于互联网,如若侵权,请联系管理员删除,本文链接:https://www.9969.net/89482.html