laravel 网站后台设计

2016-05-15 11:37:00

laravel 网站后台设计

我将记录，我是如何使用laravel搭建一个简单的后台应用。
你将学会，laravel的基本使用方法。请认真实践哦。

设置路由

routes.php 定义的代码

Route::group([
'namespace' => 'Admin' ,
'prefix' => 'admin'
], function(){
// 控制器在 "App\Http\Controllers\Admin" 命名空间下

//登录页面Route::get('login', "AuthController@getLogin");//提交登录Route::post('login', "AuthController@postLogin");//退出登录Route::get('loginout', "AuthController@loginout");Route::group([    'middleware'=> 'adminAuth'],function(){    //后台主页    Route::get('/', "AuthController@index");    //后台头部    Route::get('/header', "AuthController@header");    //后台菜单    Route::get('/menu', "AuthController@menu");    //后台的主要部分,欢迎页面,或者是系统状态.    Route::get('/main', "AuthController@main");});

});
| 属性名 | 意思 |
| - | - |
| namespace | 命名空间
| prefix | 路由前缀
| middleware | 中间件

路由列表

php artisan route:list

+--------+----------+------------------------------+----------------------+---------------------------------------------------------------+------------+
| Domain | Method | URI | Name | Action | Middleware |
+--------+----------+------------------------------+----------------------+---------------------------------------------------------------+------------+
| | GET|HEAD | / | | Closure | |
| | GET|HEAD | _debugbar/assets/javascript | debugbar.assets.js | Barryvdh\Debugbar\Controllers\AssetController@js | |
| | GET|HEAD | _debugbar/assets/stylesheets | debugbar.assets.css | Barryvdh\Debugbar\Controllers\AssetController@css | |
| | GET|HEAD | _debugbar/clockwork/{id} | debugbar.clockwork | Barryvdh\Debugbar\Controllers\OpenHandlerController@clockwork | |
| | GET|HEAD | _debugbar/open | debugbar.openhandler | Barryvdh\Debugbar\Controllers\OpenHandlerController@handle | |
| | GET|HEAD | admin | | App\Http\Controllers\Admin\AuthController@index | adminAuth |
| | GET|HEAD | admin/header | | App\Http\Controllers\Admin\AuthController@header | adminAuth |
| | GET|HEAD | admin/login | | App\Http\Controllers\Admin\AuthController@getLogin | |
| | POST | admin/login | | App\Http\Controllers\Admin\AuthController@postLogin | |
| | GET|HEAD | admin/loginout | | App\Http\Controllers\Admin\AuthController@loginout | |
| | GET|HEAD | admin/main | | App\Http\Controllers\Admin\AuthController@main | adminAuth |
| | GET|HEAD | admin/menu | | App\Http\Controllers\Admin\AuthController@menu | adminAuth |
+--------+----------+------------------------------+----------------------+---------------------------------------------------------------+------------+

这里清晰的看到，前面所定义的路由,对应的地址。

'prefix' => 'admin' 所以 admin/ 就是uri的前缀。

别以为我打错了，为什么不是url。

uri是指,域名后面的部分，如：http://blog.c2567.com/hello.html，那么/hello.html就是uri，也就是域名后面的部分。
url是指,完整的地址，包括域名。

uri详细解释.
http://baike.baidu.com/item/URI/2901761

创建控制器

php artisan make:controller Admin/AuthController

用于处理后台页面以及登录后台。

input('username');
$password = $request->input('password');
if($username == 'chensuilong' && $password == '123456'){
session(['isAdminLogin'=>true]);
return redirect('admin/');
}else{
echo '账号,或者密码错误';
return view('admin.login');
}

}public function loginout(Request $request){    $request->session()->flush();    return redirect('admin/');}

}

创建中间件

php artisan make:middleware adminAuthMiddleware

用于处理后台的权限，是否允许显示后台
在app\Http\Kernel.php, 找到 $routeMiddleware，加入中间件的别名。

    'adminAuth' => \App\Http\Middleware\adminAuthMiddleware::class

创建视图

创建文件夹
resources\views\Admin

建立文件

resources\views\Admin\index.blade.php

resources\views\Admin\header.blade.php

resources\views\Admin\menu.blade.php

resources\views\Admin\main.blade.php

resources\views\Admin\login.blade.php

index.blade.php

最简单的后台

header.blade.php

body{    background:rgb(0,153,204);    color:# FFF;}h2{    line-height: 40px;}

简单的后台

menu.blade.php

*{    margin: 0;    padding: 0;}body{    background: # 3C4045;}# menu {    font-size: 12px;}# menu li{    padding-bottom: 12px;}# menu h1{    font-size: 14px;    line-height: 30px;    background-color: # 22282e;    color: # FFF;    margin-bottom: 8px;    padding: 10px;}# menu a{    line-height: 25px;    display: block;    color: # FFF;    cursor: pointer;    list-style-type: none;    text-decoration: none;    padding: 10px;}# menu a:hover{    background-color: # 0099cc;    font-weight: bold;}1.         # 用户管理    管理用户    添加用户1.         # 服务器状态    状态1.         # 后台管理    后台设置    退出后台

main.blade.php

这是一个超级简单的后台

login.blade.php

登录后台    body {        padding-top: 40px;        padding-bottom: 40px;        background-color: # eee;    }    .form-signin {        max-width: 330px;        padding: 15px;        margin: 0 auto;    }    .form-signin .form-signin-heading,    .form-signin .checkbox {        margin-bottom: 10px;    }    .form-signin .checkbox {        font-weight: normal;    }    .form-signin .form-control {        position: relative;        height: auto;        -webkit-box-sizing: border-box;        -moz-box-sizing: border-box;        box-sizing: border-box;        padding: 10px;        font-size: 16px;    }    .form-signin .form-control:focus {        z-index: 2;    }    .form-signin input[type="password"] {        margin-bottom: 10px;        border-top-left-radius: 0;        border-top-right-radius: 0;    }    登录后台    用户名    密码    登录