本系列校训

用免费公开视频，卷飞培训班哈人！打死不报班，赚钱靠狠干！
只要自己有电脑，前后项目都能搞！N年苦学无人问，一朝成名天下知！

本项目使用技术

ＰＨＰ无类	PHP类写法	ThinkPHP框架	其它框架
*

环境

ＰＨＰ版本	mysql版本	运行工具	编辑工具
5.4.45+Apache	5.5(phpstudy自带)	phpstudy2018	VSCode

上效果图

在php 当中，上传图片，上传照片这种小功能还是挺方便的。注意没有登陆
所以，在线相册这个小项目还是有一定的价值的。比如某宝（好象人家不会用这么LOW的）那就作业吧

在这里插入图片描述

修改了代码，可以搜索了。
在这里插入图片描述

phpStudy 设置

网站目录，不能有中文或空格，就乖乖的用C语言能识别的变量名

在这里插入图片描述

导数据库

打开mysql-front 或navicat
注意：数据库名：email 超级用户：root 密码：123456
运行本例附件即可。最后导入数据库成功的截图如下：

在这里插入图片描述

项目目录如图：

在这里插入图片描述
颜色主题：

代码部分：

主页

<?php
require './common/init.php';
// 接收参数
$id = input('get', 'id', 'd');
$sort = input('get', 'sort', 's');
$action = input('post', 'action', 's');
// 判断相册是否存在
if ($id && !album_data($id)) {exit('相册不存在！');
}
// 新建相册
if ($action == 'new') {album_new($id, input('post', 'name', 's'));
}
// 上传图片
elseif ($action == 'upload') {album_upload($id, input($_FILES, 'upload', 'a'));
}
// 删除相册
elseif ($action == 'delete') {album_delete(input('post', 'action_id', 'd'));
}
// 设为封面
elseif ($action == 'pic_cover') {album_picture_cover(input('post', 'action_id', 'd'), $id);
}
// 删除图片
elseif ($action == 'pic_delete') {album_picture_delete(input('post', 'action_id', 'd'));
}
// 查询相册名称作为网页标题
$title = album_data($id)['name'] ?: '首页';
// 查询导航栏
$nav = album_nav($id);
// 查询相册列表
$list = album_list($id, $sort);
// 载入模板
require './view/index.html';

主页的html

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title><?=htmlspecialchars($title)?> - 在线相册</title><link rel="stylesheet" href="./css/style.css"></head><body><?php require './view/common/top.html'; ?><div class="container"><div class="opt"><div class="opt-sort"><a class="<?=($sort!='old') ? 'curr' : ''?>" href="?id=<?=$id?>">最新的</a><a class="<?=($sort=='old') ? 'curr' : ''?>" href="?id=<?=$id?>&sort=old">最旧的</a></div><div class="opt-new"><form method="post"><input type="hidden" name="action" value="new"><input type="text" name="name" placeholder="输入相册名称" required><input type="submit" value="创建相册"></form></div><div class="opt-upload"><form method="post" enctype="multipart/form-data"><input type="hidden" name="action" value="upload"><input type="file" name="upload" required><input type="submit" value="上传图片"></form></div><div class="opt-search"><form method="get" action="search.php"><input type="hidden" name="action" value="search"><input type="text" name="search" placeholder="输入关键词" required><input type="submit" value="搜索"></form></div></div><div class="album"><?php if(empty($list['album']) && empty($list['picture'])): ?><div class="album-tip">该相册为空。</div><?php endif; ?><!-- 子相册列表 --><?php foreach ($list['album'] as $v): ?><div class="album-list album-dir"><div class="album-list-content"><div class="album-list-tips">相册</div><a href="?id=<?=$v['id']?>"><img src="./covers/<?=$v['cover'] ?: 'nopic.png'?>"></a><div class="album-list-desc"><p><a href="?id=<?=$v['id']?>"><?=htmlspecialchars($v['name'])?></a> (<?=$v['total']?>)</p></div><div class="album-list-opt"><form method="post"><input type="hidden" name="action_id" value="<?=$v['id']?>"><button class="js-del" name="action" value="delete">删除</button></form></div></div></div>  <?php endforeach; ?><!-- 图片列表 --><?php foreach($list['picture'] as $v): ?><div class="album-list"><div class="album-list-content"><a href="show.php?id=<?=$v['id']?>"><img src="./thumbs/<?=$v['save']?>"></a><div class="album-list-desc"><p><a href="show.php?id=<?=$v['id']?>"><?=htmlspecialchars($v['name'])?></a></p></div><div class="album-list-opt"><form method="post"><input type="hidden" name="action_id" value="<?=$v['id']?>"><?php if($id): ?><button name="action" value="pic_cover">设为封面</button><?php endif; ?><button class="js-del" name="action" value="pic_delete">删除</button></form></div></div></div><?php endforeach; ?></div></div><?php require './view/common/footer.html'; ?><script src="./js/common.js"></script></body>
</html>

后台关键逻辑代码：

<?php/*** 查询相册记录（缓存查询结果）* @param int $id 相册ID* @return array 查询结果数组，不存在时返回false*/
function album_data($id)
{static $data = [0 => false];if (!isset($data[$id])) {$data[$id] = db_fetch_row("SELECT `pid`,`path`,`name`,`cover`,`total` FROM `album` WHERE `id`=$id") ?: false;}return $data[$id];
}/*** 查询相册层级导航* @param int $id 相册ID* @return array 查询结果数组，不存在时返回空数组*/
function album_nav($id)
{$path = preg_replace('/^0,/', '', (album_data($id)['path'] . $id));return $path ? db_fetch_all("SELECT `id`,`name` FROM `album` WHERE `id` IN ($path) ORDER BY FIELD(`id`,$path)") : [];
}/*** 查询当前相册所有的子相册和图片* @param int $id 相册ID* @param string $sort 排序（new、old）* @return array 查询结果数组*/
function album_list($id, $sort)
{$sort = ($sort == 'old') ? 'ASC' : 'DESC';return ['album' => db_fetch_all("SELECT `id`,`name`,`cover`,`total` FROM `album` WHERE `pid`=$id  ORDER BY `id` $sort"),'picture' => db_fetch_all("SELECT `id`,`name`,`save` FROM `picture` WHERE `pid`=$id ORDER BY `id` $sort")];
}/*** 创建相册* @param int $pid 新相册的上级目录ID* @param string $name 新相册的名称*/
function album_new($pid, $name)
{$data = album_data($pid);if (substr_count($data['path'], ',') >= config('LEVEL_MAX')) {return tips('无法继续创建子目录，已经达到最多层级！');}/* if (!preg_match('/^\w{1,12}$/', $name)) {return tips('无法创建相册，只允许1~12位字母、数字、下划线组成。');} */$name = mb_strimwidth(trim($name), 0, 12);db_exec('INSERT INTO `album` (`pid`,`path`,`name`) VALUES (?,?,?)', 'iss', [$pid, ($data['path'] . $pid . ','), ($name ?: '未命名')]);
}/*** 上传图片* @param int $pid 图片所属的相册ID* @param array $file 上传文件 $_FILES['xx'] 数组*/
function album_upload($pid, $file)
{// 检查文件是否上传成功if (true !== ($error = upload_check($file))) {return tips("文件上传失败：$error");}// 检查文件类型是否正确$ext = pathinfo($file['name'], PATHINFO_EXTENSION);if (!in_array(strtolower($ext), config('ALLOW_EXT'))) {return tips('文件上传失败：只允许扩展名：' . implode(', ', config('ALLOW_EXT')));}// 生成文件名和保存路径$new_dir = date('Y-m/d');                       // 生成子目录$new_name = md5(microtime(true)) . ".$ext";     // 生成文件名// 创建原图保存目录$upload_dir = "./uploads/$new_dir";if (!is_dir($upload_dir) && !mkdir($upload_dir, 0777, true)) {return tips('文件上传失败：无法创建保存目录！');}// 创建缩略图保存目录$thumb_dir = "./thumbs/$new_dir";if (!is_dir($thumb_dir) && !mkdir($thumb_dir, 0777, true)) {return tips('文件上传失败：无法创建缩略图保存目录！');}// 保存上传文件if (!move_uploaded_file($file['tmp_name'], "$upload_dir/$new_name")) {return tips('文件上传失败：无法保存文件！');}// 创建缩略图thumb("$upload_dir/$new_name", "$thumb_dir/$new_name", config('THUMB_SIZE'));// 保存到数据库$name = mb_strimwidth(trim(pathinfo($file['name'], PATHINFO_FILENAME)), 0, 80);db_exec('INSERT INTO `picture` (`pid`,`name`,`save`) VALUES (?,?,?)', 'iss', [$pid, $name, "$new_dir/$new_name"]);$pid && album_total($pid, '+1');
}/*** 修改相册的total字段* @param int $id 相册ID* @param string $method 操作（+1、-1）*/
function album_total($id, $method = '+1')
{$path = preg_replace('/^0,/', '', (album_data($id)['path'] . $id));$path && db_exec("UPDATE `album` SET `total`=`total`$method WHERE `id` IN ($path)");
}/*** 删除相册* @param int $id 相册ID*/
function album_delete($id)
{$data = album_data($id);if ($data['total'] > 0) {return tips('删除失败：只能删除空相册！');}if (db_fetch_row("SELECT 1 FROM `album` WHERE `pid`=$id")) {return tips('删除失败：该相册含有子相册！');}db_exec("DELETE FROM `album` WHERE `id`=$id");$data['cover'] && is_file("./covers/{$data['cover']}") && unlink("./covers/{$data['cover']}");
}/*** 查询图片记录* @param int $id 图片ID* @return array 查询结果数组，不存在时返回null*/
function album_picture_data($id)
{return db_fetch_row("SELECT `pid`,`name`,`save` FROM `picture` WHERE `id`=$id");
}/*** 设置图片为相册封面* @param int $id 图片ID* @param int $pid 相册ID*/
function album_picture_cover($id, $pid)
{if (!$data = album_picture_data($id)) {return tips('设置失败：图片不存在！');}$cover_dir = './covers/' . dirname($data['save']);if (!is_dir($cover_dir) && !mkdir($cover_dir, 0777, true)) {return tips('设置失败：无法创建封面图保存目录！');}$cover_del = album_data($pid)['cover'];is_file("./covers/$cover_del") && unlink("./covers/$cover_del");copy("./thumbs/{$data['save']}", "./covers/{$data['save']}");db_exec("UPDATE `album` SET `cover`=? WHERE `id`=?", 'si', [$data['save'], $pid]);tips('设置成功！');
}/*** 删除图片* @param int $id 图片ID*/
function album_picture_delete($id)
{if (!$data = album_picture_data($id)) {return tips('删除失败：图片不存在！');}db_exec("DELETE FROM `picture` WHERE `id`=$id");is_file("./thumbs/{$data['save']}") && unlink("./thumbs/{$data['save']}");is_file("./uploads/{$data['save']}") && unlink("./uploads/{$data['save']}"); $data['pid'] && album_total($data['pid'], '-1');
}