如何用PHP匯入XML檔案到MYSQL資料庫中

＊這是一個有附原始程式碼的教學網站

＊若有比較多層包資料的XML檔，參考這個Stackoverlow問題
＊另一個問題參考，比較像我現在的工作需求

PHP MYSQL 會員登入/註冊系統的網頁建立

PHP MYSQL 會員登入/註冊系統的網頁建立

我是從這個網站學的，裡面的code有一點bug，
加上現在使用較新的mysqli，新的code附在下面：


註：要先建立一個叫做member的會員資料table，才能供登入新增。
table欄位：id, name, email, password, nick

寫得很好的前端programming教學

以下筆記了好用的線上教學資源，都能夠從讀者角度寫出貼近學習者心理的教學，並且每個步驟都有附程式碼，好學易懂。


No More Cowboy Coding: Improving Your WordPress Workflow
增進WP的整體作業思維，讓開發更有效率。

應用Git的Wordpress網站開發流程
非常詳細的文章，解析一個WP網站開發如何使用Git，適合剛開始開發網站的人員，
建立或反省自己工作模式的好參考。

www.codeofaninja.com
從這個網站學到：從FB連結相簿嵌入顯示在網頁
他還有教：Bootstrap、PHP、AJAX 等等

Tania Rascia
從這個前端設計師的個人網站教學學到：把靜態網站轉為Wordpress的Theme
個人的轉職發展紀錄值得一讀。

把網頁元件置中

非常簡單好用的code

#wrapper {
  background-color: green; /* for vizualization purposes */
  text-align: center;
}
#yourdiv {
  background-color: red; /* for vizualization purposes */
  display: inline-block;
}

<div id="wrapper">    
    <div id="yourdiv">Your text</div>
</div>

來源發問串：stackoverflow

Photo Gallery，採用背景圖片的方式，各種縮圖的呈現調整

(參考Stackoverfolw討論)

找到該元件的html，然後修改它的css style

body {
    margin:0;
    padding:0;
    position:relative;
    background:url(../images/imgs/backgrnd.png) no-repeat;
    background-size: [參考下列方式] ;
}

無調整
照片100%置放，通常會整個超出外框顯示

方法一：
background-size: 100% 100%;
照片不維持原比例，依據外框的長寬伸展到邊緣，沒有被切圖

方法二：
background-size: contain;
照片維持原比例，自動 fit in 外框，同樣沒有切圖，但是內部會留白邊

方法三：
background-size: cover;
overflow:auto;
照片維持原比例，會自動resize依據外框的短邊，長寬多出的部分切掉

Git + Wordpress

複習了去年接觸現在忘得差不多的Git，最近也剛學了Wordpress， 覺得這兩個東西應該可以結合在一起，然後真的有找到教學。WP有plugin可以跟Git連結，這是對開發者們是很好的事情。


No More Cowboy Coding: Improving Your WordPress Workflow
這篇文章描述如何將WP的開發流程更有組織效率，同時也利用Git，在三個地方：

・Local開發環境
・封閉的Bitbucket Git專案區
・開放的網頁產品版本

文章裡面有教學建立這個模式的步驟。

如果有一個線上的Git專案區，就代表有一個完整的網頁備份，
若需要與人共同開發時，就可以階段性開發完成後整合，
再推到公開的產品端，這讓流程好控制許多。

有一個在Beta階段(2017.9.5)的外掛- VersionPress，能夠記錄WP所有的修改，
每個修改後面都有undo可以回溯，他正在不斷完善當中，是WP界很被期待的工具。
(VersionPress的起源介紹)

* 使用VersionPress之前先學WP-CLI，Wordpress的Command Line Interface:
WP-CLI is the command-line interface for WordPress. You can update plugins, configure multisite installs and much more, without using a web browser.

Git - Branch

Branch，當一個專案在新增功能或測試時，可以分出一個或多個開發支線，開發支線更新、測試，待沒問題之後，就可以merge回到主branch，這樣取名也是因為專案發展中各種功能跟時間點的開發，就像樹枝一樣，開展，再回歸到一起。

gitk --all

這個指令可以用基本的GUI看到目前的樹枝狀態。
"gitk --all & " 可以讓終端機和GUI同時執行

git branch

可以列出所有的樹枝以及目前位在哪一個

git branch star
可以開一個新的樹枝，上面的star是取名

GUI中可以看到新增出來了

git checkout star
就會從現在的master樹枝跳到star樹枝上面，進行工作

經過幾次master跟star兩根樹枝上面的工作來回，GUI呈現以下狀態：

(發現有還沒add 跟commit的內容)

(更新完畢)

從commit可以知道誰做的更動在什麼地方

現在，用git rebase來整理工作完成的branch，因為branch的階段任務做好後，就要把它更新到master樹枝，然後刪掉。
先進入star branch，然後輸入git rebase master，兩條線會合一。

接著到master樹枝，輸入git merge star，把star吃掉，

再用git branch -d star，把功成身退的star樹枝刪除。
完成！

基本學習紀錄到這邊，接下來可以練習實作一下了。


進階的樹枝操作介紹