作者简介，黑夜开发者，CSDN领军人物，全栈领域优质创作者✌，CSDN博客专家，阿里云社区专家博主，2023年6月CSDN上海赛道top4。 数年电商行业从业经验，历任核心研发工程师，项目技术负责人。 本文已收录于PHP专栏：PHP进阶实战教程，评测专区。 欢迎 点赞✍评论⭐收藏
文章目录
一、前言二、开发环境准备三、功能实现3.1 准备数据库和数据3.1.1 创建数据库及表结构3.1.2 准备数据
3.2 后端开发3.2.1 连接数据库3.2.1 获取祝福语3.2.3 处理请求3.2.4 配置Nginx与FPM
3.3 前端开发3.3.1 HTML布局3.3.2 JQuery事件处理
四、运行和测试4.1 绑定host4.2 开始测试
五、总结
中秋佳节即将来临！在这特殊的时刻，我们特别举办一场属于程序员的中秋征文活动，CSDN与你一起过中秋！本篇文章还是让我们用华为云云耀云服务器L实例作为支撑，一起带着大家实现一个用PHP从数据库到后端到前端的中秋节祝福语项目。
一、前言
中秋节是我国国传统的重要节日之一，人们在这一天家人团聚、赏月、品尝月饼。也和亲朋好友诸多祝福往来。
为了更加方便获取到非常有心意的祝福语，本文将利用PHP和HTML + Jquery开发一个中秋节祝福语生成工具，通过点击按钮和输入姓名，然后就可以马上生成一条祝福语。我们还将使用MySQL数据库存放一些祝福语，保证每次生成的都不一样。
二、开发环境准备
在开始之前，我们需要准备好开发环境。首先，确保你已经安装了PHP、MySQL和Nginx服务器。搭建好环境后，我们可以开始编写代码了。
首先服务器上面是没有PHP环境的，然后执行下面的命令安装。
apt install php
apt install php-fpm
apt install php-mysqli
php --version
通过命令下面的输出可以看到是PHP8.1的版本，PHP环境一般是不会预装的，所以得我们自己装一下。
MySQL服务docker里面本身也有，直接连就行了。Nginx这些Web中间件也是预装的，下面直接就开始功能实现了。
三、功能实现
3.1 准备数据库和数据
3.1.1 创建数据库及表结构
首先，我们需要创建一个MySQL数据库用于存储祝福语。打开MySQL命令行或者使用phpMyAdmin等工具，创建一个名为"blessings"的数据库。
CREATE DATABASE `blessings` CHARACTER SET 'utf8' COLLATE 'utf8_bin'
接下来，我们创建一个名为"messages"的数据表，用于存储祝福语。
CREATE TABLE messages (
id INT AUTO_INCREMENT PRIMARY KEY,
content VARCHAR(255) NOT NULL
);
用navicat创建表执行的效果如下。
3.1.2 准备数据
这里我们插入一些数据进去，这些数据在后面程序里面会使用到。
insert into messages(content) values
('月圆人团圆，中秋节快乐！愿你与亲朋好友共享美好团聚时光！'),
('中秋团圆，心意相连，愿一轮明月带给你幸福和快乐！'),
('愿你拥有一颗明亮的心灵，如同中秋的明月般清澈！祝中秋快乐！'),
('祝你中秋快乐，万事如意！愿你的生活像满月一样圆满、美好！'),
('祝福你和家人团聚快乐，幸福美满，中秋节快乐！'),
('如同明月照亮夜空，愿你的人生也充满光明与美好。中秋节快乐！'),
('千里传一声祝福，千山传一份思念，愿你在中秋佳节感受到深深的关爱！'),
('中秋之夜，愿你的生活像明亮的月光一样温暖和谐！中秋快乐！'),
('中秋月饼甜蜜，祝福话语深情，愿你的中秋节充满关爱和温暖！'),
(' 中秋佳节，愿你的心中充满快乐和喜悦！祝福你度过一个美好的中秋！')
3.2 后端开发
3.2.1 连接数据库
在PHP代码中，我们需要连接到MySQL数据库。创建一个名为connect.php的文件，用于存放数据库连接相关的代码。
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "blessings";
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
mysqli_set_charset($conn, "utf8");
// 检测连接是否成功
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}else {
echo "数据库连接成功\n";
}
?>
将your_username和your_password替换为你的MySQL用户名和密码。记得数据要先创建，不然会报错。执行完成后可以php connect.php一下，看看能否链接成功。
3.2.1 获取祝福语
在同一个connect.php文件中，我们添加获取随机祝福语的功能。
// ...
// 获取祝福语
function getRandomBlessing($conn) {
$sql = "SELECT content FROM messages ORDER BY RAND() LIMIT 1";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
return $result->fetch_assoc()["content"];
} else {
return "没有找到祝福语";
}
}
// ...
?>
3.2.3 处理请求
创建一个名为generate.php的文件，用于处理前端发送过来的请求。
require_once "connect.php";
// 处理请求
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// 获取姓名
$name = $_POST["name"];
// 获取随机祝福语
$blessing = getRandomBlessing($conn);
// 拼接结果
$result = $name . "：" . $blessing;
// 返回结果
echo $result;
}
?>
3.2.4 配置Nginx与FPM
这一步是必须要走的，通过Nginx打通FPM，这是最佳实践。这里还是在sites-enabled下面建一个虚拟域名bless.conf，内容如下。
server {
listen 80;
server_name bless.heiye.net;
location ~* ^/blessing {
root /var/web/front/;
}
location / {
fastcgi_pass unix:/run/php/php8.1-fpm.sock;
fastcgi_index index.php;
fastcgi_param SCRIPT_FILENAME /var/web/blessing$fastcgi_script_name;
fastcgi_param HTTP_PROXY "";
include fastcgi_params;
}
}
其中bless.heiye.net是虚拟域名，/run/php/php8.1-fpm.sock是PFM的sock端口，为什么是它，/etc/php/8.1/fpm/pool.d/www.conf这个里面有。配置完了，重启Nginx服务就行了。
如果遇到了下面的权限问题，去Nginx的主配置文件里面修改用户为www-data。
3.3 前端开发
3.3.1 HTML布局
创建一个名为index.html的文件，用于展示按钮和输入框。
中秋节祝福语生成工具
3.3.2 JQuery事件处理
在同一个index.html"文件中，添加Jquery事件处理的代码，用于发送请求和展示结果。