前台
香草網誌 

後台

https://rubyworks.site/herbs-laravel/public/admin/auth/login

訪客帳號:guest 密碼:guest

github

https://github.com/rubyf2e/herbs-laravel

技術使用

後端
laravel
laravel admin
composer
RESTful API
Digital ocean

前端
vue
客製化非css框架自適應排版
Svg 圖片動畫
svg整合javascript動畫
TimelineMax動畫
webpack
gulp
json server
google Map Api
CSS3
HTML5
CSS Transition

製作流程
先刻html,再做成vue的component
然後先用json server架假api模擬RestFul API
再整到laravel裡調整webpack
然後製作RESTful API串接
再用laravel admin,用兩天的時間了解laravel admin快速打造後台。

這是我第一次獨立用vue+laravel做的作品,耗時大概兩個禮拜,過往的工作經驗都不是用這樣的方式做的。
這是我從過往累積的經驗與知識整合起來的結果,可以很明顯看到前後端工程師如何獨立分工同步進行的合作方式。