PHP源码打卡系统,澳洲vps搭建网页服务器,免费vps,境外云主机哪家好,国外云主机哪家好

🗣 Wd提问: PHP源码打卡系统

🤖 Ai回答:
下面是一个简单的 PHP 源码打卡系统的实现方案，适合用于学习或小团队内部的每日签到功能。该系统包含以下核心功能：

✅ 功能说明
1、用户登录（可选，也可匿名打卡）
2、每日打卡（仅限每天一次）
3、显示打卡记录（日期 + 时间）
4、数据存储：使用本地文件（`data/records.json`）或数据库（可扩展为 MySQL）

📂 项目结构

/checkin/
├── index.php 主页：显示打卡按钮和记录
├── checkin.php 打卡处理逻辑
├── login.php 登录页面（可选）
├── logout.php 登出
├── data/
│ └── records.json 存储打卡数据
└── style.css 简单样式

🔧 1、`index.php`（主页面）

php
<?php
session_start();

// 检查是否已登录（如果需要）
if (!isset($_SESSION['user'])) {
header(Location: login.php);
exit;
}

// 读取打卡记录
$recordFile = 'data/records.json';
$records = [];

if (file_exists($recordFile)) {
$json = file_get_contents($recordFile);
$records = json_decode($json, true) ?: [];
}

// 获取当前日期
$currentDate = date('Y-m-d');

// 是否已打卡
$hasCheckedIn = false;
foreach ($records as $record) {
if ($record['date'] === $currentDate && $record['user'] === $_SESSION['user']) {
$hasCheckedIn = true;
break;
}
}

?

<!DOCTYPE html
<html lang=zh
<head
<meta charset=UTF-8 /
<title打卡系统</title
<link rel=stylesheet href=style.css /
</head
<body
<div class=container
<h1📅 每日打卡系统</h1
<p<strong用户：</strong<?php echo htmlspecialchars($_SESSION['user']); ?</p

<?php if ($hasCheckedIn): ?
<div class=success✅ 已完成今日打卡！时间：<?php echo $record['time']; ?</div
<?php else: ?
<form action=checkin.php method=POST
<button type=submit name=checkin class=btn⏰ 立即打卡</button
</form
<?php endif; ?

<h2📊 打卡记录</h2
<ul class=record-list
<?php foreach ($records as $record): ?
<li
<strong<?php echo htmlspecialchars($record['user']); ?</strong
<?php echo $record['date'] ? @ <?php echo $record['time'] ?
</li
<?php endforeach; ?
</ul

<a href=logout.php class=logout登出</a
</div
</body
</html

📌 2、`checkin.php`（打卡处理）

php
<?php
session_start();

if (!isset($_SESSION['user'])) {
die(请先登录！);
}

$user = $_SESSION['user'];
$currentDate = date('Y-m-d');
$currentTime = date('H:i:s');

$recordFile = 'data/records.json';
$records = [];

// 读取已有记录
if (file_exists($recordFile)) {
$json = file_get_contents($recordFile);
$records = json_decode($json, true) ?: [];
}

// 检查是否已打卡
$alreadyChecked = false;
foreach ($records as $record) {
if ($record['date'] === $currentDate && $record['user'] === $user) {
$alreadyChecked = true;
break;
}
}

if ($alreadyChecked) {
die(<scriptalert('今天已打卡！'); window.history.back();</script);
}

// 添加新打卡记录
$records[] = [
'user' = $user,
'date' = $currentDate,
'time' = $currentTime
];

// 写入文件
if (file_put_contents($recordFile, json_encode($records, JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT))) {
echo <scriptalert('打卡成功！'); window.location.href='index.php';</script;
} else {
die(保存失败，请检查权限！);
}
?

🔐 3、`login.php`（登录页，可选）

php
<?php
session_start();

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$username = trim($_POST['username']);
$password = $_POST['password'];

// 简单验证（实际应使用密码哈希）
if ($username === 'admin' && $password === '123456') {
$_SESSION['user'] = $username;
header(Location: index.php);
exit;
} else {
$error = 用户名或密码错误;
}
}
?

<!DOCTYPE html
<html lang=zh
<head
<meta charset=UTF-8 /
<title登录</title
<link rel=stylesheet href=style.css /
</head
<body
<div class=container
<h1🔐 登录</h1
<?php if (isset($error)): ?
<div class=error<?php echo $error; ?</div
<?php endif; ?
<form method=POST
<input type=text name=username placeholder=用户名 required /
<input type=password name=password placeholder=密码 required /
<button type=submit class=btn登录</button
</form
</div
</body
</html

🚪 4、`logout.php`

php
<?php
session_start();
session_destroy();
header(Location: login.php);
exit;
?

📁 5、`data/records.json`（初始文件）

创建目录并初始化文件：

bash
mkdir -p data
echo [] data/records.json

确保 `data/` 目录对 PHP 有写权限。

🎨 6、`style.css`

css
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: Arial, sans-serif;
background-color: f4f7fa;
color: 333;
line-height: 1.6;
}

.container {
max-width: 600px;
margin: 50px auto;
padding: 30px;
background: fff;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

h1 {
text-align: center;
margin-bottom: 20px;
color: 2c3e50;
}

p {
margin-bottom: 15px;
font-size: 1.1em;
}

.btn {
display: block;
width: 100%;
padding: 12px;
background: 3498db;
color: white;
border: none;
border-radius: 5px;
font-size: 1.1em;
cursor: pointer;
transition: background 0.3s;
}

.btn:hover {
background: 2980b9;
}

.success {
background: d4edda;
color: 155724;
padding: 10px;
border-radius: 5px;
margin-bottom: 20px;
text-align: center;
}

.error {
background: f8d7da;
color: 721c24;
padding: 10px;
border-radius: 5px;
margin-bottom: 20px;
}

.record-list {
list-style: none;
margin-top: 20px;
}

.record-list li {
padding: 8px 0;
border-bottom: 1px dashed ccc;
}

.logout {
display: block;
text-align: center;
margin-top: 30px;
color: e74c3c;
text-decoration: none;
}

.logout:hover {
text-decoration: underline;
}

✅ 使用方法

1、将所有文件放入服务器（如 Apache + PHP 环境）。
2、访问 `http://localhost/checkin/login.php`
3、输入用户名：`admin`，密码：`123456`
4、进入首页后点击“立即打卡”
5、查看打卡记录

🔄 扩展建议

| 功能 | 实现方式 |

| 多用户支持 | 使用数据库（如 MySQL），表结构：`id, user, date, time` |
| 验证码 | 加入 CAPTCHA |
| 移动端适配 | 增加响应式设计 |
| 统计图表 | 用

Ai作答

📣 商家广告：