上級實驗指導(dǎo)書三自動生成英文界面

1、JSP開發(fā)技術(shù)課程實驗指導(dǎo)書實驗3 自動生成英文界面一 實驗?zāi)康模簩W(xué)習(xí)使用Myeclipse開發(fā)Web項目，綜合使用JavaBean，JSTL標(biāo)簽及表達式語言EL。二 實驗內(nèi)容：編寫一個Java Web項目，實現(xiàn)自動生成英文界面的功能。該項目包含三個頁面，在基本信息頁面輸入用戶的基本信息及文本框數(shù)目和復(fù)選框包含條目數(shù)，在第二個頁面近一步輸入文本框題目和復(fù)選框的值與文本信息，在第三個頁面顯示剛才輸入中文信息的英文翻譯構(gòu)成的頁面。三 實驗步驟： 1、創(chuàng)建的項目名稱為EnglishPagesProj 2、在根目錄下創(chuàng)建basicInput.jsp，該頁面包含四個文本輸入框，2個label標(biāo)簽用于提示

2、輸入范圍，一個提交按鈕。如下圖所示。3、建立infoInput.jsp頁面。如果在baisicInput.jsp頁面中輸入以下信息,點擊提交按鈕則infoInput.jsp頁面顯示其中，第一行顯示用戶+上一頁輸入的姓名+先生(如果性別為男)/女士(如果性別為女)+您好！以下根據(jù)上一頁面輸入的數(shù)目自動生成，有2個文本輸入框，則需要繼續(xù)輸入這兩個文本輸入框的中文標(biāo)題，復(fù)選框的標(biāo)題，有3個復(fù)選框項目，則需要分別輸入每個項目的value值和顯示的text文本3、創(chuàng)建bean.TranslatorBean類，包含三個成員變量，chineseWord表示輸入的中文，englishWord表示對應(yīng)翻譯的英文

3、,data存儲中文及對應(yīng)英文的翻譯，還需要創(chuàng)建構(gòu)造方法和對應(yīng)屬性的get/set方法。如果設(shè)置chineseWord為”姓名”,則獲取englishWord屬性值為”name”，如果data中沒有對應(yīng)的chineseWord，則englishWordd的值為chineseWord+”的英文” ，data中存儲的信息如下圖：4、創(chuàng)建englishPage.jsp頁面，依據(jù)infoInput.jsp頁面輸入的中文信息，調(diào)用TranslatorBean對象獲取對應(yīng)的英文翻譯并顯示在頁面上。比如infoInput.jsp中輸入以下信息：則點擊”生成英文界面”按鈕后，顯示englishPage.jsp如

4、下圖所示：實驗報告中手寫提交TranslatorBean.java和三個頁面文件的body標(biāo)簽部分。提示信息：0. 上機時可實現(xiàn)有關(guān)文本框相關(guān)部分的內(nèi)容，下課后再實現(xiàn)復(fù)選框相關(guān)部分的內(nèi)容。1. 該項目的難點在于，頁面生成的文本框的name等屬性都是動態(tài)生成的，該屬性可由EL生成。在EL中，想連接兩個字符串”a”b”，不能使用$”a”+”b”的方式，但可以使用如下方式實現(xiàn)字符串連接:$”a”$”b”。在infoInput.jsp中動態(tài)生成文本輸入框可參考以下代碼實現(xiàn)：文本框$i標(biāo)題: 其中i變量是外層c:forEach中定義的，EL屬性值的形式為value=”$表達式”，此時表達式中不能再出現(xiàn)”

5、，如果表達式中需要出現(xiàn)字符串，則可以采用單引號 或者轉(zhuǎn)義符” ”代替，因此最終屬性形式為value=$textName$i或value=$textName$i。2. 中文參數(shù)亂碼問題，根本上是由于Tomcat在傳參時使用ISO8859-1的方式進行編碼造成的。令所有文件的編碼為UTF-8, 亂碼分為兩種情況解決：（1）JSP頁面間傳遞參加，如basicInput.jsp姓名文本框輸入的姓名需要在infoInput.jsp中顯示。解決方法為basicInput.jsp中的form表單的提交方式改為post,在infoInput.jsp文件引入自定義標(biāo)簽后即添加jsp代碼片段，即可在infoInput.jsp中正常取出中文參數(shù)顯示。（2）JSP向JavaB