(因為在wordpress上放程式碼太麻煩,決定改成截圖為主,比較短的程式碼片段再以HTML的方式放上來)

今天老師講解了php的json解碼及編碼方式,這是新版的php加入的函式,先前在上java手機班時,那時老師說他是自己寫一支程式來做解碼及編碼的工作。

JSON解碼及編碼的函式

接著老師要大家以先前做的圖片資料庫為基礎,做一個新頁面,但副檔名是html,然後用jQuery把之前用來顯示圖片用的PHP檔的html內容併入到html檔中,這樣可以做到不跳頁就執行PHP並取回成果,算是ajax的一種應用。

html頁面只有一個用來放成果的區塊

畫面

PHP檔案的內容

PHP檔案的內容後來加入了搜尋的功能,在html那輸入關鍵字後,由jQuery傳遞參數過來,執行完畢後的頁面會再回傳給jQuery,最後再由jQuery把結果放到區塊中。

下午時間老師要大家做一個練習,利用先前做過的會員登入及會員管理頁面,同樣的做一個HTML檔,分別執行會員管理的新增/修改/刪除作業,但是過程中不跳頁,都在html檔案中完成。

這個練習有同學是重新寫一個php檔來做所有的事,只是結果由jQuery來接收回html,我則是真的拿之前的php檔來練習先前的php檔分成三個不同的php檔案做三件不同的事,因此我需要把三個不同的檔案都併入html檔,然後再寫幾支js程式來分別處理新增/修改/刪除的作業。

老師要求在設定密碼時需要檢查密碼的正確性,密碼正確才出現按鈕

html檔的重點在jQuery的應用,所以寫了一堆js函式來因應

會員列表的php頁面,在這裏需要加上呼叫jQuery的函式來處理相關的作業

在html頁面呼叫會員管理的php頁面

修改會員的php檔內容

這邊有個觀念就是jQuery併入html檔的內容就成為了html檔案本身的一部份,因此要當成是在html本頁的內容來進行相關的操作,許多同學在這裏會卡住,把js的函式寫在php檔案裏,這樣會造成錯誤或沒有效果,

課程最後老師給了大家一串很長的json字串做解碼的練習。

 

 

最後修改日期: 2018-11-24

留言

撰寫回覆或留言

發佈留言必須填寫的電子郵件地址不會公開。