Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

PHP也有Day#12 - Laravel + AngularJS 案例經驗分享

No description
by

Ken Lin

on 12 February 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of PHP也有Day#12 - Laravel + AngularJS 案例經驗分享

頁面規畫
RESTful API 規畫
資料庫設計架構
Gulp + Sass 基本安裝設定
安裝 Node.js

npm install
-g
gulp

到專案目錄下:
npm install gulp
--save-dev

安裝其他的套件
npm install
--save-dev
gulp-connect gulp-plumber gulp-ruby-sass gulp-cssmin gulp-uglify del

設定 gulpfile.js
Thank you!
這是一個家俱網站
客戶需求 -
上傳虛擬主機經驗談
PHP 也有 Day #12
如何把資料庫資料用 Laravel 套件送進 Javascript 變數
https://github.com/laracasts/PHP-Vars-To-Js-Transformer/tree/1.0.1
Laravel + AngularJS
實作案例經驗分享

Ken Lin 閃亮亮
1. 可以上傳產品圖

2. 產品可以分類

3. 要有作品集

4. 字要可以自行更換

5. 要放 Youtube 影片
作品集內頁
這裡是單張圖片
這邊是 Album 1
Article
Title
Menus
這邊是 Album 2
Title
看起來很正常對吧?
難度瞬間倍增!
這是改到最後的樣子
這是裡廣告區,要能夠編輯文字、圖片
點下去跳出 Popup
又見 Album !!
但這次不太一樣,要連到內頁
關於閃亮亮 Ken
PHP 經驗
這要記得做
放進共用的 View
這是Javascript 變數名
如何把 AngularJS Controller 寫在不同 js 檔裡
footer.blade.php
main.js
資料夾結構
default.blade.php
titleController.js
不得已的選擇,修改 AngularJS 的預設 Wrapper
- 2年半,寫過購物車,公司形象網站

- 串過銀行金流(線上刷卡、WebATM、虛擬帳號)

- Facebook/Google 登入

- 就是沒寫過 AngularJS,也沒用過 Laravel 接 Case
用過的技術
- Scss, jQuery, Bootstrap, Underscope, Pure, RainTPL

- 就是沒用過 Sass

- 也沒寫過圖片拖拉上傳
拖放圖片上傳功能分享
https://angular-file-upload.appspot.com
如何在 Laravel 撰寫 Class 及
相關 Composer 設定
資料夾結構
Page.php
Composer.json
記得改完要 Composer dump
.htaccess
Full transcript