《企业建置前端JavaServerPage程式设计.ppt》由会员分享，可在线阅读，更多相关《企业建置前端JavaServerPage程式设计.ppt（40页珍藏版）》请在三一文库上搜索。
1、企業建置前端 Java Server Page 程式設計,井民全,outline,JSP Container 網頁表單的處理,瀏覽器 IE Netscape,JSP page,Web 伺服器(Apache或IIS),產生 Servlet 程式碼,編譯 Servlet 程式碼,1. Request,4. Response,JSP 執行的過程,JSP Container,就是能夠執行 JSP 的伺服器 JSP Container List,所有的container: http:/ Resin 2.1,網址: http:/ HTTP/1.1 Servlets JSP Processing Load
2、Balancing 最重要的是, 可以與 IIS 整合,Resin Installation,安裝 IIS 套件 in W2000 解壓縮 resin-ee-2.1.2.zip 到 c: 會在 c:建立 resin-ee-2.1.2 目錄 設定 執行 c: resin-ee-2.1.2 bin setup.exe,Resin Installation,指定 IIS Server: 設定 C:resin-ee-2.1.2conf resin.conf 執行:,C:resin-ee-2.1.2bin httpd.exe,C:inetpubwwwroot,Test,建立 test.jsp 放到 c:
3、Inetpubwwwroot, 2 + 2 = ,鍵入 http:/localhost/test.jsp,Scripting Element,Declarations Scriptlets Expressions (運算式) ,注意: 沒有分號,注意分號,Declarations,宣告變數 宣告物件變數 定義 function ,可以定義 class 嗎?,Scriptlets,可包含任何有效程式片斷 主程式的撰寫區,只要合乎 Java 語法即可 結束,Scriptlets範例, 沒有輸入 name (html 的部分) % else out.println(“Hi.”+ name);,1+1
4、00 的範例,宣告變數,Scriptlets,Html 的部分,試試看!,Resin 設定,設定為 NTServer: 當系統reboot 時, Resin 自動啟動,dos resin-ee-2.1.2/bin/httpd -install,取消:,dos resin-ee-2.1.2/bin/httpd -remove,Resin 設定,與Jbuilder 整合 Copy resin-jbuilder.jar 到 Jbuilder lib/ext目錄.,參考資料:http:/ Resin 操作參考: http:/ JavaServer Pages 技術手冊,表單的功能: 讓使用者透過網頁輸
5、入資料 基本的傳送方法 Get Post,http:/ URL位址 ? Name1=Value1 & Name2=Value2,如何利用表單傳送資料,控制項Name 與 Value 和 URL 位址分開傳送,簡單的 Form,選擇傳送的方法,選擇傳送的地點,Test.htm,Test.jsp,常見的輸入型態,本文輸入型態 (Text) 密碼 (Password) 選項按鈕 (Radio) 核取方塊 (Check) 下拉選項 (Select) 檔案輸入 (File) 本文區輸入(Textarea),本文輸入型態,單行輸入 屬性,範例:,密碼輸入型態,遮掩使用者所輸入的資料. (沒有編碼) 屬性,
6、範例:,選項按鈕,讓使用者可以選擇 (單選) 屬性,範例:, 男 女 第三性公關,核取方塊,可多重選擇 屬性, 興趣: 閱讀 打電動 旅行 ,同選項方塊,範例:,下拉選項,所佔空間較小,廣被大家使用, 10 20 20 30 30 40 ,利用 JSP 讀取表單傳來的資料,綜合範例, 姓名: 密碼: 性別: ,Select 控制項,Check Box 控制項,檔名: Form.htm,年齡: 10 - 20 20 - 30 興趣: 閱讀 打電動 ,Select 控制項,Check Box 控制項,回上一頁,接收資料的JSP端
7、, 姓名: ,進一步的程式處理(push),檔名: Form.jsp,下一頁,”); else out.pritnln(“女 ”); %,進一步的程式處理,回上一頁,測試 (最簡單),將專案的 defaultroot中的所有內容 Copy - www root中即可,注意: 要先把 Jbuilder 正在debug的專案停下來,測試,Step 1: 複製整個 jsp 專案到 c:test Step 2: 複製 Form.htm 到defaultroot目錄中 在 IIS中加入虛擬目錄 test Step 3:虛擬目錄連到defaultroot中 設定 Resin 目錄mapping
8、Step 4: 編輯 resin.conf 加入 Restart the Resin,完整程式範例: Form,檔案上傳,允許使用者將自己的檔案上傳到伺服器 傳送檔案的編碼方式 規格: http:/www.ietf.org/rfc/rfc1867.txt,伺服器不能直接用 request.getParameter() 取得檔案資料.,利用 OReilly 的MultipartRequest,提供原始碼 隨時都在 update 下載網址: http:/ 安裝 Step 1: 解壓縮 cos-27May2002.zip Step 2: 把 cos.jar Resin 目錄下的lib中 cos.ja
9、r C:jakarta-tomcat-4.1.12commonlib (Tomcat) Step 3: 重新啟動 Resin (bin/httpd),參考資料: http:/ http:/ 檔的撰寫, 上傳檔案 1: ,檔名: UpLoadFile.htm,Jsp 檔撰寫 JBuilder 設定,Step 1: 利用 Jbuilder 建立一個 JSP 專案 Step 2: 建立一個新的 JSP 檔 Step 3: 設定Library,檔名: UpLoadFile.jsp,Jsp 檔撰寫,下一頁,while(FileName.hasMoreElements() String Name=(Str
10、ing) FileName.nextElement(); String SystemFileName=multi.getFilesystemName(Name); out.println(SystemFileName+“); ,回上一頁,安裝與測試,Step 1: 把 Jsp project c:test Step 2: 把 UpLoadFile.htm Jsp Project defaultroot Step 3: 設定 IIS 虛擬目錄 TEST c:test Step 4: 設定 Resin resin.conf 對應 IIS 目錄 Step 5: 重新啟動 Resin,完整程式範例: UpLoadFilename,