搭建開發環境
Laragon是集成開發工具,做爲開箱即用的工具:php
PHPStudy:css
建立項目前端
在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
調試模式webpack
env 的APP_DEBUG=true app.php的 'debug' =>('APP_DEBUG',false)
路由laravel
前端頁面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語法,傳遞變量
控制器
數據庫的操做
處理用戶請求
前端
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
建立路由-->建立控制器-->建立視圖.