如何使用PHP和MySQL编写并设置网站模板?

我可以帮助你创建一个详细的PHP和MySQL网站模板设置指南,以下是一个示例,包括HTML、CSS和PHP代码,以及如何配置MySQL数据库。

如何使用PHP和MySQL编写并设置网站模板?插图1

创建项目结构

创建一个项目文件夹,并在其中创建以下文件和文件夹:

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>&copy; 2023 My Website</p>
    </footer>
</body>
</html>

5. 创建关于页面about.php

如何使用PHP和MySQL编写并设置网站模板?插图3

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>&copy; 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>&copy; 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样式:

如何使用PHP和MySQL编写并设置网站模板?插图5

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

小末小末
上一篇 2024年11月3日 16:43
下一篇 2024年11月3日 16:58

相关推荐