Board logo

標題: [教學] (實戰專題) 線上報名 [打印本頁]
作者: 小誌    時間: 2010-5-26 21:56     標題: (實戰專題) 線上報名

『線上報名』顧名思義就是你坐在家中電腦前，只要透過網路連線就可以進行各項活動的報名，不管是旅遊活動或是各項研討會喔！

　本範例中的報名程式是針對校園活動而設計，管理者可訂定多個項目，報名者只要透過表單中的下拉式功能表選擇自己要參加的活動項目及填寫自己的姓名與學號即可線上報名，雖說是簡易版，但程式功能已與一般商業網站不相上下了喔。

程式流程

   本程式範例共分為四個部分，分別是：



請注意:
　我們資料庫的設計是依據"活動項目"來設計，也就是說，有幾個活動項目在資料庫檔案中就有幾個資料表，例如本範例中可參加的研討會項目有"網頁設計"與"影像處理"兩個主題，因此在資料庫檔案中就存在有與項目名稱相同的"網頁設計"與"影像處理"這兩個資料表！如下圖所示：

[attach]1007[/attach]

　資料表的結構很簡單，只有姓名與學號兩個欄位，你可以依需要報名者填寫的資料項目而自行增加其他欄位項目。

[attach]1008[/attach]
作者: 小誌    時間: 2010-5-26 22:00

活動報名首頁In.asp



in.asp
  1. <HTML>
  2. <head>
  3. <title>研討會報名單</title>
  4. </head>
  5. <BODY>
  6. <p align="center"><img border="0" src="tit.gif"></p>
  7. <hr width="80%" color="#FF9900">
  8. <form method="POST" action="add.asp">
  9. <div align="center">
  10. <center>
  11. <table border="1" bordercolor="#FFFFFF" bgcolor="#3399FF">
  12. <tr>
  13. <td width="50%"><font color="#FFFFFF" size="2">研討會課程選擇：</font></td>
  14. <td width="50%"><font size="2"><select size="1" name="actname">
  15. <option value="網頁設計">網頁設計</option>
  16. <option value="影像處理">影像處理</option>
  17. </select></font></td>
  18. </tr>
  19. <tr>
  20. <td width="50%"><font color="#FFFFFF" size="2">姓名：</font></td>
  21. <td width="50%"><font size="2"><input type="text" name="name" size="20"></font></td>
  22. </tr>
  23. <tr>
  24. <td width="50%"><font color="#FFFFFF" size="2">學號：</font></td>
  25. <td width="50%"><font size="2"><input type="text" name="id" size="20"></font></td>
  26. </tr>
  27. <tr>
  28. <td width="100%" colspan="2">
  29. <p align="center"><input type="submit" value="確認參加" style="background-color: #00FFFF; border-style: groove; border-color: #FFFFFF">
  30. <input type="reset" value="清除重寫" style="background-color: #FF66CC; border-style: ridge; border-color: #FFFFFF"></p>
  31. </td>
  32. </tr>
  33. </table>
  34. </center>
  35. </div>
  36. </form>
  37. <hr width="80%" color="#FF9900">
  38. </BODY>
  39. </HTML>
複製代碼
作者: 小誌    時間: 2010-5-26 22:04

資料儲存與狀態顯示

儲存報名者資料的add.asp程式網頁其任務有兩項：將資料寫入資料庫，顯示報名狀態與參加者清單列表連結。



  add.asp
  1. <%
  2. '接收資料
  3. actname=Request("actname")
  4. name=Request("name")
  5. id=Request("id")

  7. '建立資料庫連結物件
  8.         Set CN = Server.CreateObject("ADODB.Connection")
  9.         DBPath = Server.MapPath("report.mdb")
  10. '連結資料庫       
  11.         CN.Open "Driver={Microsoft Access Driver (*.mdb)};DBQ="&DBPath
  12. '建立資料庫存取物件       
  13.         Set RS=Server.CreateObject("ADODB.Recordset")
  14. '寫入資料       
  15.        
  16. Function chgStr( data )
  17.    chgStr = "'" & Replace( data, "'", "''" ) & "'"
  18. End Function
  19. sql = "Insert Into " & actname &" (姓名, 學號) Values ("
  20. sql = sql & chgStr(name) & ", "
  21. sql = sql & chgStr(id) & ")"
  22. CN.Execute sql

  24. %>
  25. <html>
  26. <head>
  27. <meta http-equiv="Content-Type" content="text/html; charset=big5">
  28. <title>線上報名</title>
  29. </head>
  30. <body>
  31. <p align="center"><img border="0" src="tit.gif" width="231" height="40"></p>
  32. <p align="center">你已經順利完成<font color="#FF3300"><%=actname%></font>研討會報名</p>
  33. <hr width="80%" color="#FF9900">
  34. <form method="POST" action="list.asp">
  35.   <p align="center">
  36.   <input type="hidden" value="<%=actname%>" name="actname">
  37.   <input type="submit" value="查看已參加人員" style="background-color: #008000; color: #FFFFFF; border-style: groove"></p>
  38. </form>
  39. </body>
  40. </html>
複製代碼
作者: 小誌    時間: 2010-5-26 22:09

已報名者清單列表

當報名者在資料儲存與狀態顯示網頁中按下"查看已參加人員"按鈕，則表單中的資料就由list.asp程式網頁作清單列表的動作：

[attach]1016[/attach]



list.asp
  1. <%
  2. '接收查詢班級資料
  3. actname=Request("actname")

  5. '建立資料庫連結物件
  6.         Set conobject = Server.CreateObject("ADODB.Connection")
  7.         DBPath = Server.MapPath("report.mdb")
  8. '連結資料庫       
  9.         conobject.Open "Driver={Microsoft Access Driver (*.mdb)};DBQ="&DBPath
  10. '建立資料庫存取物件       
  11.         Set RS=Server.CreateObject("ADODB.Recordset")
  12. '打開資料表       
  13. SQL = "Select * From " & actname
  14.         RS.Open SQL,conobject,1,3
  15. %>
  16. <HTML>
  17. <head>
  18. <title><%=actname%>研討會報名人員清單</title>
  19. </head>
  20. <BODY>
  21. <p align="center">
  22. <img border="0" src="tit.gif">
  23. <p Align="Center">
  24. <font color="#FF9900"><%=actname%>研討會報名人員清單</font></p>
  25. <div align="center">
  26.   <center>
  27. <TABLE Border=1 Cellspacing=1 bordercolor="#800000">     
  28. <TR BgColor=#00FFFF>     
  29. <TD align="center" bgcolor="#0066FF"><font size="2" color="#FFFFFF">姓名</font></TD>   
  30. <TD align="center" bgcolor="#0066FF"><font size="2" color="#FFFFFF">學號</font></TD>   
  31. </TR>   
  32.    
  33. <% While not rs.eof%>   
  34.    <TR Valign=TOP>   
  35.    <TD align="center">   
  36.     <p align="center"><font size="2"><%=rs("姓名")%></font></TD>   
  37.    <TD align="center">   
  38.     <p align="center"><font size="2"><%=rs("學號")%></font></TD>   

  40.    </TR>   
  41. <%   
  42.    rs.MoveNext   
  43. Wend      
  44. %>   
  45. </TABLE>   
  46.   </center>
  47. </div>
  48. <p align="center"><font size="2"><a href="in.asp">返回登錄頁</a></font></p>
  49. </body>
  50. </html>
複製代碼
注意
活動欄位選項數量、名稱必須與資料表數量、名稱相符：您可以自行增減活動項目，但是，活動欄位的名稱務必是資料庫檔案中已經存在的資料表：

[attach]1022[/attach]



(實戰專題) 線上報名 完整範例壓縮檔: [attach]1023[/attach]



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