企業建置前端 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 NamePriceDescript Apache Tomcat Free 不支援 EJB Inprise Application Server $8500/CPUJbuilder 完全整合 Caucho Resin 2.1 開發或個人使用免費 所有的 container:

Caucho Resin 2.1  網址 :  HTTP/1.1  Servlets  JSP Processing  Load Balancing  最重要的是, 可以與 IIS 整合

Resin Installation  安裝 IIS 套件 in W2000  解壓縮 resin-ee zip 到 c:\  會在 c:\ 建立 resin-ee 目錄  設定  執行 c:\ resin-ee \bin\ setup.exe 指定 resin home 指定 c:\inetpub\scirpts

Resin Installation  指定 IIS Server:  設定 C:\resin-ee-2.1.2\conf\ resin.conf  執行 : C:\resin-ee-2.1.2\bin\ httpd.exe C:\inetpub\wwwroot

Test 建立 test.jsp 放到 c:\Inetpub\wwwroot = 鍵入

Scripting Element  Declarations <%! 宣告要用到的類別或變數 %>  Scriptlets <% out.println( “ Hello World ” ); %>  Expressions ( 運算式 ) <%= 1+1 %> 注意 : 沒有分號 注意分號

Declarations  宣告變數  宣告物件變數 <%! Circle a = new Cirlce(2,0); %>  定義 function <%! public String f(int I) { if ( I < 3 ) return “ I 小於三 ” ; } %> 可以定義 class 嗎 ? <%! class Person { String Name; public Person(){ Name= “ Guest ” ; } %> <% Person Tom=new Person(); %>

Scriptlets  可包含任何有效程式片斷  主程式的撰寫區, 只要合乎 Java 語法即 可 <% 起始 程式片斷 %> 結束

Scriptlets 範例 <% String name=null; if( request.getParameter( “ name ” ) == null){ %> 沒有輸入 name (html 的部分 ) <% } else out.println( “ Hi …. ” + name);

1+ … +100 的範例 <% for (I=0; I<= 100; I++) Sum+=I; %> 宣告變數 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 目錄.resin-jbuilder.jar 參考資料 :

參考資料   Resin 操作參考 :

網頁表單的處理 參考資料 : JavaServer Pages 技術手冊

 表單的功能 :  讓使用者透過網頁輸入資料  基本的傳送方法  Get  Post URL 位址 ? Name1=Value1 & Name2=Value2 如何利用表單傳送資料 控制項 Name 與 Value 和 URL 位址分開傳送

簡單的 Form 選擇傳送的方法選擇傳送的地點 Test.htm <% String Name=null; Name=request.getParameter( “ name ” ); out.println( “ 你輸入的內容 “ +name); %> Test.jsp

常見的輸入型態  本文輸入型態 (Text)  密碼 (Password)  選項按鈕 (Radio)  核取方塊 (Check)  下拉選項 (Select)  檔案輸入 (File)  本文區輸入 (Textarea)

本文輸入型態  單行輸入  屬性 Name 名稱 MaxLength 允許輸入最大字數 Size 欄位寬度 Value 預設值 範例 :

密碼輸入型態  遮掩使用者所輸入的資料. ( 沒有編碼 )  屬性 Name 名稱 ( 與 Text 相同 ) MaxLength 允許輸入最大字數 Size 欄位寬度 Value 預設值 範例 :

選項按鈕  讓使用者可以選擇 ( 單選 )  屬性 Name 群組名稱 Value 傳到對方網頁的值 Checked 預設被選到 範例 : 男 女 第三性公關

核取方塊  可多重選擇  屬性 興趣 : &nbsp 閱讀 打電動 旅行 同選項方塊 範例 :

下拉選項  所佔空間較小, 廣被大家使用 10 – – – 40 Name 選項控制項名稱 Option Value 傳到對方網頁的值 Selected 預設被選到 Size 欄位大小

利用 JSP 讀取表單傳來的資料

綜合範例 姓名 : &nbsp 密碼 : &nbsp 性別 : &nbsp Select 控制項 Check Box 控制項 檔名 : Form.htm 傳送按鈕清除按鈕

年齡 : &nbsp 興趣 : &nbsp 閱讀 打電動 Select 控制項 Check Box 控制項 回上一頁

接收資料的 JSP 端 <% String Name=request.getParameter ("Name"); String Password = request.getParameter( “ Password ” ); String Sex=request.getParameter( “ Sex ” ); String Old=request.getParameter( “ Old ” ); String [] Habit=request.getParameterValues ( “ Habit ” ); %> 姓名 :&nbsp 進一步的程式處理 (push) 檔名 : Form.jsp 下一頁

<% if(Sex.equals( “ Man ” ) out.println( “ 男 ” ); 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  Step 4: 編輯 resin.conf 加入  Restart the Resin <path-mapping url-pattern='/test/*' real-path='C:\test\Form\defaultroot'/>

完整程式範例 : Form

檔案上傳  允許使用者將自己的檔案上傳到伺服器  傳送檔案的編碼方式  規格 : 伺服器不能直接用 request.getParameter() 取得檔案資料.

利用 O ’ Reilly 的 MultipartRequest  提供原始碼  隨時都在 update  下載網址 :  安裝  Step 1: 解壓縮 cos-27May2002.zip cos-27May2002.zip  Step 2: 把 cos.jar  Resin 目錄下的 lib 中 cos.jar  C:\jakarta-tomcat \common\lib (Tomcat)  Step 3: 重新啟動 Resin (bin/httpd) 參考資料 :

Html 檔的撰寫 <Form Name= “ Form1 ” ENCType= “ multipart/form-data ” Method= “ Post ” Action= “ UploadFile.jsp ” > 上傳檔案 1: 控制項的名稱控制項大小最大可輸入大小 傳送按鈕清除按鈕 檔名 : UpLoadFile.htm

Jsp 檔撰寫 – JBuilder 設定 Step 1: 利用 Jbuilder 建立一個 JSP 專案 Step 2: 建立一個新的 JSP 檔 Step 3: 設定 Library 加入新的 library 1 2 選擇 cos.jar 所在的目錄 檔名 : UpLoadFile.jsp

Jsp 檔撰寫 <% %> MultipartRequest multi=new MultipartRequest (request, "c:\\Test", 5*1024*1024); 讀取資料物件 檔案放置位置 限制檔案大小 java.util.Enumeration FileName=multi. getFileNames (); 取出控制項的名稱 取出檔案名稱 下一頁

while(FileName.hasMoreElements()){ String Name=(String) 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 <path-mapping url-pattern='/test/*' real-path='C:\test\'/>

完整程式範例 : UpLoadFilename