la5.2作业

最新推荐文章于 2024-08-16 19:02:09 发布

刚入坑的坑

最新推荐文章于 2024-08-16 19:02:09 发布

阅读量69

点赞数

分类专栏： la 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/m0_68082784/article/details/124543340

版权

la 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这是一个Laravel应用中关于用户登录和注册的实现。`UserController`包含`login`、`loginCheck`和`regist`方法，分别对应登录视图展示、登录验证和注册视图展示。`loginCheck`方法使用DB查询验证用户名和密码。前端HTML展示了登录和注册表单，使用了Blade模板，并实现了CSRF保护。同时，定义了相关路由来处理用户请求。

摘要由CSDN通过智能技术生成

public function login(){
        return view('login');
    }
    public function loginCheck(Request $request){
        $data = $request->all();
        $username=$request->input('username');
        $password=$request->input('password');
        // dd($data,$username);

        $res=DB::table('users')
        ->where('name',$username)
        ->where('password',$password)
        ->first();
        dd($res);
    }

    public function regist(){
        return view('regist');
    }



}

`` Route::apiResources(['/ph'=> PhotoController::class]);
 Route::get('/regist',[UserController::class,'regist']);
 Route::get('/login',[UserController::class,'login']);
 Route::post('/loginCheck',[UserController::class,'loginCheck']);

Route::resource('/user',UserController::class);

```html
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
<body>
    <div class="login">
        <form action="{{url('loginCheck')}}" method="post">
            <h2>用户登录</h2>

            <div>
                <label for="username">用户：</label>
                <input id="username" type="text" name="username" placeholder="请输入用户名" required>
            </div>
            <div>
                <label for="password">密码：</label>
                <input id="password" type="password" name="password" placeholder="请输入密码" required>

            </div>
            <div>
                <input type="submit" value="登录">
                <input type="reset">
            </div>

            @csrf
        </form>
    </div>

    <style>
        body{
            background-color: skyblue;
        }
        body *{
            box-sizing: border-box;


        }
        .login form{
            display: flex;
            flex-direction: column;

            width: 340px;
            background-color: lightblue;
            margin: 50px auto;
            padding:10px 40px;
            box-shadow: 0px 3px 6px #888;
        }
        .login h2{
            text-align: center;
            color: red;
        }
       /* .login div{
            text-align: center;
        } */
        .login *{
            margin-bottom: 10px;
        }
        form div:last-of-type{
            /*margin-left: 80px;*/
        }
        form div:last-of-type input{
            margin-left: 55px;
        }
        .login label{
            display: inline-block;
            width: 50px;
            text-align: right;
        }
    </style>

    @if(!empty($data['message']))
        <script>alert("{{$data['message']}}")</script>
    @endif
</body>
</html>

<div class="regist">
    <form action="{{url('/user')}}" method="post" onsubmit="return false">
        @method('put')
        <h2>用户注册</h2>

        <div>
            <label for="username">用户名：</label>
            <input id="username" type="text" name="username" placeholder="请输入用户名" required>
        </div>
        <div>
            <label for="email">邮箱：</label>
            <input id="email" type="email" name="email" placeholder="请输入电子邮箱" required>
        </div>
        <div>
            <label for="password">密码：</label>
            <input id="password" type="password" name="password" placeholder="请输入密码" required>

        </div>
        <div>
            <label for="repwd">确认密码：</label>
            <input id="repwd" type="password" name="repwd" placeholder="请再次输入密码" required>

        </div>
        <div>
            <input type="submit">
            <input type="reset">
        </div>

        @csrf
    </form>
</div>

<style>
    body{
        background-color: lightgoldenrodyellow;
    }
    body *{
        box-sizing: border-box;

    }
    .regist form{
        display: flex;
        flex-direction: column;

        width: 400px;
        background-color: lightblue;
        margin: 50px auto;
        padding:10px 40px;
        box-shadow: 0px 3px 6px #888;
    }
    .regist h2{
        text-align: center;
        color: red;
    }
    .regist *{
        margin-bottom: 10px;
    }
    form div:last-of-type{
        margin-left: 80px;
    }
    form div:last-of-type input{
        margin-left: 40px;
    }
    form label{
        display: inline-block;
        width: 80px;
        text-align: right;
    }
</style>
</body>
</html>

在这里插入图片描述

刚入坑的坑

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
la5.2作业

public function login(){ return view('login'); } public function loginCheck(Request $request){ $data = $request->all(); $username=$request->input('username'); $password=$request->input('password'); /
复制链接

扫一扫