iT邦幫忙

2023 iThome 鐵人賽

DAY 4
0
Modern Web

Laravel實作 —系列 第 4

[Day 04] Laravel實作 -- 地府的新訓—創造屬於自己的LL地獄

  • 分享至 

  • xImage
  •  

昨天我們簡單地了解了Laravel,今天我們就要正式接我們的Laravel回家了,我們會先下載編寫Laravel所需的程式,接著下載Laravel本體,最後會下載關於使用者登入相關的套件,下載就是Day 04的主旨,讓我們現在就開始吧!

Step 1 下載xampp

xampp是由Apache(網頁伺服器) + MariaDB/MySQL(資料庫管理系統) + PHP(程式語言) + Perl(程式語言) 是為了更方便網頁開發者架設基礎網站所整合的安裝包。

(XAMPP已經包含了PHP,就不須另外載PHP了。)

我們平常會開著MySQL作為Laravel的後端資料庫,和開啟Apache方便我們使用phpMyAdmin(以PHP為基礎管理我們的MariaDB/MySQL)去確認我們的後端資料是否有好好的照我們的想法修改。

我們要到xampp的官網下載,關於如何下載請參考官方文件
https://www.apachefriends.org/index.html
https://ithelp.ithome.com.tw/upload/images/20230919/20163142a5mUTbwPgL.png

以下是XAMPP 開啟的畫面
https://ithelp.ithome.com.tw/upload/images/20230919/20163142ily48UGYq4.png

Step 2 下載composer

composer是PHP用於管理相關套件的程式,當我們要引用第三方的套件,composer會幫我們做基礎的版本檢查或檢查是否有相依的套件要一起下載,composer都會幫我們處理好。

https://getcomposer.org/
https://ithelp.ithome.com.tw/upload/images/20230919/201631429fFIaz4HWU.png

(官網很可愛,刷新會換不同人)

Step 3 下載Node.js

未來我們會經常使用到npm這個指令,就像composer之於PHP的關係,npm也管理著node相關套件。如果是多人一起撰寫專案,也會用composer和npm做版本控制。

https://nodejs.org/en
https://ithelp.ithome.com.tw/upload/images/20230919/20163142mKn7XziFao.png

Step 4 下載Laravel

首先打開cmd,要進到選好放Laravel專案的位置
輸入 composer create-project laravel/laravel example-app
其中example-app專案的名稱,可以按需求自行更改。

https://ithelp.ithome.com.tw/upload/images/20230919/20163142nxtLBLrZXE.png

等待他載完,接著輸入cd example-app,進入example-app的資料夾,
接著輸入php artisan serve,開啟伺服器,如果看到下圖的畫面,就代表你成功了。

https://ithelp.ithome.com.tw/upload/images/20230919/20163142YpDYsAxuCA.png

到這裡Laravel專案本體就安裝好了,但我們後續還載了一個簡單套件,所以Day 04到這裡還沒結束。

Step 5 下載Laravel breeze

Laravel breeze是laravel提供的套件,他會提供簡單的身份驗證,包括最基本的登入/註冊、密碼重設和信箱驗證,我們可以自行決定使用哪些功能。

請出我們的composer安裝套件,
composer require laravel/breeze --dev
我們選擇blade作為前端顯示,
php artisan breeze:install blade
使用npm,更新breeze相關的前端頁面,
npm run dev
接著更新我們的資料庫(要記得開啟你的資料庫),
php artisan migrate

https://ithelp.ithome.com.tw/upload/images/20230919/20163142nDDwug4Iwf.png

完成以上步驟,關於安裝就算完成了,但在正式進入編寫程式碼前,明天我們會介紹幾個常使用的資料夾介紹,如果知道資料放置的位置,對後續開發會更有效率。

那我們就明天見,掰掰。


上一篇
[Day 03] Laravel實作 -- 初識地獄,認識Laravel
下一篇
[Day 05] Laravel實作 -- 在闖蕩地獄前先來了解風俗民情
系列文
Laravel實作 —30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言