close

今天要做訂單格式如下

1  

1. 點選Dw的表單選項,再點選第一個紅色虛線的表單,設計畫面上隨即出現一個紅色虛線的外框

2  

3  

 

2. 在紅框框內打好所需要的字(注意一定要打在紅框框內,不然當網友送出表單時,會接收不到),姓名、電話、性別:男 女、XXX數量

在插入表格,姓名和電話後面選用5,男女後面選用7  ,XXX數量後面選用8  ,

按了這些後會出現下列視窗,如果需要做無障礙網頁就要填,我在這邊直接按確定,沒有更改或填寫任何東西

6   

3. 點選每個選項框,在最下面的屬性中的文字欄位為其命名,用英文命名

姓名欄我用 name

電話欄我用 phone

性別欄的選項按鈕男女我都用 gender,核取得值男我用male,女我用female

XXX數量的屬性下的選取欄我用 number,點選清單值,在項目標籤和值得地方輸入如下列,按確定,不果我實際上要有10個選項,所以待會要在程式碼的地方用迴圈的方式更改,

項目標籤是網友看得的選項,值是我們接收到的值

9  

4.XXX數量後面欄位的程式碼為下列灰底的那一段

10  

 

5. 修改後的迴圈程式碼如下

<?php
for($i=1;$i<=10;$i++){
echo "<option value=$i>$i</option>";
}
?>

 

(底下為圖片檔)

11  

6.F12預覽結果:

12  

7. 在畫面上增加兩個送出按鈕13  ,將其中一個的值改為重設

14

15  

 

8. 接著要設定,當網友按下送出的按鈕後,會出現確認訂單的畫面,

先增加新php檔,我的檔案名稱為form2.php

9.點選紅色虛線,在底下屬性內動作的地方,輸入剛剛新增的檔名,form2.php,方法為預設的POST

F12預覽,填完表單後按送出,試試看是不是能順利連結到form2的文件,OK之後我們來編輯form2.php

16  

 

10. 先佈置好畫面,在畫面上打好下列的字

17  

11.接著要在姓名、電話、性別、XXX數量後面出現網友填寫的字

在程式碼中輸入

<p>謝謝您的訂購,您的訂單如下:</p>
<p>姓名:<?php echo $_POST['name']?></p>
<p>電話:<?php echo $_POST['phone']?></p>
<p>性別:<?php echo $_POST['gender']?></p>
<p>XXX數量:<?php echo $_POST['number']?></p>

 

12. 我在form.php檔中用的方法是POST,所以我在form2.php中的程式碼要用$_POST

如果用GET的話,兩個檔案就要一致都用GET,

用POST和GET有什麼差別呢??

POST對於資料的安全性較佳,且無資料上限,不過速度和GET比會慢一些

GET的資料安全性不佳,因為所有的資料會顯示在網址列上,另一個缺點是在某些瀏覽器用GET有資料上限(256字,超過256以後的字會被砍掉),不過他的速度比POST快

(**搜尋資料時就常用GET,因為速度較快)

*還有一個方法是$_REQUEST,不管在form.php用的方法是POST或是GET,在form2.php中用$_REQUEST都皆收的到,不過用此法的缺點是收到的不知道是用GET還是POST的方法

所以使用時還是要考慮當下的情況來使用

 

13. 接下來要記錄儲存網友下的訂單~

先新增一個純文字檔,我將此文字檔命名為form4.txt

 

14. 在form2.php內打下列這一段

<?php
$text="姓名:".$_POST['name']."、電話:".$_POST['phone']."、性別:".$_POST['gender']."、訂購數量:".$_POST['number']."\n";
$fo=fopen("form4.txt","w");
fwrite($fo,$text);
fclose($fo)
?>

 

註:fopen是fileopen的縮寫,意思是要打開form4.txt這個文件,w是複寫模式,a是增加模式,r是唯獨模式

fwrite是寫入()內第一個是要寫入哪裡,我替fopen("form4.txt","w")帶了個變數名$fo,我要將$text內的字串寫入其中

fclose,最後就是要把檔案關閉。

 

15.從form.php檔案開始試,按F12預覽,填寫完資料按送出,出現form2.php的頁面回到Dw中,會出現下列這個視窗,按"是",切到form4.txt視窗,會看到輸入的資料成功出現!

19  

 

 

 

 

 

 

 

 

arrow
arrow
    文章標籤
    php
    全站熱搜
    創作者介紹
    創作者 mosquitoyo 的頭像
    mosquitoyo

    mosquitoyo~

    mosquitoyo 發表在 痞客邦 留言(0) 人氣()