PHP を使用して簡単なオンライン ファイル エディター機能を開発する方法
インターネットの発展に伴い、仕事や勉強をオンラインで行う必要がますます増えています。どのオンライン ファイル エディター機能は必須ツールになりました。この記事では、PHP を使用して簡単なオンライン ファイル エディター機能を開発する方法と、具体的なコード例を紹介します。
1. 機能要件
実装する必要があるオンライン ファイル エディター機能は次のとおりです:
2. 開発環境
開発を開始する前に、Apache サーバーと PHP インタープリターがローカル環境にインストールされていることを確認する必要があります。
3. プロジェクト構造
「file_editor」という名前のプロジェクト フォルダーを作成します。このフォルダーには次のファイルとフォルダーが含まれます:
4. 実装手順
index.php ファイルを作成します。コードは次のとおりです:
<!DOCTYPE html>
<html>
<head>
<title>在线文件编辑器</title>
<link rel="stylesheet" type="text/css" href="assets/style.css">
<script src="assets/script.js"></script>
</head>
<body>
<h1>在线文件编辑器</h1>
<form action="upload.php" method="post" enctype="multipart/form-data">
<input type="file" name="file">
<input type="submit" value="上传">
</form>
<h2>已上传文件</h2>
<ul>
<?php
$files = scandir('uploads');
foreach ($files as $file) {
if ($file != '.' && $file != '..') {
echo '<li><a href="edit.php?file=' . $file . '">' . $file . '</a> <a href="delete.php?file=' . $file . '">删除</a></li>';
}
}
?>
</ul>
</body>
</html><?php
if ($_FILES['file']['error'] > 0) {
echo '文件上传失败！';
} else {
move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']);
header("Location: index.php");
}
?><?php
$file = $_GET['file'] ?? '';
$content = file_get_contents('uploads/' . $file);
if (empty($file) || !file_exists('uploads/' . $file)) {
header("Location: index.php");
}
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
file_put_contents('uploads/' . $file, $_POST['content']);
}
?>
<!DOCTYPE html>
<html>
<head>
<title>编辑文件</title>
<link rel="stylesheet" type="text/css" href="assets/style.css">
<script src="assets/script.js"></script>
</head>
<body>
<h1>编辑文件：<?php echo $file ?></h1>
<form action="" method="post">
<textarea name="content"><?php echo $content ?></textarea>
<input type="submit" value="保存">
</form>
<h2>预览</h2>
<pre class="brush:php;toolbar:false"><?php echo $content ?>