Laravel 一个Dome实例

最新推荐文章于 2024-07-10 12:30:00 发布
最新推荐文章于 2024-07-10 12:30:00 发布
阅读量732 收藏 1
点赞数
分类专栏： Laravel
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Superc06/article/details/80466884
版权

一.静态资源管理及模板布局

分为头部，左边菜单，页脚，右边内容

1.新建一个Controller用来渲染视图，添加对应路由

<?php

namespace  App\Http\Controllers;

class StudentController extends  Controller
{
    public function index()
    {
        return view('student.index');
    }
}
2.在views目录下创建common文件夹用来存放公用布局。 
layoout.blade.php
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>轻松学会Laravel - @yield('title')</title>
    <!-- Bootstrap CSS 文件 -->
    <link rel="stylesheet" href="{{ asset('static/bootstrap/css/bootstrap.min.css') }}">
    @section('style')

    @show
</head>
<body>

<!-- 头部 -->
@section('header')
    <div class="jumbotron">
        <div class="container">
            <h2>轻松学会Laravel</h2>

            <p> - 玩转Laravel表单</p>
        </div>
    </div>
@show

<!-- 中间内容区局 -->
<div class="container">
    <div class="row">

        <!-- 左侧菜单区域   -->
        <div class="col-md-3">
            @section('leftmenu')
                <div class="list-group">
                    <a href="#" class="list-group-item ">学生列表</a>
                    <a href="#" class="list-group-item">新增学生</a>
                </div>
            @show
        </div>

        <!-- 右侧内容区域 -->
        <div class="col-md-9">

            @yield('content')

        </div>
    </div>
</div>

<!-- 尾部 -->
@section('footer')
    <div class="jumbotron" style="margin:0;">
        <div class="container">
            <span>  @2016 imooc</span>
        </div>
    </div>
@show

<!-- jQuery 文件 -->
<script src="{{ asset('static/jquery/jquery.min.js') }}"></script>
<!-- Bootstrap JavaScript 文件 -->
<script src="{{ asset('static/bootstrap/js/bootstrap.min.js') }}"></script>

@section('javascript')

@show

</body>
</html>
3.   头部，页脚，左侧菜单都不需要重写，在index模板中继承布局后重写右侧内容区域 
index.blade.php
@extends('common.layout')

@section('content')
    @include('common.message')


    <!-- 自定义内容区域 -->
    <div class="panel panel-default">
        <div class="panel-heading">学生列表</div>
        <table class="table table-striped table-hover table-responsive">
            <thead>
            <tr>
                <th>ID</th>
                <th>姓名</th>
                <th>年龄</th>
                <th>性别</th>
                <th>添加时间</th>
                <th width="120">操作</th>
            </tr>
            </thead>

        </table>
    </div>

    <!-- 分页  -->
    <div>
        <div class="pull-right">

        </div>

    </div>
@stop

二.表单列表及分页实现

1.新建对应model

Student.php
<?php
namespace App;

use Illuminate\Database\Eloquent\Model;

class Student extends Model
{
    protected  $table = 'student';

    public $timestamps = false;

    protected function getDateFormat(){
        return time();
    }

    protected function asDateTime($value)
    {
        return $value;
    }
}
2.在控制器中通过ORM方式获取数据库中的数据，并发送到视图 
//学生列表页
public function index()
{
    //使用ORM的方式获取数据
    //$students = Student::get();
    
    //获取数据并在属兔中通过render()函数实现分页
    $students = Student::paginate(2);
    
    return view('student.index',[
        'students'=>$students
    ]);
}

3.在视图中获取控制器传来的数据，并实现分页

<tbody>
    @foreach($students as $student)
    <tr>
        <th scope="row">{{ $student->id }}</th>
        <td>{{$student->name}}</td>
        <td>{{$student->age}}</td>
        <td>{{$student->sex}}</td>
        <td>{{$student->create_at}}</td>
        <td>
            <a href="#">详情</a>
            <a href="#">修改</a>
            <a href="#">删除</a>
        </td>
    </tr>
    @endforeach
</tbody>
<!-- 分页  -->
<div>
    <div class="pull-right">
        {{$students->render()}}
    </div>
</div>

三.通过表单实现新增及操作状态提示功能

1.在控制器中添加方法显示新增页面，添加相应路由。

//添加数据页面
public function create()
{
    return view('student.create');
}
Route::any('student/create',['uses'=>'StudentController@create']);
2.在student文件夹下创建“新增模板”。并在layout模板中设定跳转页面路由 
<!-- 左侧菜单区域   -->
<div class="col-md-3">
    @section('leftmenu')
        <div class="list-group">
            <a href="{{url('student/index')}}" class="list-group-item
            {{--默认选中--}}
            {{ Request::getPathInfo()=='/student/index'?'active':''}}
            ">学生列表</a>
            <a href="{{url('student/create')}}" class="list-group-item
            {{ Request::getPathInfo()=='/student/create'?'active':''}}
            ">新增学生</a>
        </div>
    @show
</div>
3.用Student[]数组储存输入的数据，提交表单后跳转到保存方法，添加路由与相应方法 
<div class="form-group">
    <label for="name" class="col-sm-2 control-label">姓名</label>

    <div class="col-sm-5">
        <input type="text" class="form-control" id="name" name="Student[name]" placeholder="请输入学生姓名">
    </div>
    <div class="col-sm-5">
        <p class="form-control-static text-danger">姓名不能为空</p>
    </div>
</div>
<form class="form-horizontal" method="post" action="{{url('student/save')}}">

Laravel框架为了防止跨域请求攻击（CSRF）而为用户生成的随机令牌。post请求如果没有验证token，就会报错。 
在表单中添加一行代码：

<input type="hidden" name="_token" value="{{csrf_token()}}">
添加路由与方法： 
 

Route::any('student/save',['uses'=>'StudentController@save']);
 

 

//保存添加
public function save(Request $request)
{
    //将在create.blade.php中Student[]中的数据全都获取
    $data = $request->input('Student');
    //获取模型
    $student = new Student();
    //给模型赋值
    $student->name = $data['name'];
    $student->age = $data['age'];
    $student->sex = $data['sex'];

    //保存值
    if($student->save())
    {
        return redirect('student/index');
    }else{
        return redirect()->back();
    }
 }
 

这样就实现了添加数据功能。
 

实现操作提示：
 

在保存数据时增加一个with()方法
 

//保存值
if($student->save())
{
    return redirect('student/index')->with("success","添加成功");
}else{
    return redirect()->back();
}
讲路由放入session中： 

 

Route::group(['middleware'=>['web']],function (){
    Route::get('student/index',['uses'=>'StudentController@index']);
    Route::any('student/create',['uses'=>'StudentController@create']);
    Route::any('student/save',['uses'=>'StudentController@save']);
});
在message.blade.php中获取并显示提示信息 

 

<!-- 成功提示框 -->
@if(Session::has('success'))
<div class="alert alert-success alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
    <strong>成功!</strong>{{Session::get('success')}}
</div>
@endif
 


四.表单验证及数据保持
 

1.控制器验证
 

//控制器验证
$this->validate($request, [
    'Student.name' => 'required|min:2|max:20',
    'Student.age' => 'required|integer',
    'Student.sex' => 'required|integer',
], [
    'required' => ':attribute 为必填项',
    'min' => ':attribute 长度不符合要求',
    'integer' => ':attribute 必须为整数',
], [
    'Student.name' => '姓名',
    'Student.age' => '年龄',
    'Student.sex' => '性别',
]);
新建validator模板 

 

@if(count($errors))
    <div class="alert alert-danger">
        <ul>
            <li>{{$errors->first()}}</li>
        </ul>
    </div>
    <div class="alert alert-danger">
        <ul>
            @foreach($errors->all() as $error)
            <li>{{$error}}</li>
            @endforeach
        </ul>
    </div>
@endif

在create模板中引入 

 

@include('common.validator')
2.validator类验证 

 

//Validator类验证
$validator = \Validator::make($request->input(),[
    'Student.name' => 'required|min:2|max:20',
    'Student.age' => 'required|integer',
    'Student.sex' => 'required|integer',
], [
    'required' => ':attribute 为必填项',
    'min' => ':attribute 长度不符合要求',
    'integer' => ':attribute 必须为整数',
], [
    'Student.name' => '姓名',
    'Student.age' => '年龄',
    'Student.sex' => '性别',
]);
if($validator->fails()){
    //需要手动注册错误信息
    //withInput()方法保持数据
    return redirect()->back()->withErrors($validator)->withInput();
}
在表单中显示错误信息以及保持数据 

 

<div class="form-group">
    <label for="name" class="col-sm-2 control-label">姓名</label>

    <div class="col-sm-5">
        <input type="text" class="form-control" id="name" value="{{old('Student')['name']}}"
               name="Student[name]" placeholder="请输入学生姓名">
    </div>
    <div class="col-sm-5">
        <p class="form-control-static text-danger">{{$errors->first('Student.name')}}</p>
    </div>
</div>
 

五.通过模型处理性别
 

重写模型
 

Student.php文件
//定义对应性别常量
 const SEX_UN = 10;
 const SEX_BOY= 20;
 const SEX_GRIL= 30;

 public function sex($ind=null)
 {
     $arr=[
          self::SEX_UN=>"未知",
          self::SEX_BOY=>"男",
          self::SEX_GRIL=>"女"
     ];
     if($ind!==null){
         return array_key_exists($ind,$arr)?$arr[$ind]:$arr[self::SEX_UN];
     }
     return $arr;
 }
index.blade.php文件显示性别 

 

<th scope="row">{{ $student->id }}</th>
<td>{{$student->name}}</td>
<td>{{$student->age}}</td>
<td>{{$student->sex($student->sex)}}</td>
<td>{{$student->create_at}}</td>
在控制器中的create方法中new一个Student对象 

 

public function create()
{
    $student=new Student();
    return view('student.create',[
        'student'=>$student
    ]);
}
create.blade.php文件选择性别 

 

<label class="col-sm-2 control-label">性别</label>
<div class="col-sm-5">
    @foreach($student->sex() as $ind=>$val)
    <label class="radio-inline">
        <input type="radio"  name="Student[sex]" value="{{$ind}}"> {{$val}}
    </label>
    @endforeach
</div>
 

六.通过表单修改数据
 

    1.在index页面添加链接
 

<a href="{{url('student/update',['id'=>$student->id])}}">修改</a>
    2.添加路由和方法 

 

Route::any('student/update/{id}',['uses'=>'StudentController@update']);

 

 

public function update(Request $request,$id)
{
    $student =Student::find($id);
    if($request->isMethod('POST')){
        $data=$request->input('Student');
        $student->name=$data['name'];
        $student->age=$data['age'];
        $student->sex=$data['sex'];

        if($student->save())
        {
           return redirect('student/index')->with('success','修改成功-'.$id);
        }
    }
    return view('student.update',[
        'student'=>$student
    ]);
}
 

3.因为内容与添加数据的表单相同，所以将表单内容抽取为_form，添加视图。
 

@extends('common.layout')

@section('content')
    @include('common.validator')
    <!-- 自定义内容区域 -->
    <div class="panel panel-default">
        <div class="panel-heading">修改学生</div>
        <div class="panel-body">
            <form class="form-horizontal" method="post" action="">
            @include('student._form')
        </div>
    </div>
@stop()
 

七.查看详情及删除数据
 

    1.修改查询连接，并创建对应路由，方法，模板视图
 

<a href="{{url('student/detail',['id'=>$student->id])}}">详情</a>
 

Route::any('student/detail/{id}',['uses'=>'StudentController@detail']);
 

//数据详情
public function detail($id)
{
    $student = Student::find($id);

    return view('student.detail',[
        'student'=>$student
    ]);
}
 

@extends('common.layout')
@section('content')
    <!-- 自定义内容区域 -->
    <div class="panel panel-default">
        <div class="panel-heading">学生详情</div>

        <table class="table table-bordered table-striped table-hover ">
            <tbody>
            <tr>
                <td width="50%">ID</td>
                <td>{{$student->id}}</td>
            </tr>
            <tr>
                <td>姓名</td>
                <td>{{$student->name}}</td>
            </tr>
            <tr>
                <td>年龄</td>
                <td>{{$student->age}}</td>
            </tr>
            <tr>
                <td>性别</td>
                <td>{{$student->getSex($student->sex)}}</td>
            </tr>
            <tr>
                <td>添加日期</td>
                <td>{{$student->created_at}}</td>
            </tr>
            <tr>
                <td>最后修改</td>
                <td>{{$student->updated_at}}</td>
            </tr>
            </tbody>
        </table>
    </div>
@stop
2.修该删除连接，并添加方法与路由。危险操作需要加提示 

 

<a href="{{url('student/delete',['id'=>$student->id])}}"
    οnclick="if(confirm('确定删除吗？')==false) return false;">删除</a>
 

Route::any('student/delete/{id}',['uses'=>'StudentController@delete']);
 

//删除数据
public function delete($id)
{
    $student=Student::find($id);
   if($student->delete())
   {
       return redirect('student/index')->with('success','删除成功-'.$id);
   }
   else{
       return redirect('student/index')->with('error','删除失败-'.$id);
   }
}
 

这样就完成了一个完整的Demo. 

 

 


                

        

        

    

  


    

      

        

            

              
                
                  PM琛
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
laravel 路由的demo

				
			

			

				

					景山编程-顺道编程
				

				

					03-21
					
					367
					
				

			

		

		

			
				
<!DOCTYPE html>
<html>
    <head>
        <title>Laravel</title>        <style>
            html, body {
                height: 100%;
            }            body {
                margin: 0;

			
		

	



                

              
                



	

		

			

				
					
laravel5.3完整样例

				
			

			

				

					02-18
				

			

		

		

			
				
laravel完整样例：里面大概包括：发送邮件附件、导出excel文件、增删改查

			
		

	



                


  
              

                


	

		

			

				
					
laravel框架使用DEMO

				
			

			

				

					09-29
				

			

		

		

			
				
laravel框架使用DEMO,  laravel-tricks

			
		

	





	

		

			

				
					
Laravel（最优雅的PHP框架）的学习与示例

					
最新发布

				
			

			

				

					借雨醉东风的博客
				

				

					07-10
					
					1327
					
				

			

		

		

			
				
Laravel 是一个流行的 PHP Web 开发框架，它因其优雅性、简洁性和易用性而广受开发者喜爱。

			
		

	



		

			
		



	

		

			

				
					
laravel4 简单demo

				
			

			

				

					weixin_34255055的博客
				

				

					06-10
					
					183
					
				

			

		

		

			
				
2019独角兽企业重金招聘Python工程师标准>>>   
                                        
         ...

			
		

	





	

		

			

				
					
laravel+swoole demo

				
			

			

				

					12-21
				

			

		

		

			
				
使用laravel console 命令行方式启动 能够使用laravel代码中封装的所有方法

			
		

	





	

		

			

				
					
laravel实例

				
			

			

				

					03-11
				

			

		

		

			
				
学习laravel的小程序，对自己很有帮助

			
		

	





	

		

			

				
					
display-screen-resolution.zip 屏幕扫描实例代码，一个dome

				
			

			

				

					09-18
				

			

		

		

			
				
屏幕扫描实例代码是一种用于获取和显示计算机显示器分辨率的程序，这个名为"display-screen-resolution.zip"的压缩包包含了一个示例项目。在这个项目中，开发者可能使用C++编程语言，因为压缩包内有main.cpp和...

			
		

	





	

		

			

				
					
NLog Dome 实例

				
			

			

				

					12-05
				

			

		

		

			
				
首先，NLog提供了一个灵活的配置系统，允许开发者通过XML或编程方式定义日志记录的行为。在“NLogDome.sln”中，这是一个Visual Studio解决方案，包含了项目的配置和源代码。项目“NlogDome”可能是包含NLog配置和...

			
		

	





	

		

			

				
					
laravel-jaeger-demo:一个简单的演示应用程序，展示了如何将分布式跟踪系统Jaeger与Laravel应用程序集成

				
			

			

				

					05-19
				

			

		

		

			
				
 一个简单的演示应用程序，显示了如何将分布式跟踪系统Jaeger与Laravel应用程序集成。  首先启动应用程序并安装依赖项：  docker-compose up -d docker-compose exec php bash composer install cp .env.example ....

			
		

	





	

		

			

				
					
jquery mobile Dome实例

				
			

			

				

					08-15
				

			

		

		

			
				
在jQuery Mobile中，一个页面由一个或多个“page”元素组成，每个page元素代表一个独立的视图。页面间可以通过链接或者程序导航来切换。例如：  ```html   <!-- 页面内容 -->    <!-- 页面内容 -->  ```  ### 三、...

			
		

	





	

		

			

				
					
laravels-demo

				
			

			

				

					05-24
				

			

		

		

			
				
介绍
demo是采用PHP(7.3.8)、Swoole(4.5.2)、LaravelS(3.7.6)、Laravel(7.21.0)构建的, 别看当前这些版本都比较高, 但同样适用于低版本的laravel项目, 希望可以帮到学习swoole的小伙伴们
##适用人群
在laravel-s QQ群中很多人对laravel-s的文档有些地方不太清楚, 这个demo就是把文档中的样例全部写到这个里面了
使用
1.下载
$ git clone git@github.com:jie295053415/laravels-demo.git
2.composer
$ composer install
将laravels-demo.com.conf文件配置到nginx中, laravels-demo.com.conf文件中的域名可以修改, 然后在电脑的hosts文件, win的位置: C:\Windows\S

			
		

	





	

		

			

				
					
laravel_demo

				
			

			

				

					02-11
				

			

		

		

			
				
Laravel：
 在Laravel框架8.x和MySQL中创建一个Laravel框架。
 Создатьтаблицусполями：ФамилияИмяОтчествоизаполнитьпроизвольнымиданными，неменее1000строк
 使用Phalcon REST Web服务c：
 3.1。 Чтениезаписейизтаблицы;
 3.2。 Добавлениезаписейвттаблицу;
 3.3。 Изменениезаписейвтаблице;
 3.4。 Удалениезаписейвттаблице;
 Наотдельнойстраницевывестиинтерфейсдляработыстаблицей;
 Реализоватьполнотекстовыйпоискподаннымизтаблицы
Установка

			
		

	





	

		

			

				
					
demo_laravel

				
			

			

				

					03-16
				

			

		

		

			
				
关于Laravel
Laravel是一个具有表达力，优雅语法的Web应用程序框架。 我们认为，发展必须是一种令人愉快的，富有创造力的经历，才能真正实现。 Laravel减轻了许多Web项目中使用的常见任务，从而减轻了开发过程中的痛苦，例如：
 。
 。
 用于和存储的多个后端。
 富有表现力，直观的 。
 数据库不可知。
 。
 。
 Laravel易于访问，功能强大，并提供大型，强大的应用程序所需的工具。
学习Laravel
 Laravel拥有所有现代Web应用程序框架中最广泛，最全面的和视频教程库，因此轻而易举地开始使用该框架。
 如果您不想读书，可以使用帮助。 Laracasts包含1500多个视频教程，涉及各种主题，包括Laravel，现代PHP，单元测试和JavaScript。 深入我们全面的视频库，提高您的技能。
Laravel赞助商
我们要感谢以下赞助商为Laravel开发

			
		

	





	

		

			

				
					
Laravel开发-demo 

				
			

			

				

					08-27
				

			

		

		

			
				
Laravel开发-demo Laravel框架。

			
		

	





	

		

			

				
					
laravel项目实例资产租赁系统

				
			

			

				

					01-21
				

			

		

		

			
				
laravel基于mysql的项目实例资产租赁系统

			
		

	





	

		

			

				
					
30多个ajax简单实例dome

				
			

			

				

					04-13
				

			

		

		

			
				
Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，...记得实践每一个示例，逐步熟悉并掌握Ajax的使用技巧。同时，这个资源也可以作为日后遇到问题时的参考，帮助你快速定位和解决问题。

			
		

	





	

		

			

				
					
8.23的初步dome小案例

				
			

			

				

					weixin_46079002的博客
				

				

					08-23
					
					139
					
				

			

		

		

			
				
制做一个页面简单的流程:

制作一个根盒子,在根盒子里面嵌套各种各样的div盒子

按照网页需求把网页分为若干个大型盒子,然后在大型的盒子里面嵌套版心区域盒子

版心区域的盒子一般都会设置长宽大小,并且强制居中,让网站的版心跟着用户走





在进行了大纲盒子与版心盒子的划分之后就可以在各个模块的版心区域开始进行各个模块的精准划分

导航区域:



在导航区域的地方有着两个盒子,两个盒子都进行左浮动,并且中间使用外边距进行隔开,左边的盒子装填logo




...

			
		

	





	

		

			

				
					
laravel 一些例子

				
			

			

				

					qq_27084325的博客
				

				

					06-28
					
					555
					
				

			

		

		

			
				
复杂搜索实例
简洁代码
封装条件语句
一个函数只做一件事情
避免 is-a 继承
接口隔离：增加中间接口 继承
Git 使用
代码使用
自动测试
PHP判断时间在某一时间段内
tp5 高级使用

...

			
		

	





	

		

			

				
					
给我一个dome

				
			

			

				

					06-02
				

			

		

		

			
				
以下是一个简单的 Vue 动态路由的示例：  假设我们有一个用户列表，我们希望用户能够点击列表中的某个用户，然后跳转到该用户的详细信息页面。我们可以使用 Vue 动态路由来实现这个功能。  首先，我们需要定义路由：...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值