dong sang school softball team
為女兒球隊做的比賽記錄系統。
本站架在mocha 付費空間。
用subdomain 的方式來簡化網址。
larvel 5.3.X 實作後端。 簡單的樣板拼湊(blade), 把網頁切小一點。
***關掉了 CSRF Protection 要打開的話，記得去 app/Http/Middleware/VerifyCsrfToken.php 設定 ***
後端laravel 的view主要是產生兩張網頁，之後由jquery透過ajax更新內容。
新增/修改/刪除 皆用標準的restful 型式。在前端呼叫，在後端實現。
簡單的一table操作，透過Eloquent ORM ，存取mysql db。回傳json(toJson())給前端，達成互動。
複雜一點的select 查詢，用 Running Raw SQL Queries ($users = DB::select('select * from users where active = ?', [1]);)， 再用php 內建的json_encode，轉json傳回給前端。
網頁配色是用bootswatch。
統計圖表是引用 chart js 的radar 型態的圖。
後端group by 打者(or 投者)的各種結打擊結果的小計json數據，傳回前端。前端接收後，組成符合chart js 的radar 型態的 associate array 的 array， 讓chart js 畫出 radar圖。
記錄好壞球，及擊球落點，這部分是以konvajs 來實作。
記錄座標的點，用id來識別，好球(綠色)，壞球(紅色)，滾地球(土色)，高飛球(天空色)。
一次整批包成js 陣列ajax傳入後端，或是隨時(偵測到位置的改變)逐筆寫入。寫法上不一樣。