Board logo

標題: 13-2 電子賀卡(來站取卡) [打印本頁]

作者: 小誌    時間: 2011-4-24 14:58     標題: 13-2 電子賀卡(來站取卡)

13-2   電子賀卡(來站取卡)在上ㄧ節介紹的「簡易電子賀卡」是以夾帶附件的方式將賀卡圖片隨郵件寄出,跟「表單寄信」非常相似,使用相當簡便,不過現在網路上的電子賀卡都採寄出通知信,請收件者到網站上領取卡片的方式來進行,這樣有何好處?
1.若賀卡圖片檔案較大,則以夾帶附檔的方式寄送賀卡郵件會使收件者的收件時間加長,也使得寄送信件的郵件伺服器負擔加重,改採網站上領取卡片的方式可減低郵件伺服器負擔。
2.以網站上領取卡片的方式,賀卡收件者收獲賀卡後,可以立即選取不同的賀卡回寄給原賀卡寄件者。
3.提供賀卡寄送服務的網站可增加上站人數,藉以提高網站知名度。

基於上訴的理由,本節所介紹的電子賀卡範例,將不直接將賀卡寄送給收件者,而只發出ㄧ封簡短的通知信給賀卡收件人,請收件者直接連上網站來讀取賀卡內容。
範例的程式網頁的組成結構如下:
[attach]5820[/attach]
圖13-5  範例程式結構。
作者: 小誌    時間: 2011-4-24 15:01

寄件人部份:

1.進入index.htm網頁填寫收件者資料、賀卡訊息與選擇賀卡,但此網頁無「送出賀卡」的按鈕,網頁中只有「預覽賀卡」按鈕,以便讓使用者先檢視自己的賀卡內容:
[attach]5822[/attach]
圖13-6 index.html網頁。

2.在index.htm網頁表單中按下「預覽賀卡」按鈕後,表單資料先送交viewcard.php程式網頁,讓使用者先檢視賀卡的內容:
[attach]5823[/attach]
圖13-7 viewcard.php程式網頁,檢視賀卡內容。

viewcard.php程式網頁中有兩個按鈕,按下「修改賀卡」按鈕後,使用者可回到上ㄧ個賀卡資料填寫畫面進行賀卡的資料修改,按下「寄出賀卡」按鈕,按下「寄出賀卡」按鈕後,「隱藏」的表單欄位資料會送交『ecard.php』程式做處理:
  1.         <!--寄送賀卡用的隱藏欄位-->
  2.         <input type=hidden name=fromName value="<?=$fromName;?>">
  3.         <input type=hidden name=fromEmail value="<?=$fromEmail;?>">
  4.         <input type=hidden name=toName value="<?=$toName;?>">
  5.         <input type=hidden name=toEmail value="<?=$toEmail;?>">
  6.         <input type=hidden name=message value="<?=$Message;?>">
  7.         <input type=hidden name=card value="<?=$Card;?>">
  8.         <!---------------------------------------->
複製代碼
3.一旦『ecard.php』程式順利寄出賀卡通知的郵件後,會出現一個「恭喜你!!賀卡已經順利寄出!!」的JavaScript訊息視窗,按下視窗中的「確定」按鈕,則瀏覽器畫面會自動回到index.htm賀卡寄送的網頁,方便使用者繼續寄送其他賀卡。
作者: 小誌    時間: 2011-4-24 15:02

收件者部份:
1.『ecard.php』程式順利寄出賀卡通知的郵件後,賀卡收件者見到的通知信內容將如同下圖一般:.
[attach]5824[/attach]
圖13-8 賀卡領取通知信。
賀卡領取通知信中,會告知是誰寄了賀卡給收件者,在信件中也有一個領取賀卡的網址,收件者只要連結進入該網址,就可以領取屬於自己的賀卡。

2.收件者點選賀卡網址後,即可透過getcard.php程式網頁進行賀卡的讀取,如下圖:
[attach]5825[/attach]
圖13-9  領取賀卡。

3.如果賀卡已經被刪除,則getcard.php程式網頁顯示下圖的無法領取卡片畫面:
[attach]5826[/attach]
圖13-10 無賀卡可領取。
作者: cat6282    時間: 2012-12-19 15:26

我很需要學這一組,可是我無法下載,可以mail給我嗎
[email protected]




歡迎光臨 麻辣家族討論版版 (http://forum.twbts.com/)