PHPを使った簡単なオンラインファイルエディタ機能の開発方法
phpファイルエディタ
PHP を使用して簡単なオンライン ファイル エディター機能を開発する方法
インターネットの発展に伴い、仕事や勉強をオンラインで行う必要がますます増えています。どのオンライン ファイル エディター機能は必須ツールになりました。この記事では、PHP を使用して簡単なオンライン ファイル エディター機能を開発する方法と、具体的なコード例を紹介します。
1. 機能要件
実装する必要があるオンライン ファイル エディター機能は次のとおりです:
- ユーザーは Web インターフェイスを通じてファイルをアップロードし、ファイルを保存できます。サーバー;
- ユーザーはアップロードされたファイルを選択して編集、保存、削除できます;
- ユーザーはファイル内容の変更を Web インターフェイス上でリアルタイムにプレビューできます;
- ユーザー編集完了後にファイルの内容をプレビューできます。 変更したファイルをサーバーに保存します。
2. 開発環境
開発を開始する前に、Apache サーバーと PHP インタープリターがローカル環境にインストールされていることを確認する必要があります。
3. プロジェクト構造
「file_editor」という名前のプロジェクト フォルダーを作成します。このフォルダーには次のファイルとフォルダーが含まれます:
- index.php: Web ページ エントリファイル;
- upload.php: ファイルのアップロードを処理する PHP ファイル;
- edit.php: ファイル編集を処理する PHP ファイル;
- delete.php: ファイルを処理する削除された PHPファイル;
- assets フォルダー: CSS スタイルと JavaScript コードの保存に使用されます;
- uploads フォルダー: アップロードされたファイルの保存に使用されます。
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 id="在线文件编辑器">在线文件编辑器</h1> <form action="upload.php" method="post" enctype="multipart/form-data"> <input type="file" name="file"> <input type="submit" value="上传"> </form> <h2 id="已上传文件">已上传文件</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>ログイン後にコピー - # #upload.php ファイルを作成します。コードは次のとおりです。
<?php if ($_FILES['file']['error'] > 0) { echo '文件上传失败！'; } else { move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']); header("Location: index.php"); } ?>ログイン後にコピー - edit.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 id="编辑文件-php-echo-file">编辑文件：<?php echo $file ?></h1> <form action="" method="post"> <textarea name="content"><?php echo $content ?></textarea> <input type="submit" value="保存"> </form> <h2 id="预览">预览</h2> <pre class="brush:php;toolbar:false"><?php echo $content ?>ログイン後にコピー