後端_Laravel

Laravel

搭建開發環境
Laragon是集成開發工具,做爲開箱即用的工具:php

  • 內置APache,Cmder,Composer,Git,HeidiSQL,Laragon,MYSQL,Nginx,Node.js,Notepad++,PHP,Redis,Yarn等.
  • 官網: https://laragon.org/download/
  • 注意安裝時,選擇Auto virtual hosts ,安裝成功以後,點擊Start All 以後打開 http://localhost

PHPStudy:css

  • 官網下載 http://phpstudy.php.cn/
  • 安裝配置,版本與數據庫等,配置host與站點域名管理器.當打開Laravel異常時,能夠選擇PHP_OpenSSL.

建立項目前端

在Windows系統,系統要預安裝PHP和Composer.
   方式一:使用Laravel安裝器安裝:$composer global require laravel/installer  $laravel new projectname
   方式二:使用Composer自帶的create-project命令來安裝新應用 $composer create-project laravel/laravel soapeye --prefer-dist     配置數據庫(env)且初始化前端資源(npm install)

項目結構vue

  • app:存放應用核心代碼,如模型、控制器、命令、服務等.
  • bootstrap: 用於存放Laravel框架的啓動文件.
  • config: 項目的配置文件.
  • database: 存放數據庫遷移的填充類文件.
  • public: Web應用入口目錄,用於存放入口文件index.php以及前端資源文件等.
  • resources:用於存放與非PHP資源文件,如視圖模板,語言文件,待編譯的Vue模板,SaSS,JS源文件.
  • routes: 項目的路由文件.
  • storage: 存放緩存,日誌,上傳文件,已經編譯過的視圖模板等.
  • tests: 存放單元測試以及功能測試代碼.
  • vendor: 經過Composer安裝的依賴包.
  • .gitignore: 版本系統文件.
  • .env.example: 配置的示例模板.
  • .env: 真正的配置文件.
  • artisan:容許你在項目根目錄下經過 php artisan 執行 Artisan 命令.
  • composer.json 和 composer.lock:Composer 配置文件.
  • webpack.mix.js:Laravel Mix Webpack 配置文件,用於編譯和打包前端資源.
  • package.json:配置前端資源依賴和腳本(相似於 composer.json 之於 PHP).
  • phpunit.xml:PHPUnit 配置文件.
  • server.php:用於經過 php artisan serve 啓動 PHP 內置服務器進行一些簡單的本地預覽.
  • yarn.lock:相似於 composer.lock 之於 Composer,指定 NPM 包版本.
  • .editorconfig:用於在不一樣 IDE 或編輯器中維護代碼風格的一致性配置.

調試模式webpack

env 的APP_DEBUG=true    app.php的 'debug' =>('APP_DEBUG',false)

路由laravel

  • 定義路由的入口文件: routes/web.php 用於處理終端用戶經過web瀏覽器直接訪問的請求. routes/api.php 用於處理其餘接入方API請求.
  • 路由動做:Route::post('/',function(){}); 捕捉任何請求Routes:: any('/',function(){});
  • 複雜業務邏輯: 使用控制器的方法 Route::get('/','WelcomeController@index');

前端頁面git

  • 在resource/js/components目錄下新增demo.vue,而後在resource/js/app.js中全局註冊這個組件.web

    Vue.component('welcome-component', require('./components/WelcomeComponent.vue'));
    
    const app = new Vue({
       el: '#app'
    });
  • 在頁面編寫:數據庫

    <div id="app">
               <welcome-component></welcome-component>
           </div>
           <script src="{{ asset('js/app.js') }}"></script>
    </div>
//中間件
Route:middleware('auth')->group(function () {
   Route::get('index',function () {
             return view('index');
   });
   Route::get('pagea', function () {
           return view('pagea');
    });
});

//路由路徑前綴
Route::prefix('api')->group(function () {
  Route::get('/',function () {
     //處理路由
   })->name('api.index');
  Route::get('users', function () { 
  })->name('api.users');
})

控制器
在MVC模式中,控制器負責組織路由和業務邏輯,複雜的業務將業務邏輯交給Service,模型類負責底層數據存取與處理,視圖層負責數據渲染與頁面交互.
控制器適合負責對HTTP請求進行路由.npm

//控制器demo,新建Sunday控制器在APP/Http/Controllers
<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class TaskController extends Controller
{
    public function home()
    {
        return 'Hello, World!';
    }
}

在web.php進行定義 Route::get('/task', 'TaskController@home');

Blade

Blade語法,傳遞變量

控制器

  • 建立的位置: 在app/Http/Controllers目錄下建立. 命名規則,小駱駝峯法.
  • 路由的調用格式: Route::get('user/tom','UserController@tom');

數據庫的操做

  • 數據的配置位於config/database.php, 數據庫用戶名與密碼等敏感信息位於.env文件.
  • 列表項目

處理用戶請求
前端
Laravel提供Bootstrap的開箱支持,位於resource/js/bootstrap.js.而後在roueses/sass/app.css引入bootstrap 在npm install 安裝前端依賴.
Laravel Mix是對Webpack進行封裝後提供給Laravel項目的前端打包工具.
Laravel默認提供的CSS是SCSS文件.
(1)使用Vue.js

在resources/js/components 目錄下新增一個 Vue 組件文件 Index.vue
 在resource/js/app.js 中註冊:  Vue.component('index-component', require('./components/Index.vue'));
 在<div id="app"><index-component></index-component></div>,使用組件.引入編譯後的app.js文件,完成Vue文件的渲染與掛載.再npm run dev 從新編譯前端資源.

(2)使用Laravel Mix,編譯前端資源.

數據庫操做

數據庫的鏈接配置文件位於 config/database.php

文件異步上傳

經過Request請求實例的file方法獲取用戶上傳文件。

Artisan
Laravel內置的的命令行操做工具集,支持自定義命令.應用的根目錄有artisan文件,做爲命令行交互的入口文件.

$ php artisan list  查看全部命令
$ php artisan make:controller March

後臺管理系統

建立路由-->建立控制器-->建立視圖.

相關文章
相關標籤/搜索