首页 后端开发 php教程 使用 PHP 和 Lithe 框架创建 TodoList:完整指南

使用 PHP 和 Lithe 框架创建 TodoList:完整指南

Nov 24, 2024 am 04:10 AM

Creating a TodoList with PHP and the Lithe Framework: A Complete Guide

在本教程中,我们将使用 Lithe 创建一个功能性的 TodoList 应用程序。您将学习如何构建项目、创建交互式视图以及实施 RESTful API 来管理您的任务。该项目将作为如何使用 PHP 构建现代 Web 应用程序的绝佳示例。

先决条件

  • PHP 7.4 或更高版本
  • 已安装作曲家
  • MySQL
  • PHP 和 JavaScript 基础知识

项目结构

首先,让我们创建一个新的 Lithe 项目:

1

2

composer create-project lithephp/lithephp todo-app

cd todo-app

登录后复制

设置数据库

使用以下配置编辑项目根目录中的 .env 文件:

1

2

3

4

5

6

7

DB_CONNECTION_METHOD=mysqli

DB_CONNECTION=mysql

DB_HOST=localhost

DB_NAME=lithe_todos

DB_USERNAME=root

DB_PASSWORD=

DB_SHOULD_INITIATE=true

登录后复制

创建迁移

运行命令来创建新的迁移:

1

php line make:migration CreateTodosTable

登录后复制

在 src/database/migrations/ 中编辑生成的迁移文件:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

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);

    }

};

登录后复制

运行迁移:

1

php line migrate

登录后复制

实施模型

生成一个新模型:

1

php line make:model Todo

登录后复制

编辑文件 src/models/Todo.php:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

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();

    }

}

登录后复制

创建控制器

生成一个新的控制器:

1

php line make:controller TodoController

登录后复制

编辑文件 src/http/controllers/TodoController.php:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

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文件:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

<!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();

登录后复制

运行应用程序

要启动开发服务器,请运行:

1

php line serve

登录后复制

在浏览器中访问 http://localhost:8000 以查看正在运行的应用程序。

实现的功能

我们的 TodoList 具有以下功能:

  1. 按时间倒序列出任务
  2. 添加新任务
  3. 将任务标记为已完成/待处理
  4. 删除任务
  5. 响应灵敏且用户友好的界面
  6. 所有操作的视觉反馈
  7. 错误处理

结论

您现在拥有一个使用 Lithe 构建的功能齐全的 TodoList 应用程序。此示例演示了如何使用 PHP 创建现代 Web 应用程序,包括:

  • 正确的 MVC 代码结构
  • RESTful API 实现
  • 交互式用户界面
  • 数据库集成
  • 错误处理
  • 用户反馈

从这里,您可以通过添加新功能来扩展应用程序,例如:

  • 用户认证
  • 任务分类
  • 截止日期
  • 过滤和搜索

要继续了解 Lithe,请访问 Linktree,您可以在其中访问 Discord、文档等等!

以上是使用 PHP 和 Lithe 框架创建 TodoList:完整指南的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1664
14
CakePHP 教程
1423
52
Laravel 教程
1317
25
PHP教程
1268
29
C# 教程
1246
24
PHP和Python:比较两种流行的编程语言 PHP和Python:比较两种流行的编程语言 Apr 14, 2025 am 12:13 AM

PHP和Python各有优势,选择依据项目需求。1.PHP适合web开发,尤其快速开发和维护网站。2.Python适用于数据科学、机器学习和人工智能,语法简洁,适合初学者。

说明PHP中的安全密码散列(例如,password_hash,password_verify)。为什么不使用MD5或SHA1? 说明PHP中的安全密码散列(例如,password_hash,password_verify)。为什么不使用MD5或SHA1? Apr 17, 2025 am 12:06 AM

在PHP中,应使用password_hash和password_verify函数实现安全的密码哈希处理,不应使用MD5或SHA1。1)password_hash生成包含盐值的哈希,增强安全性。2)password_verify验证密码,通过比较哈希值确保安全。3)MD5和SHA1易受攻击且缺乏盐值,不适合现代密码安全。

PHP行动:现实世界中的示例和应用程序 PHP行动:现实世界中的示例和应用程序 Apr 14, 2025 am 12:19 AM

PHP在电子商务、内容管理系统和API开发中广泛应用。1)电子商务:用于购物车功能和支付处理。2)内容管理系统:用于动态内容生成和用户管理。3)API开发:用于RESTfulAPI开发和API安全性。通过性能优化和最佳实践,PHP应用的效率和可维护性得以提升。

PHP:网络开发的关键语言 PHP:网络开发的关键语言 Apr 13, 2025 am 12:08 AM

PHP是一种广泛应用于服务器端的脚本语言,特别适合web开发。1.PHP可以嵌入HTML,处理HTTP请求和响应,支持多种数据库。2.PHP用于生成动态网页内容,处理表单数据,访问数据库等,具有强大的社区支持和开源资源。3.PHP是解释型语言,执行过程包括词法分析、语法分析、编译和执行。4.PHP可以与MySQL结合用于用户注册系统等高级应用。5.调试PHP时,可使用error_reporting()和var_dump()等函数。6.优化PHP代码可通过缓存机制、优化数据库查询和使用内置函数。7

PHP如何安全地上载文件? PHP如何安全地上载文件? Apr 10, 2025 am 09:37 AM

PHP通过$\_FILES变量处理文件上传,确保安全性的方法包括:1.检查上传错误,2.验证文件类型和大小,3.防止文件覆盖,4.移动文件到永久存储位置。

PHP的持久相关性:它还活着吗? PHP的持久相关性:它还活着吗? Apr 14, 2025 am 12:12 AM

PHP仍然具有活力,其在现代编程领域中依然占据重要地位。1)PHP的简单易学和强大社区支持使其在Web开发中广泛应用;2)其灵活性和稳定性使其在处理Web表单、数据库操作和文件处理等方面表现出色;3)PHP不断进化和优化,适用于初学者和经验丰富的开发者。

PHP类型提示如何起作用,包括标量类型,返回类型,联合类型和无效类型? PHP类型提示如何起作用,包括标量类型,返回类型,联合类型和无效类型? Apr 17, 2025 am 12:25 AM

PHP类型提示提升代码质量和可读性。1)标量类型提示:自PHP7.0起,允许在函数参数中指定基本数据类型,如int、float等。2)返回类型提示:确保函数返回值类型的一致性。3)联合类型提示:自PHP8.0起,允许在函数参数或返回值中指定多个类型。4)可空类型提示:允许包含null值,处理可能返回空值的函数。

PHP与Python:了解差异 PHP与Python:了解差异 Apr 11, 2025 am 12:15 AM

PHP和Python各有优势,选择应基于项目需求。1.PHP适合web开发,语法简单,执行效率高。2.Python适用于数据科学和机器学习,语法简洁,库丰富。

See all articles