返回列表 上一主題 發帖

13-2 電子賀卡(來站取卡)

13-2 電子賀卡(來站取卡)

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

基於上訴的理由,本節所介紹的電子賀卡範例,將不直接將賀卡寄送給收件者,而只發出ㄧ封簡短的通知信給賀卡收件人,請收件者直接連上網站來讀取賀卡內容。
範例的程式網頁的組成結構如下:
0.png
2011-4-24 14:58

圖13-5  範例程式結構。
心安,平安   為了論壇的永續經營,您不妨 贊 助 論 壇
發表任何無意義的感謝或灌水文章一律砍,珍惜帳號,請詳閱版規!!

寄件人部份:

1.進入index.htm網頁填寫收件者資料、賀卡訊息與選擇賀卡,但此網頁無「送出賀卡」的按鈕,網頁中只有「預覽賀卡」按鈕,以便讓使用者先檢視自己的賀卡內容:
1.png
2011-4-24 15:01

圖13-6 index.html網頁。

2.在index.htm網頁表單中按下「預覽賀卡」按鈕後,表單資料先送交viewcard.php程式網頁,讓使用者先檢視賀卡的內容:
2.png
2011-4-24 15:01

圖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賀卡寄送的網頁,方便使用者繼續寄送其他賀卡。
心安,平安   為了論壇的永續經營,您不妨 贊 助 論 壇
發表任何無意義的感謝或灌水文章一律砍,珍惜帳號,請詳閱版規!!

TOP

收件者部份:
1.『ecard.php』程式順利寄出賀卡通知的郵件後,賀卡收件者見到的通知信內容將如同下圖一般:.
3.png
2011-4-24 15:02

圖13-8 賀卡領取通知信。
賀卡領取通知信中,會告知是誰寄了賀卡給收件者,在信件中也有一個領取賀卡的網址,收件者只要連結進入該網址,就可以領取屬於自己的賀卡。

2.收件者點選賀卡網址後,即可透過getcard.php程式網頁進行賀卡的讀取,如下圖:
4.png
2011-4-24 15:02

圖13-9  領取賀卡。

3.如果賀卡已經被刪除,則getcard.php程式網頁顯示下圖的無法領取卡片畫面:
5.png
2011-4-24 15:02

圖13-10 無賀卡可領取。
心安,平安   為了論壇的永續經營,您不妨 贊 助 論 壇
發表任何無意義的感謝或灌水文章一律砍,珍惜帳號,請詳閱版規!!

TOP

        靜思自在 : 看別人不順眼,是自己修養不夠。
返回列表 上一主題