Đào tạo Tin học Trực tuyến

Laravel 5.6: Thiết kế trang đăng nhập hệ thống quản trị Login


Cập nhật: 10 tháng trước
Bài viết ngẫu nhiên:

   Bài 3. Xây dựng CSDL và Stored Procedure trên Sql Server cho dữ liệu của Website Asp.Net

   Laravel: Bảo mật Website của bạn với Middleware

   XD phần mềm Quản lý điểm: Bài 9. Xây dựng Class XuLy và đưa dữ liệu sinh viên vào Bảng điểm Chi tiết

   Để học lập trình bạn nên lựa chọn ngôn ngữ lập trình nào?

   Laravel 5.6 : Cấu hình, Xây dựng Cơ sở dữ liệu với Migrations

   Các thiết lập cơ bản, ban đầu cho BootStrap CSS FrameWork phiên bản 4.0


Trong nội dung này, chúng ta sẽ thiết kế một trang đăng nhập hệ thống quản trị website bắt đầu từ Route, cách tạo Controller, thiết kế view Login cho hệ thống. Ở đây, chúng ta cũng thêm đường link URL cho Layout Master để liên kết đến trang Login trên toàn trang. Xem chi tiết ở liên kết dưới đây:

Click vào đây hoặc ảnh trên để xem chi tiết

Phần thực hành

Route:

Route::get('login', 'LoginController@login');
Route::post('login', 'LoginController@postLogin');

LoginController:

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class LoginController extends Controller
{
    public function login(){
    	return view('home.login');
    }
    public function postLogin(Request $request){
    	return dd($request);
    }
}

View Login:

@extends('layout.master')
@section('content')
	<div class="panel panel-default">
		<div class="panel-heading">
			<h3 class="panel-title">Đăng nhập hệ thống quản trị</h3>
		</div>
		<div class="panel-body">
			<div class="col-md-7 col-md-offset-2">
				<form action="login" method="POST">
					@csrf()
				
					<div class="form-group">
						<label for="Email">Email</label>
						<input type="email" class="form-control" name="email" placeholder="Nhập Email">
					</div>

					<div class="form-group">
						<label for="Password">Password</label>
						<input type="password" class="form-control" name="password" placeholder="Nhập Password">
					</div>

					<div class="checkbox">
						<label>
							<input type="checkbox" value="remember">
							Ghi nhớ đăng nhập
						</label>
					</div>	

					<button type="submit" class="btn btn-default pull-right">Đăng nhập</button>
				</form>
			</div>
		</div>
	</div>
@endsection

 

Xem thêm

   GIS là gì? Thành phần, chức năng, nhiệm vụ và ứng dụng của công nghệ GIS

   Bạn sẽ chọn ngành nào phù hợp với lĩnh vực Công nghệ Thông tin?

   Bạn hiểu thế nào là nghề lập trình? để bước vào nghề lập trình thì phải học những gì?

   Lập trình máy tính là gì? Các ngôn ngữ lập trình, phát triển phần mềm

   Tại sao bạn phải hiểu và có kỹ năng về lập trình hướng đối tượng?

   Xử lý hình ảnh (images) với Bootstrap CSS FrameWork phiên bản 4.x

   Để học lập trình bạn nên lựa chọn ngôn ngữ lập trình nào?

   Top 25 bài giảng có số lượt xem cao nhất thời điểm hiện tại

   Có gì khác biệt giữa HTML và HTML5?

   5 yếu tố quan trọng của định hướng thị giác trong thiết kế web

   Một số thẻ và Type quan trọng với HTML5 cần chú ý trong quá trình thiết kế website

   Xử lý text với Typography trong Bootstrap 4 CSS FrameWork

   Bootstrap 4.0: Bài 2. Thiết lập hệ thống lưới Grid System

Xem nhiều nhất

   Giáo trình hướng dẫn Microsoft PowerPoint 2016 từ cơ bản đến nâng cao

   Chia sẻ Full bộ lịch âm dương 2019 vector - File PNG, JPEG và AI (Adobe Illustrator)

   Hệ thống bài giảng e-Learning lớp Ứng dụng CNTT và các phần mềm vào đổi mới phương pháp dạy và học

   Thực hành biên tập, thiết kế, chỉnh sửa Videos bằng Adobe Premiere

   Thiết kế trò chơi ô chữ trong powerpoint (download miễn phí)

   Thiết lập hiệu ứng trống đồng quay trong Microsoft PowerPoint

   Hướng dẫn sử dụng phần mềm bảng tương tác thông minh ActivInspire

   Trọn bộ Giáo trình Microsoft Word 2016 từ cơ bản đến nâng cao

   Xây dựng Website tin tức bằng PHP và MySql theo phương pháp lập trình hướng đối tượng (mysqli Object Oriented)

   Cài đặt và sử dụng tính năng mới của Office 365 trên Office 2016

   Thực hành sử dụng phần mềm thiết kế đồ họa Adobe Illustrator

   Tạo câu hỏi trắc nghiệm với siêu liên kết (hyperlink) và Trigger với PowerPoint 2016

   Hướng dẫn thu âm, chỉnh sửa âm thanh, tăng giảm tone nhạc bằng phần mềm Adobe Audition CC

   Bài giảng Microsoft PowerPoint 2013 và 2016 từ cơ bản đến nâng cao

   Thực hành sử dụng phần mềm thiết kế đồ họa Corel Draw

   Dòng chữ chạy liên tục từ trái qua phải và đồng hồ đếm ngược trong PowerPoint