中科大．新政

• 1401k039 Evan / Jigsaw
• 1401k021 Francis
• 1401k001 ms.Jiang

Google Analytics

Google Analytics

滿滿的女人

#Back-end

use Laravel

THE PHP FRAMEWORK FOR WEB ARTISANS.

Who use Laravel?

FlyingV 群眾募資

(The program have ERROR and DEBUG mode didn't close)

可愛的POE流亡黯道官方網站

Simple Introduction

Migration

• 快速產生Database遷移檔
• 方便管理資料庫架構
• 保持團隊資料庫結構一致

php artisan migrate:make create_courses_table --create=courses

php artisan migrate

Router

• 提供乾淨的Url
• 路由至你的Controller

http://campushub.nutc-life.com/

http://campushub.nutc-life.com/about

http://campushub.nutc-life.com/courses

http://campushub.nutc-life.com/courses/1031/143N1191200

Controller

Model - Eloquent

對輸入資料做處理

Controller

利用ORM做API

Global

設定全域method

View(Blade) - pages.courses.index

View(Blade) - layouts.new

#Front-end

use AngularJS

HTML enhanced for web apps!

Who use AngularJS?

KKBOX Lite

連柯P都用過的LIVEHOUSE

Simple Introduction

Module && Controller

ng-directive

method

#System

http://campushub.nutc-life.com

易於使用的表單

利用Ajax做即時搜索

但很多人不會用，

UX設計的不是很好

Demo

單一課程

課程資訊

為課程評分

使用Facebook提供的服務

PTT相關搜索

使用Google提供的服務

留下評論

(拍馬屁)

(或訐譙)

使用Facebook提供的服務

#Experience

• Courses parser
  • programming
  • testing
• Front-end
  • programming
  • stylesheet
  • testing
• Back-end
  • programming
  • testing
• 雜七雜八
  • Google Analytics
  • Seo
  • deploy

花最久時間，

學校系統太爛太難爬太難寫

 

使用Framework，

腦中有架構後快速開發，

版面用套的也很快

 

使用Framework，

腦中有架構後快速開發

 

慢慢來，比較不熟當練習

同場加映XSS實戰

留言是使用者可控制的部分

留下覆寫畫面的Script

然後就駭下來了

經過修復

咦 被過濾了 沒反應了

山不轉路轉
辦一個帳號為XSS Script的使用者

這樣就打到自己了啊!

• 利用另一個帳號找到留言API

• 透過API使用XSS Account留下一筆留言
  (他沒對使用者做驗證)

GG again XD

#Summary

• UI / UX 可以決定一個使用者還要不要留在你的網站
• 資訊安全很重要，伺服器被打掉就算了，個資外洩可不是每個人輕易賠的起的
• 有時自己覺得成品很棒，但別人不見得這樣認為
• 敏捷開發可以讓你的專案更接近使用者需求
• 使用Framework加快你的開發速度

Question?

歡迎加入Laravel台灣

http://laravel.tw

PHP之道

http://laravel-taiwan.github.io/php-the-right-way/

可以加入PHP Taiwan Community的Slack

http://join-slack.phptw.org, http://phptw.slack.com

歡迎加入台中前端社群

https://www.facebook.com/groups/taichung.f2e/

Thanks