javaserverpages(jsp)網(wǎng)頁編成設(shè)計-資料下載頁
2025-09-20 20:55本頁面
【導讀】JSP與客戶機的交互。Servlet簡化設(shè)計，邏輯與界面設(shè)計分開，HTML語法的java擴展，加入新的標簽。強大的組件支持功能；<BODY>\r\n你好,今天是\r\n");部分，即標記<%……JSP元素則是指將由JSP引擎直接處理的。會導致編譯錯誤。JSP語法分為三種不同的類型。編譯器指令包括“包含指令”，“頁指。它們包含在“<%@%>”卷標里。兩個主要的指令是page與include。在源代碼中可以查看到。未顯示上一行的注釋。
【正文】 body form method=POST action= p align=center用戶登錄 p align=center 用戶名： input type=text name=User size=20 密碼： input type=password name=pwd size=20br br 126 瀏覽器類型 : input type=radio name=radio value=ie checked IE input type=radio name=radio value=nsNetscape br 資料選項： input type=checkbox name=check1 value=ON checked標題 input type=checkbox name=check2 value=ON詳細 input type=hidden name=hidden value=transPara /pp align=center input type=submit value= 提交 input type=reset value=全部重寫 /p /form /body /html 127 %@ page contentType=text/html。charset=gb2312% html headtitletest/title/head body % (用戶名： +(User)+br)。 (密碼： +(pwd)+br)。 (瀏覽器： +(radio)+br)。 (標題： +(check1)+br)。 (詳細： +(check2)+br)。 (隱含： +(hidden)+br)。 (getContentLength()=+()+br)。 128 (getContentType()=+()+br)。 (getRequestURI()=+()+br)。 (getServerPort()=+()+br)。 (getServerName()=+()+br)。 (getProtocol()=+()+br)。 (getRemoteAddr()=+()+br)。 (getHeaderNames()=+()+br)。 (getMethod()=+()+br)。 (getServletPath()=+()+br)。 (isRequestedSessionIdValid()=+id()+ br)。 % /body /html 129 運行結(jié)果 130 131 session對象示例 %session對象示例， % %@ page contentType=text/html。charset=gb2312% html headtitlesession/title/head body form method=post action= 請輸入您的姓名： input type=text name=username input type=submit value=submit /form /body /html 132 %@ page contentType=text/html。charset=gb2312% html headtitle/title/head body %@ page language=java % %! String name=。 % p % name = (username)。 //將 username存入 session (username, name)。 % 您的姓名是： %=name% pform method=post action= 您最喜歡的娛樂是： input type=text name=amuse input type=submit value=submit /p /form /body /html 133 %@ page contentType=text/html。charset=gb2312% html headtitle/title/head body %@ page language=java% %! String amuse=。 % % amuse=(amuse)。 String user=(String)(username)。 % 您的姓名是： %=user% 您喜歡的娛樂是： %=amuse% /body /html 134 運行結(jié)果 135 提交后 136 輸入值 137 再次提交（保存名字） 138 application對象運行示例 %application對象示例， % %@ page contentType=text/html。charset=gb2312% html headtitleapplication/titlehead body % (Java Servlet API Version +() +.+()+br)。 (39。s MIME type is:+() +br)。 (URL of 39。39。 is: +(“/)+br)。 (getServerInfo()=+()+br)。 (( ))。 (Add a Record to log_file)。 % /body /html 139 運行結(jié)果 140 application對象實現(xiàn)網(wǎng)頁計數(shù)器 %用 application對象實現(xiàn)網(wǎng)頁計數(shù)器 % %@ page contentType=text/html。charset=gb2312% html headtitle網(wǎng)頁計數(shù)器 /titlehead body % if ((counter)==null) (counter,1)。 else{ String strnum=null。 strnum=(counter).toString()。 int icount=0。 icount=(strnum).intValue()。 icount++。 (counter,(icount))。 } % 您是第 %=(counter)%位訪問者！ /body /html 141 運行結(jié)果 (第一次訪問 ) 142 刷新一次 143 exception對象示例 %exception對象示例， % %@ page contentType=text/html。charset=gb2312% %@ page isErrorPage=true % html body bgcolor=ffffc0 h1Error page login/h1 brAn error occured in the bean. Error Message is: br %= () %br %= ()%br /body /html 144 內(nèi)置對象小結(jié) ? 全面介紹了 JSP的幾種內(nèi)置對象 。 熟練使用這些內(nèi)置對象是開發(fā) JSP應(yīng)用程序的基本要求 ， 尤其是對于 request、 session和application對象更是必須要掌握的 。 ? 會使用對象所具有的方法 ， 能熟練使用每一種對象的幾種常用方法 。 145 HTML表單 ? 復習 Web運行原理 ? HTML表單的概念 ? 表單元素介紹 ? HTML表單的客戶端確認 ? 客戶端表單確認實例 146 Web運行原理－ 1 ? 客戶端同 Web服務(wù)器之間的協(xié)議為 ? HTTP為超文本傳輸協(xié)議 ? HTPP協(xié)議為 “ 請求和響應(yīng) ” 協(xié)議 ? 客戶端請求包括：請求行、頭、信息體 ? 客戶端請求的方法 ? GET、 POST、 HEAD ? DELETE、 TRACE、 PUT ? 提交表單的方法： GET、 POST 147 Web運行原理－ 2 ? 服務(wù)器接收到請求后，返回 HTTP響應(yīng) ? 每個響應(yīng)：狀態(tài)行、頭、信息體 ? 常見狀態(tài) ? 404 所請求的文件不存在 ? 500 服務(wù)器程序出錯 ? 200 OK 成功 ? 信息體用于瀏覽器顯示 148 頁面訪問失敗 149 HTML表單 ? 表單是具有輸入域、文本域的頁面 ? 用于客戶端同服務(wù)器端交互 ? 用戶在客戶端填寫表單，然后 “ 提交 ” ? 表單中的信息發(fā)送到服務(wù)器 ? 服務(wù)器返回處理情況 150 HTML表單標記 ? 表單主標記 ? form /form ? 表單中的標記 ? input ? select /select ? option ? textarea /textarea ? form是表單開始標記， /form結(jié)束 151 表單的例子（ ） %表單例子， % %@ page contentType=text/html。charset=gb2312% html headtitle表單 /titlehead body form method=POST action= p align=center用戶登錄 p align=center 用戶名： input type=text name=User size=20 密碼： input type=password name=pwd size=20br br /form /body /html 152 運行結(jié)果 153 form標記 ? 描述表單的特性，語法 form method=POST action=“ enctype=“” ? method表單傳輸方法 ? GET方法將表單信息在 URL后傳輸 ? POST方法將表單信息作為信息體傳輸 ? action為表單處理方式，通常為一個 URL ? enctype為編碼方式 154 input標記 ? 表單中輸入信息的區(qū)域 ? 屬性 ? type 類型 ? name 名稱 ? id 標識 ? maxlength 最大字符數(shù) ? size 輸入域?qū)挾? ? value 域的初始值 ? button 按鈕 用 javascript響應(yīng) 155 input的類型 ? text 文本 ? passwowrd 口令方式 ? checkbox 多選框 name相同 ? radio 單選按鈕 name相同 ? image 圖片 ? hidden 隱藏表單 發(fā)送數(shù)據(jù) ? submit 提交按鈕 向服務(wù)器提交表單 ? reset 復位按鈕 將表單充置為初始狀態(tài) 156 文本框： TEXTAREA ? 多行文本域： textarea /textarea ? 參數(shù) ? COLS： 寬度 ? ROWS： 高度 ? NAME： 名稱 textarea NAME=“Computer” ROWS=6 COLS=64 CPU PIV 1500 Memory 512M /textarea 157 下拉框： SELECT ? 定義列表框： select /select ? 參數(shù) ? MULTIPLE 可同時選取多行 ? NAME 名稱 ? SIZE 可見項目數(shù) ? 每個項目用 option標記 ? 屬性 SELECTED出現(xiàn)在 option表示選中 158 select的例子 select name=area style=width50 size=1 option value=北京 selected 北京 /option option value=天津 天津 /option option value=上海 上海 /option option value
教學課件相關(guān)推薦
鄂ICP備17016276號-1