中科大.新政

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

Google Analytics

Google Analytics

滿滿的女人

Introduction

 

 

#Back-End

#Front-End

#System

#Experience

#Summary

#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

易於使用的表單

利用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 Taiwan Community的Slack

http://join-slack.phptw.orghttp://phptw.slack.com

歡迎加入台中前端社群

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

Thanks

Made with Slides.com