利用laravel框架实现一个具体的应用

最新推荐文章于 2024-09-28 09:52:41 发布
最新推荐文章于 2024-09-28 09:52:41 发布
阅读量185 收藏 1
点赞数
文章标签： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49054370/article/details/107049303
版权

利用laravel框架实现一个具体的应用

首先打开laragon,打开start all，当中此界面出现时即可。
在这里插入图片描述
点击quick app -laravel
这是我的名字
下载可能需要几分钟。下载大约需要三四分钟，等出现这个界面即可

然后在laragon中右键数据库，找到www，点击前面自己创建的名字。
在这里插入图片描述
在php中打开刚才创建的项目后在resources/views下创建todos存放视图。
创建index.blade.php。

@extends('layouts.app')

@section('title', 'TODO LIST')
@section('content')
    <h1 class="text-center my-5">Todo Page</h1>
    <div class="row justify justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    Todo List
                </div>
                <div class="card-body">
                    <ul class="list-group">
                        @foreach($todos ?? '' as $todo)
                            <li class="list-group-item">
                                    <span @if($todo->is_completed) style="text-decoration: line-through"@endif>
                                        {{$todo->name}}
                                    </span>
                                {{-- {{$todo->name}}
                                @if($todo->is_completed)
                                <span class="badge badge-pill badge-success">已完成</span>
                                @else
                                <span class="badge badge-pill badge-secondary">未完成</span>
                                @endif  --}}

                                <a class="btn btn-primary float-right" href="/todos/{{$todo->id}}">View</a>

                                <form action="/todos/{{$todo->id}}" method="post"
                                      class="d-inline-block float-right mr-2">
                                    @method('delete')
                                    @csrf
                                    <button type="submit" class="btn btn-danger">Delete</button>
                                </form>

                                @if(!$todo->is_completed)
                                    <form action="/todos/{{$todo->id}}/completed" method="post"
                                          class="d-inline-block float-right mr-2">
                                        @method('patch')
                                        @csrf
                                        <button type="submit" class="btn btn-warning">Complete</button>
                                    </form>
                                @endif
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>

        </div>
    </div>
@endsection


创建show.blade.php是用来展示单个资源的。

```php
@extends('layouts.app')

@section('title', 'TODO SHOW')

@section('content')
    <h1 class="text-center my-5">{{$todo->name}}</h1>
    <div class="row justify justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header font-weight-bold d-flex align-items-center justify-content-between">
                    Detail
                    @if($todo->is_completed)
                        <span class="badge badge-pill badge-success float-right">已完成</span>
                    @else
                        <span class="badge badge-pill badge-danger float-right">未完成</span>
                    @endif
                </div>
                <div class="card-body">
                    {{$todo->description}}
                </div>
                <div class="card-footer">
                    <a href="/todos/{{$todo->id}}/edit" class="btn btn-block btn-outline-success">Edit</a>
                </div>
            </div>
        </div>
    </div>
@endsection

创建layouts目录，并在layouts创建app.blade.php。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1 shrink-to-fit=no" name="viewport">

    <title>@yield('ShumiYakult')</title>

    <!-- Fonts -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
</head>
<body>

<nav class=" navbar fixed-top navbar-expand-lg navbar-dark bg-primary">
    <a class="navbar-brand" href="/">TODOS APP</a>
    <button class="navbar-toggler d-lg-none" type="button"
            data-toggle="collapse" data-target="#collapsibleNavId"
            aria-controls="collapsibleNavId"
            aria-expanded="false" aria-label="Toggle navigation">
    </button>
    <div class="collapse navbar-collapse" id="collapsibleNavId">
        <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
            <li class="nav-item active">
                <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/todos">Todos</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/todos/create">Create</a>
            </li>
        </ul>
    </div>
</nav>

<div class="container pt-5">
    @if(session()->has('success-info'))
    <div class="pt-sm-3">
        <div class="alert alert-success mt-2" role="alert">
            {{session('success-info')}}
        </div>
    </div>
    @endif

    @yield('content')
</div>

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

</body>
</html>
创建编辑页edit.blade.php

```php
@section('title', 'TODO EDIT')

@section('content')
    <h1 class="text-center my-5">EDIT TODO</h1>
    <div class="row justify justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    EDIT
                </div>
                <div class="card-body">
                    <form action="/todos/{{$todo->id}}" method="post">
                        @csrf
                        <div class="form-group">
                            <label for="name">Name</label>
                            <input type="text" name="name" id="name" value="{{$todo->name}}"
                                   class="form-control @error('name') is-invalid @enderror">
                            @error('name')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="description">Description</label>
                            <textarea name="description" id="description" rows="3" class="form-control
                                      @error('description') is-invalid @enderror">
                                        {{$todo->description}}</textarea>
                            @error('description')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror
                        </div>
                        <button type="submit" class="btn btn-primary float-right">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

创建creat.blade.php

@extends('layouts.app')

@section('title', 'TODO CREATE')

@section('content')
    <h1 class="text-center my-5">CREATE A NEW TODO</h1>
    <div class="row justify justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    New
                </div>
                <div class="card-body">
                    <form action="/todos" method="post">
                        @csrf
                        <div class="form-group">
                            <label for="name">Name</label>
                            <input type="text" name="name" id="name" class="form-control
                                    @error('name') is-invalid @enderror">
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="description">Description</label>
                            <textarea name="description" id="description" rows="3" class="form-control
                                      @error('description') is-invalid @enderror"></textarea>
                            @error('description')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror
                        </div>
                        <button type="submit" class="btn btn-primary float-right">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

在http/controller中建立todocontroller控制器

namespace App\Http\Controllers;

use App\Todo;
use Illuminate\Http\Request;

class TodoController extends Controller
{
    //
    public function index()
    {
        $todos = Todo::query()->orderByDesc('created_at')->get();
        //$todos = Todo::all();//取得模型中的所有数据
        //$items = Todo::all();
        //return view('todos.index');
        return view('todos.index')->with(['todos' => $todos]);//将数据送给视图
    }

    public function show(Todo $todo)
    {
        //dd($todoId);
        //$todo = Todo::findOrFail($todoId);
        //return $todo;
        return view('todos.show')->with(['todo'=> $todo]);
    }

    public function create()
    {
        return view('todos.create');
    }

    public function store(Request $request)
    {
        $request->validate([
            'name' => 'required|min:3|max:20',
            'description' => 'required'
        ]);

        $name = $request->get('name');
        $description = $request->get('description');

        $todo = new Todo();
        $todo->name = $name;
        $todo->description = $description;
        $todo->save();

        $request->session()->flash('success-info', 'Create successful!');

        return redirect('/todos');
    }

    public function edit(Todo $todo)
    {
        //dd($todoId);
        //$todo = Todo::findOrFail($todoId);
        //return $todo;
        return view('todos.edit')->with(['todo'=> $todo]);
    }

    public function update(Todo $todo, Request $request)
    {
        $request->validate([
            'name' => 'required|min:3|max:50',
            'description' => 'required'
        ]);

        $name = $request->get('name');
        $description = $request->get('description');

        //$todo = Todo::findOrFail($todoId);
        $todo->name = $name;
        $todo->description = $description;
        $todo->save();

        $request->session()->flash('success-info', 'Update successful!');

        return redirect("/todos/{$todo->id}");
    }

    public function destroy(Todo $todo, Request $request)
    {
        //$todo = Todo::findOrFail($todoId);
        try{
            $todo->delete();
        }catch (\Exception $exception){
            dd($exception);
        }

        $request->session()->flash('success-info', 'Delete successful!');

        return redirect('/todos');
    }

    public function complete(Todo $todo)
    {
        $todo->is_completed = true;
        $todo->save();
        return redirect('/todos');
    }
}

运行结果如下

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200630194913707.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTA1NDM3MA==,size_16,color_FFFFFF,t_70)
菠萝太太
关注
利用laravel框架实现基本的TODOS APP
weixin_44923249的博客
06-12 491
laravel的环境搭建 1.集成开发环境PHPSTROM； 2.快速搭建laravel运行/开发环境：laragon； 3.快速创建laravel App 打开laragon->菜单->快速创建->laravel->填写项目名称->点击OK创建成功->运行laravel->用PHPSTROM打开工程目录 Laravel中创建视图 在resources/views中创建todos用于存放相关视图。 1.建立index.blade.php用于列表展示； 在视图中引
laravel框架
07-19
laravel框架laravel框架laravel框架laravel框架laravel框架
Laravel v10.3.3：PHP Web应用开发框架详解与实战
最新发布
weixin_34456923的博客
09-28 1009
本文还有配套的精品资源，点击获取 简介：Laravel是基于PHP的开源Web应用开发框架，版本10.3.3带有性能改进、新功能、错误修复和安全提升。它支持MVC架构、Artisan命令行工具、Eloquent ORM、Blade模板引擎、路由、中间件、任务调度、认证等核心特性。该框架通过实际案例在学术和项目开发中培养学生和开发者的技能，并可用于创建多样化系统软件工具和网站...
利用laravel框架实现一个具体的应用（Todos App)
weixin_43458315的博客
06-18 526
这里写自定义目录标题一、Laravel环境搭建：开发环境安装二、创建视图：在resources/views目录下创建todos用于存放相关视图三、添加路由四、建立控制器五、最终效果呈现 一、Laravel环境搭建：开发环境安装 1、集成开发环境：PHPSTORM； 2、快速搭建PHP/laravel运行/开发环境：laragon； 3、快速创建Laravel App 打开laragon，快速创建项目: 填入应用名称，点击OK开始创建 创建成功 4、运行laravel，重新加载Apache 5、
利用laravel框架实现一个具体的应用（TODOS APP）
qq_44900210的博客
06-29 224
利用laravel框架实现一个具体的应用（TODOS APP） 如何利用laravel框架实现一个具体的应用呢 首先我们要知道laravel框架本质是一个MVC的框架，即模型、视图、控制器。 这次实验我们要用到的开发工具有laragon-full和phpstorm 一、laragon-full环境搭建以及创建一个APP 1.我们先打开laragon-full开发工具，选择启动所有，他会自动帮我们启动Apache以及数据库等 2.我们直接在这里创建一个APP，它的根目录在/laragon-full/www中
laravel框架实现后台登录、退出功能示例
10-16
在 Laravel 框架中，实现后台登录和退出功能是一项基本任务，对于任何Web应用程序的管理界面来说都是必要的。在本示例中，我们将详细探讨如何利用 Laravel 的特性来完成这些功能。 首先，我们从登录功能开始。在 ...
基于Laravel 框架的学生信息管理系统源码.rar
05-07
《基于Laravel框架的学生...对于学习和研究Web开发，尤其是Laravel框架的应用者来说，这是一个很好的实践案例。通过深入理解和分析这套源码，开发者不仅能提升PHP编程技能，还能掌握如何利用现代Web技术解决实际问题。
Laravel框架实现利用中间件进行操作日志记录功能
10-18
Laravel框架提供了中间件的概念，这使得开发者可以在请求到达路由和控制器之前或之后，插入自定义的逻辑代码，从而实现对应用的高级控制。中间件广泛用于处理跨请求的事务，如权限验证、数据过滤、性能分析、日志...
Laravel框架实现的rbac权限管理操作示例
10-17
Laravel框架实现的rbac（Role-Based Access Control，基于角色的访问控制）权限管理是web开发中常见的一种用户权限管理...通过上述知识点的学习和应用，开发者可以在Laravel框架下更加轻松地实现复杂的权限管理系统。
laracalc:一个使用Laravel内置的简单计算器应用程序，使用MySQL进行数据库设计并使用顺风设计
04-06
`laracalc` 是一个基于 Laravel 框架构建的轻量级计算器应用，它利用了 Laravel 的强大功能和易用性，为用户提供了一个直观且高效的计算环境。在这个项目中，Laravel 的内置组件和MySQL数据库系统被巧妙地结合起来，...
小陈教你利用laravel框架实现Todos APP
ccqNB_x的博客
06-21 1638
小陈教你利用laravel框架实现Todos APP一.Laravel的环境搭建二.在Laravel中创建视图三.添加路由四.建立控制器五.效果图实现 一.Laravel的环境搭建 第一步：具备集成开发环境PHPSTORM以及快速搭建laravel的的开发环境Laragon。 第二步：快速创建Laravel App 1.打开laragon开启所有之后点击菜单-快速创建-Laravel 2.填入应用名称开始创建 3.重新加载Apache，运行laravel 点击查看todos.test 二.在La
利用laravel框架实现一个简单的应用（CMS)
weixin_43458315的博客
06-21 913
目录:一、利用laragon快速建立工程二、在chrome浏览器安装xdebug插件三、在工程中调试四、建立控制器五、最终效果呈现 一、利用laragon快速建立工程 快速创建工程 用PhpStorm打开工程 二、在chrome浏览器安装xdebug插件 1、下载chrome插件的crx进行离线安装 3. crx下载地址：https://www.crx4chrome.com/crx/1716/ 4. 解压提取到xdebug_1_6_1 5. 打开chrome扩展程序界面 2、在chr
利用laravel编辑器实现一个小应用
noriko_ni的博客
06-27 132
标题 利用laravel编辑器实现一个小应用 打算整一个迷你博客 先设计一下最终呈现的效果。 前面先Laravel的环境搭建，在Laravel中创建视图。 然后创建路由 利用 artisan 创建文章控制器 创建基础视图 在 resources/views 目录下新建一个文件夹 layouts， 然后在 resources/views/layouts 目录下新建一个文件 app.blade.php 然后访问 localhost/articles 就可以看到基础视图了。 创建一个 文章列表展示页，作为我
Laravel框架
郝一朵
10-26 186
0.安装框架 安装指定版本的框架： composer create-project laravel/laravel=5.5.* demo --prefer-dist 1.目录结构 2.laravel中artisan工具(命令)的使用 使用注意事项：首先一定要进入项目的根目录 Artisan 是 Laravel 中自带的命令行工具的名称。它提供了一些对您的应用开发有帮助的命令。它是由强大的 Symfony Console 组件驱动的 常用命令： php artisan list可以查看所..
Laravel框架实现数据通信与资源共享功能解析
这一功能体现了分布式处理的思想，也是实现高效资源利用的一个关键特性。 从文件名称列表中，我们可以发现"virtual_machine_laravel-master"文件可能与Laravel的虚拟机配置有关。通常，虚拟机被用于开发环境中，以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值