摘要:在文件的標簽中加上以下代碼新手上路注冊登陸上面只是引用了一些簡單的的,也沒什么難的,不用傷心。
Laravel身為最優雅的PHP框架,很多學習PHP的小伙伴造就對Laravel垂涎欲滴。今天就來實現你的愿望,讓我們一起從零開始,利用Laravel實現Web應用最常見的注冊和登錄功能!所有的課程源碼已放在Github上:laravel-start. Race Start !
首先我們來明確一下我們這個課程需要的東西:
Laravel 4.2
Bootstrap 3.3
Laravel就是我們關心的核心部分,Bootstrap用來快速設置一些前端的CSS樣式。
1.安裝Laravel簡單說明之后我們來進入下一步,安裝Laravel,在這我們是通過Composer來安裝,打開命令行終端,執行:
cd Sites
Sites就是web應用的根目錄,你可以根據需要換成你自己的根目錄,然后再執行:
composer create-project laravel/laravel laravel
laravel就是你的應用目錄名,你可以取一個你喜歡的名字。執行上面的命令之后,等一段時間(畢竟在國內,網速是個大坑),安裝完以后你會得到這一堆目錄:
我們主要操作models和 controllers和 views這三個目錄:這就是MVC的構成啊!
2.安裝Bootstrap然后再命令行執行:
cd laravel/public/packages
這里的laravel與上面的應用目錄對應,如果你在安裝的時候用了其他的名字,請對應換上。來到packages這個目錄后安裝Bootstrap,直接在命令行執行:
bower install bootstrap
這個比較快,然后等這個下載完之后你就會得到最新的穩定版Bootstrap。在目錄packages目錄下的 bower_components/bootstrap/dist/這里就包含了Bootstrap的css,js,fonts這三個我們在開發過程中經常用到的樣式文件,js和字體文件。成功后你將看到這個:
注:這里使用的bower這個工具,它負責管理一些前端的包。
到這里,我們的前期工作已經準備好了。不過在進入下一步之前,我們得先確保我們的laravel/app/storage目錄有相應的寫入權限,所以回到laravel目錄,如果你在安裝完bower之后沒動過命令行,可以直接通過:
cd ../../
回到laravel目錄,然后在執行:
chmod -R 755 app/storage
這一步搞定之后我們就可以進入真正的開發階段了。
3.配置數據庫并建表:在開始配置之前,我們要為我們的laravel應用創建一個數據庫,我將它命名為laravel-start,
然后在編輯器中打開app/config/database.php文件,對相應的數據庫配置項填入,如:
"default" => "mysql", // 數據庫連接 "connections" => array( "mysql" => array( "driver" => "mysql", "host" => "127.0.0.1", "database" => "laravel-start", "username" => "root", "password" => "", "charset" => "utf8", "collation" => "utf8_unicode_ci", "prefix" => "", ),
連接完數據庫之后,還得創建一個Users表,你可以直接在數據庫中創建Users表,也可以利用Laravel的artisan來創建,這里我們使用Laravel的artisan來建表,順道了解一點點關于Laravel migrate的知識。執行下面語句:
php artisan migrate:make create-users-table
以上命令會創建一個migrate文件(文件位于app/database/migrations目錄下),這個文件的名字就是create-users-table,然后我們可以通過編輯剛剛生成的migrate文件來創建Users表。
public function up() { Schema::create("users", function($table){ $table->increments("id"); $table->string("username", 20); $table->string("email", 100)->unique(); $table->string("password", 64); $table->string("remember_token",62)->default("default"); $table->timestamps(); }); }
上面的方法使用了laravel的Schema Builder類,上面這段代碼使用up()方法的創建一個users表,這個表里有5個字段:id自增 ,username長度20以內 ,email長度100以內并且是唯一的 ,password長度64以內 ,remember_token是為了在登錄的時候更方便實用,Laravel會自動將token值填充進來,但在最開始你必須設一個默認值,timestamp當前的時間戳。在這我們需要注意的一點是:最好在down()加上下面的代碼,以防某天我們需要刪除Users這個表。
public function down() { Schema::drop("users"); }
上面的都做好以后,執行一下下面這一句神奇的命令:
php artisan migrate
有圖有真相:
終于,我們的前奏搞完了,可以正式來魯Laravel了。
4.啟動服務來試試直接在laravel目錄執行:
php artisan serve
打開瀏覽器,輸入localhost:8000,回車,Bingo!
OK,先給自己三十秒的掌聲時間,如果你順利地走到了這一步的話。恭喜你,你已經進入Laravel的大門,更多驚喜我們再一一道來.....
好了,我們現在開始了,首先在app/views/文件夾下創建一個layouts文件夾,再再這個文件夾下新建一個php文件,命名為main.blade.php,在這個文件里寫上下面這些代碼:
發現Laravel 4之美
PS:layouts文件夾通常用來存放視圖文件的功用部分,比如一些網頁的頭部
和尾部,這里就是存放了頭部 部分
感覺main.blade.php的名字很奇怪?不用擔心,Laravel的視圖文件命名遵循filename.blade.php的規則,因為Laravel是用Blade這個模板引擎解析的,你不用深究,就照著上面的名字規則來命名視圖文件就OK
為視圖文件添加CSS樣式:
發現Laravel 4之美 {{HTML::style("packages/bower_components/bootstrap/dist/css/bootstrap.min.css") }} {{ HTML::style("css/main.css")}}
沒錯,就是在原來的main.blade.php的基礎上添加兩行代碼;然后我們來創建我們的main.css,這個主要是用來放我們自己定義的樣式。在public文件夾下創建css文件夾,在css文件夾創建main.css文件,大功告成。
添加導航欄。在main.blade.php文件的標簽中加上以下代碼:
上面只是引用了一些簡單的Bootstrap的class,也沒什么難的,不用傷心。
到這里基本的功用部分就結束了,但是我們的追求從不會這么low,所以為了更好地與用戶交互,我們希望在用戶進行某個操作之后給出一些反饋,比如注冊成功的時候說:少年,你已成功注冊本站,恭喜恭喜。等,于是乎,我們再為main.blade.php添加一點點代碼:
@if(Session::has("message")){{ Session::get("message") }}
@endif
為了現實這些反饋信息給用戶,我們得使用Session::get("message")方法,當然,我們得首先從邏輯上判斷一下這個message是否存在,所以這里用了一個簡單的if判斷。
在blade引擎的視圖中if 的使用格式是
@if(conditions) #code... @endif
到這里就結束了么?NO,如果到這里就結束的話,其他的視圖文件是怎么插入main.blade.php的之間的呢?所以,不要忘了還有一個重要的事:{{ $content }},于是乎,上面的代碼就變成了這樣:
@if(Session::has("message")){{ Session::get("message") }}
@endif {{ $content }}
{{ $content }}在這里就是表示其他的視圖文件內容,你可以在理解上將其他的視圖當作一個字符串來理解,只不過這個字符串很長,而且恰好包含了HTML標簽而已。下面你將體會到這種想法。
創建完我們的公用視圖main.blade.php后,我們先來為main.css添加我們的CSS樣式:
body { padding-top: 60px; } .form-signup, .form-signin { margin: 0 auto; }
因為我們在main.blade.php文件中使用了
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。 轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/20934.html
摘要:前言年底了不太忙,最近一段時間也一直在研究,就想寫篇關于比較深一點的教程系列啥的,于是就找到站長給開了寫教程的渠道。優點的就是為藝術家創造的框架,它也是工程化的趨勢。項目維護方便也是事實。如果有遇到問題可以直接在教程下面留言。 前言 年底了不太忙,最近一段時間也一直在研究laravel,就想寫篇關于laravel比較深一點的教程系列啥的,于是就找到站長給開了寫教程的渠道。由于第一次寫,...
摘要:最佳實踐良好的編碼規范單元測試持續集成文檔,從一開始就形成良好的編碼習慣。真實的電商業務所有的業務需求來自真實的客戶,并且線上良好運營中。 重要通知: Laravel + 小程序的開源電商版本源碼已經在 github 上拉,歡迎提交 issue 和 star :) 開源電商 Server 端: Laravel API源碼 開源電商 client 端:小程序源碼 iBrand 簡介...
摘要:原文發表在我的個人網站系列入門教程二最適合中國人的教程本教程示例代碼見大家在任何地方卡住,最快捷的解決方式就是去看我的示例代碼。 原文發表在我的個人網站:Laravel 5 系列入門教程(二)【最適合中國人的 Laravel 教程】 本教程示例代碼見:https://github.com/johnlui/Learn-Laravel-5 大家在任何地方卡住,最快捷...
摘要:被稱為簡潔優雅的開發框架,但第一次接觸此框架的人有不少都卡在了安裝上,其實在下只需要很簡單的幾步就可以搞定,這里我們以下的環境為例。 Laravel 被稱為簡潔、優雅的PHP開發框架,但第一次接觸此框架的人有不少都卡在了安裝上,其實在 Linux 下只需要很簡單的幾步就可以搞定,這里我們以 CentOS 下 PHP + Nginx + Mysql 的環境為例。 首先需要了解 Larav...
閱讀 2895·2021-11-24 09:39
閱讀 1157·2021-11-02 14:38
閱讀 4141·2021-09-10 11:26
閱讀 2743·2021-08-25 09:40
閱讀 2303·2019-08-30 15:54
閱讀 477·2019-08-30 10:56
閱讀 2738·2019-08-26 12:14
閱讀 3211·2019-08-26 12:13