laravel起步1.0--用户登录

最新推荐文章于 2023-06-19 14:42:07 发布

SF梅花糕

最新推荐文章于 2023-06-19 14:42:07 发布

阅读量179

点赞数

分类专栏： laravel 文章标签： laravel

本文链接：https://blog.csdn.net/weixin_42265596/article/details/87895665

版权

laravel 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

1.配置数据库

在vender目录下的.env修改文件
在这里插入图片描述

给数据库名添加前缀

2.简单的mvc登录例子

a:利用 artisan指令生成文件
在cmd中我们可以用 php artisan list 查看基本指令操作
输入： php artisan make:controller admin/login/login
结果：在这里插入图片描述
同理：php artisan make:model Models/admin

在views先建立登录模板

在routes目录下的web.app建立路由

控制器

<?php

namespace App\Http\Controllers\admin\login;

use Illuminate\Http\Request;
use App\Http\Controllers\Controller;
use App\Models\admin;



class Login extends Controller
{
   public function login(Request $request)
   {
//       $request->isMethod('post')//判断请求是否为post请求
//       Input::all();//laravel获取表单提交的全部数据
       if($request->isMethod('post'))
       {
               //获取输入的账号密码
               $username=$request->input('SWEusername');
               $password=$request->input('SWEpassword');
               //验证
               $adusername=admin::where('sweusername',$username)->first(['swepassword']);
               if($adusername){
                   if($password==$adusername['swepassword'])
                   {
                       return view ("welcome");
                   }
                   else{
                       return redirect('/login')->with('error','账号密码错误');
                   }
               }
               else{
                   return redirect('/login')->with('error','账号密码错误');
               }
           }
       return view('admin.login.login');
   }


}

model

<?php
/**
 * Created by PhpStorm.
 * User: SWESWE
 * Date: 2019/2/25
 * Time: 10:45
 */
namespace App\Models;
use Illuminate\Database\Eloquent\Model;
class admin extends Model
{
    public $timestamps = false;//Eloquent 期望 created_at 和 updated_at 已经存在于数据表中 即数据表中存在这两个字段
    //    // 模型该使用哪一个数据表。除非数据表明确地指定了其它名称，否则将使用类的复数形式「蛇形命名」来作为表名
    protected $table = 'sweadmin';
    //查询


}

视图

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <!--移动设备友好样式-->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- 新 Bootstrap 核心 CSS 文件 -->
        <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

        <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

        <!--引入后端css样式-->
        <link href="../../../css/admin/login/adminlogin.css" rel="stylesheet">
        <title>SWE16081login--div</title>


    <body>
         <div class="content">
             <div class="pic-img">
                 <img src="../../../pic/hou.png">
             </div>
             <form method="post" action="/login">
                 <input type="hidden" name="_token" value="{{ csrf_token() }}" /><!--419bug-->

                 <div class="middle">
                     <div class="middle-padding">
                         <input class="form-control" type="text"  placeholder="账号" id="SWEusername" name="SWEusername">
                             @if($errors->has('SWEusername'))
                             <p class="text-danger text-left"><strong>  {{$errors->first('SWEusername')}}</strong></p>
                            @endif
                     </div>

                     <div class="middle-padding">
                         <input  class="form-control" type="password"  placeholder="密码" id="SWEpassword" name="SWEpassword">
                         @if($errors->has('SWEpassword'))
                             <script>alert('{{$errors->first('SWEpassword')}}')</script>

                         @endif
                         @if(session('error'))
                             <script>alert('{{session('error')}}')</script>

                         @endif
                     </div>

                     <div class="middle-padding">
                         <input class="btn btn-default"type="submit" value="登陆">
                     </div>

                 </div>
             </form>


         </div>
    </body>
</html>

样式文件
在这里插入图片描述

body{
    text-align: center;
}
.content
{
    /*border: 1px solid rgb(122, 255, 171);*/
    margin: 0 auto;
    width: 300px;
    height:400px;
}
.middle{
    /*border: 1px solid rgb(255, 139, 58);*/
    /*padding-top: 100px;*/
    margin: 0 auto;

    width: 200px;
    height:300px;
}
.middle-padding{
    padding-top: 20px;
}
.btn{
    width: 200px;

}
.pic-img{
    padding-top: 50px;
    /*width: 100px;*/
    margin: 0 auto;
    /*border: 1px solid rgb(236, 255, 148);*/
}
.code{
    width: 200px;
}
.title
{
    font-size: 6px;
    float: left;
}