laravel 实战之 - 登录首页

laravel 实战之 - 登录首页

前言

• 实战环境

  操作系统：centOS 7
  数据库：sqlite3
  php：7.2
  laravel：5.8
  css框架：bootstrap 4
  工作目录：默认为项目根目录

• 预期

  • 通过路由协调视图和控制器显示登录界面，并获取用户输入数据

设计

用户逻辑

1. 用户通过访问 http://localhost/login 页面访问到 login 视图
2. login 视图有一个表单，用户可以输入信息后提交到后台
3. 后台可以获取到用户输入信息

逻辑分析

由【用户逻辑】可知，我们一共需要实现两个功能，一个是 login 视图，让用户可以输入信息并提交，一个是后台，可以获取到用户输入信息

开发逻辑

1. 配置 login 路由，指向 loginController 控制器的 login 方法，login 方法可以调取到 login 视图，显示出登录首页；
2. 配置 show 路由，指向 loginController 控制器的 show 方法，show 方法可以显示打印出从 login 视图提交的信息；

实施逻辑

1. 新建两个路由 login 和 show ，分别指向控制器 loginController 的 login 和 show 方法；
2. 新建一个控制器 loginController ，并在该控制器下新建 login 和 show 两个方法，其中 login 方法用来调取 login 视图，show 方法用来显示后台获取到的用户提交的信息；
3. 新建一个视图，用来显示登录界面，并将用户输入信息提交至后台

实操

1. 新建两个路由 login 和 show ，分别指向控制器 loginController 的 login 和 show 方法；

# 在 ./routes/web.php 文件后追加
// 首页登录
  // login 登录界面
  Route::get('login',"loginController@login");
  // 显示获取到的用户数据
  Route::get('show/{user}/{password}',"loginController@show");

2. 新建一个控制器 loginController ，并在该控制器下新建 login 和 show 两个方法，其中 login 方法用来调取 login 视图，show 方法用来显示用户输入的信息；

# 在工作目录执行 php artisan make:controller loginController 命令创建 loginController 控制器
# 在 ./app/Http/Controllers/loginController.php 控制器中添加方法
//返回 login 视图
    public function login() {
      return view('login');
    }

    //显示用户输入的数据
    public function show(Request $request) {
      dd($request->input('user'),$request->input('password'));
    }

3. 新建一个视图，用来显示登录界面，并将用户输入信息提交至后台

    

      @csrf
      

        user
        
      
      

        password
        
      
      重置
      提交
    

完整代码：

  
    
    
    

    
    

    
  
  
        


                

                        @csrf
                        

                                user
                                
                        
                        

                                password
                                
                        
                        重置
                        提交
                

        

    
    
    
    
    
  

此图镇楼

1557419047352.png

1557419075679.png

今日总结

我们今天都操作了哪些呢：

1. 新建了两条路由 login 和 show
   细心的小伙伴们一定发现了这两条路由都是以Route::get开头的，但是，是所有的路由的都是这样吗，当然不是啦，laravel 路由支持很多种方法的，不但有get，还有post、put、patch、delete等等，如过有兴趣的小伙伴们可以去阅读下官方的相关说明，了解即可，不要求完全记忆。
2. 新建了一个 loginController 控制器，并添加了 login 和 show 方法，其中 show 方法中show(Request $request)中的第一个Request是规定用法噢，千万不要打错了，后一个$request是一个自定义的变量，名字不做限制，正确引用即可。
3. 新建了一个 login 视图，其中表单中的@csrf是csrf验证，它可以使你的网站更为安全，提交至post put delete路由方法的表单中必须要有的噢，不然 laravel 中是无法正确提交表单的噢。
4. 我们今天用的是 get 方式提交的表单，但是聪明的小伙伴们肯定知道 get 方式提交的表单是明文传输的，特别的不安全，所以表单提交一般都需要使用 post 方式提交，那我们这个登录首页要如何修改成 post 的方式提交表单，并在后台获取到用户输入的信息呢？
   方法是很简单的，我们只需要将我们今天在./routes/web.php中新增的第二条路由Route::get('show',"loginController@show");修改为Route::post('show',"loginController@show");，然后再将 ./resources/views/login.blade.php视图中的
   修改为就完成了。

是不是很简单，但是一定要操作噢，不然很容易陷在看一遍，忘一遍，又看一遍，又忘一遍的怪圈中，白白浪费了美好时光。