PHP と Lithe Framework を使用した TodoList の作成: 完全ガイド
このチュートリアルでは、Lithe を使用して機能的な TodoList アプリケーションを作成します。プロジェクトを構造化し、インタラクティブなビューを作成し、RESTful API を実装してタスクを管理する方法を学びます。このプロジェクトは、PHP を使用して最新の Web アプリケーションを構築する方法の優れた例として役立ちます。
前提条件
- PHP 7.4 以降
- Composer がインストールされました
- MySQL
- PHP と JavaScript の基礎知識
プロジェクトの構造
まず、新しい Lithe プロジェクトを作成しましょう:
composer create-project lithephp/lithephp todo-app cd todo-app
データベースのセットアップ
次の構成でプロジェクトのルートにある .env ファイルを編集します。
DB_CONNECTION_METHOD=mysqli DB_CONNECTION=mysql DB_HOST=localhost DB_NAME=lithe_todos DB_USERNAME=root DB_PASSWORD= DB_SHOULD_INITIATE=true
移行の作成
コマンドを実行して新しい移行を作成します:
php line make:migration CreateTodosTable
src/database/migrations/ で生成された移行ファイルを編集します:
return new class { public function up(mysqli $db): void { $query = " CREATE TABLE IF NOT EXISTS todos ( id INT(11) AUTO_INCREMENT PRIMARY KEY, title VARCHAR(255) NOT NULL, completed BOOLEAN DEFAULT FALSE, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP ) "; $db->query($query); } public function down(mysqli $db): void { $query = "DROP TABLE IF EXISTS todos"; $db->query($query); } };
移行を実行します:
php line migrate
モデルの実装
新しいモデルを生成します:
php line make:model Todo
ファイル src/models/Todo.php を編集します:
namespace App\Models; use Lithe\Database\Manager as DB; class Todo { public static function all(): array { return DB::connection() ->query("SELECT * FROM todos ORDER BY created_at DESC") ->fetch_all(MYSQLI_ASSOC); } public static function create(array $data): ?array { $stmt = DB::connection()->prepare( "INSERT INTO todos (title, completed) VALUES (?, ?)" ); $completed = false; $stmt->bind_param('si', $data['title'], $completed); $success = $stmt->execute(); if ($success) { $id = $stmt->insert_id; return [ 'id' => $id, 'title' => $data['title'], 'completed' => $completed ]; } return null; } public static function update(int $id, array $data): bool { $stmt = DB::connection()->prepare( "UPDATE todos SET completed = ? WHERE id = ?" ); $stmt->bind_param('ii', $data['completed'], $id); return $stmt->execute(); } public static function delete(int $id): bool { $stmt = DB::connection()->prepare("DELETE FROM todos WHERE id = ?"); $stmt->bind_param('i', $id); return $stmt->execute(); } }
コントローラーの作成
新しいコントローラーを生成します:
php line make:controller TodoController
ファイル src/http/controllers/TodoController.php を編集します:
namespace App\Http\Controllers; use App\Models\Todo; use Lithe\Http\Request; use Lithe\Http\Response; class TodoController { public static function index(Request $req, Response $res) { return $res->view('todo.index'); } public static function list(Request $req, Response $res) { $todos = Todo::all(); return $res->json($todos); } public static function store(Request $req, Response $res) { $data = (array) $req->body(); $todo = Todo::create($data); $success = $todo ? true : false; return $res->json([ 'success' => $success, 'message' => $success ? 'Task created successfully' : 'Failed to create task', 'todo' => $todo ]); } public static function update(Request $req, Response $res) { $id = $req->param('id'); $data = (array) $req->body(); $success = Todo::update($id, $data); return $res->json([ 'success' => $success, 'message' => $success ? 'Task updated successfully' : 'Failed to update task' ]); } public static function delete(Request $req, Response $res) { $id = $req->param('id'); $success = Todo::delete($id); return $res->json([ 'success' => $success, 'message' => $success ? 'Task removed successfully' : 'Failed to remove task' ]); } }
ビューの作成
src/views/todo ディレクトリを作成し、index.php ファイルを追加します。
<!DOCTYPE html> <html> <head> <title>TodoList with Lithe</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } body { min-height: 100vh; background-color: #ffffff; padding: 20px; } .container { max-width: 680px; margin: 0 auto; padding: 40px 20px; } h1 { color: #1d1d1f; font-size: 34px; font-weight: 700; margin-bottom: 30px; } .todo-form { display: flex; gap: 12px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e7; padding-bottom: 30px; } .todo-input { flex: 1; padding: 12px 16px; font-size: 17px; border: 1px solid #e5e5e7; border-radius: 10px; background-color: #f5f5f7; transition: all 0.2s; } .todo-input:focus { outline: none; background-color: #ffffff; border-color: #0071e3; } .add-button { padding: 12px 20px; background: #0071e3; color: white; border: none; border-radius: 10px; font-size: 15px; font-weight: 500; cursor: pointer; transition: all 0.2s; } .add-button:hover { background: #0077ED; } .todo-list { list-style: none; } .todo-item { display: flex; align-items: center; padding: 16px; border-radius: 10px; margin-bottom: 8px; transition: background-color 0.2s; } .todo-item:hover { background-color: #f5f5f7; } .todo-checkbox { width: 22px; height: 22px; margin-right: 15px; cursor: pointer; } .todo-text { flex: 1; font-size: 17px; color: #1d1d1f; } .completed { color: #86868b; text-decoration: line-through; } .delete-button { padding: 8px 12px; background: none; color: #86868b; border: none; border-radius: 6px; font-size: 15px; cursor: pointer; opacity: 0; transition: all 0.2s; } .todo-item:hover .delete-button { opacity: 1; } .delete-button:hover { background: #f5f5f7; color: #ff3b30; } .loading { text-align: center; padding: 20px; color: #86868b; } .error { color: #ff3b30; text-align: center; padding: 20px; } </style> </head> <body> <div> <p>Aqui está a tradução para o inglês:</p> <hr> <h2> Setting Up the Routes </h2> <p>Update the src/App.php file to include the TodoList routes:<br> </p> <pre class="brush:php;toolbar:false">use App\Http\Controllers\TodoController; $app = new \Lithe\App; // Route for the main page $app->get('/', [TodoController::class, 'index']); // API routes $app->get('/todos/list', [TodoController::class, 'list']); $app->post('/todos', [TodoController::class, 'store']); $app->put('/todos/:id', [TodoController::class, 'update']); $app->delete('/todos/:id', [TodoController::class, 'delete']); $app->listen();
アプリケーションの実行
開発サーバーを起動するには、次のコマンドを実行します。
php line serve
ブラウザで http://localhost:8000 にアクセスして、アプリケーションの動作を確認します。
実装された機能
私たちの TodoList には次の機能があります:
- タスクを時系列の逆順にリストする
- 新しいタスクの追加
- タスクを完了/保留中としてマークする
- タスクを削除しています
- レスポンシブでユーザーフレンドリーなインターフェース
- すべてのアクションに対する視覚的なフィードバック
- エラー処理
結論
これで、Lithe で構築された完全に機能する TodoList アプリケーションが完成しました。この例では、PHP を使用して次のような最新の Web アプリケーションを作成する方法を示します。
- 適切な MVC コード構造
- RESTful API 実装
- インタラクティブなユーザーインターフェイス
- データベース統合
- エラー処理
- ユーザーからのフィードバック
ここから、次のような新機能を追加してアプリケーションを拡張できます。
- ユーザー認証
- タスクの分類
- 期限
- フィルターと検索
Lithe について学び続けるには、リンクツリー にアクセスしてください。ここからは Discord やドキュメントなどにアクセスできます!
以上がPHP と Lithe Framework を使用した TodoList の作成: 完全ガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











PHPでは、Password_hashとpassword_verify関数を使用して安全なパスワードハッシュを実装する必要があり、MD5またはSHA1を使用しないでください。 1)password_hashセキュリティを強化するために、塩値を含むハッシュを生成します。 2)password_verifyハッシュ値を比較して、パスワードを確認し、セキュリティを確保します。 3)MD5とSHA1は脆弱であり、塩の値が不足しており、最新のパスワードセキュリティには適していません。

PHPとPythonにはそれぞれ独自の利点があり、プロジェクトの要件に従って選択します。 1.PHPは、特にWebサイトの迅速な開発とメンテナンスに適しています。 2。Pythonは、データサイエンス、機械学習、人工知能に適しており、簡潔な構文を備えており、初心者に適しています。

PHPは、電子商取引、コンテンツ管理システム、API開発で広く使用されています。 1)eコマース:ショッピングカート機能と支払い処理に使用。 2)コンテンツ管理システム:動的コンテンツの生成とユーザー管理に使用されます。 3)API開発:RESTFUL API開発とAPIセキュリティに使用されます。パフォーマンスの最適化とベストプラクティスを通じて、PHPアプリケーションの効率と保守性が向上します。

PHPタイプは、コードの品質と読みやすさを向上させるためのプロンプトがあります。 1)スカラータイプのヒント:php7.0であるため、基本データ型は、int、floatなどの関数パラメーターで指定できます。 3)ユニオンタイプのプロンプト:PHP8.0であるため、関数パラメーターまたは戻り値で複数のタイプを指定することができます。 4)Nullable Typeプロンプト:null値を含めることができ、null値を返す可能性のある機能を処理できます。

PHPは依然として動的であり、現代のプログラミングの分野で重要な位置を占めています。 1)PHPのシンプルさと強力なコミュニティサポートにより、Web開発で広く使用されています。 2)その柔軟性と安定性により、Webフォーム、データベース操作、ファイル処理の処理において顕著になります。 3)PHPは、初心者や経験豊富な開発者に適した、常に進化し、最適化しています。

PHPは主に手順プログラミングですが、オブジェクト指向プログラミング(OOP)もサポートしています。 Pythonは、OOP、機能、手続き上のプログラミングなど、さまざまなパラダイムをサポートしています。 PHPはWeb開発に適しており、Pythonはデータ分析や機械学習などのさまざまなアプリケーションに適しています。

PHPとPythonには独自の利点と短所があり、選択はプロジェクトのニーズと個人的な好みに依存します。 1.PHPは、大規模なWebアプリケーションの迅速な開発とメンテナンスに適しています。 2。Pythonは、データサイエンスと機械学習の分野を支配しています。

PHPで前処理ステートメントとPDOを使用すると、SQL注入攻撃を効果的に防ぐことができます。 1)PDOを使用してデータベースに接続し、エラーモードを設定します。 2)準備方法を使用して前処理ステートメントを作成し、プレースホルダーを使用してデータを渡し、メソッドを実行します。 3)結果のクエリを処理し、コードのセキュリティとパフォーマンスを確保します。
