《電商網(wǎng)站設(shè)計(jì)及開發(fā)》授課要點(diǎn)_第1頁
《電商網(wǎng)站設(shè)計(jì)及開發(fā)》授課要點(diǎn)_第2頁
《電商網(wǎng)站設(shè)計(jì)及開發(fā)》授課要點(diǎn)_第3頁
《電商網(wǎng)站設(shè)計(jì)及開發(fā)》授課要點(diǎn)_第4頁
已閱讀5頁，還剩74頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

電商《電子商務(wù)網(wǎng)站設(shè)計(jì)與開發(fā)》授課要點(diǎn)<%@page contentType ="text/html;charset=GB2312" %><html ><head></head><body><%%></body></html >第1次課一、準(zhǔn)備工作1、MyEclips10.5 注冊2、安裝Tomcat6.5（動態(tài)網(wǎng)站服務(wù)器軟件）3、驗(yàn)證是否安裝成功在IE瀏覽器中輸入：:8080/二、動態(tài)網(wǎng)站服務(wù)器1、服務(wù)器與客戶端 （通過IP地址找到服務(wù) /域名）2、服務(wù)器軟件（ WWW服務(wù)/Tomcat、郵箱服務(wù)、FTP服務(wù)）（通過IP地址:端口號）：http://本地IP地址：80(默認(rèn)WWW服務(wù)端口)服務(wù)器端：裝相關(guān)服務(wù)軟件客戶端：指明服務(wù)器地址與端口3、瀏覽服務(wù)器網(wǎng)頁（瀏覽本地網(wǎng)頁）:8080/index.jsp（默認(rèn)網(wǎng)頁）4、在Tomcat服務(wù)器網(wǎng)站文件夾中放置網(wǎng)頁在目錄中放置網(wǎng)頁：C:\ProgramFiles\ApacheSoftwareFoundation\Tomcat6.0\webapps\ROOT在這個文件夾中放置：1.htm在瀏覽器中輸入網(wǎng)址：:8080/1.htm4、瀏覽Tomcat服務(wù)器網(wǎng)頁查看本機(jī)的 IP地址：網(wǎng)上鄰居(屬性)—本地連接（屬性） --TCP/IP 協(xié)議（屬性）：9檢查老師的作業(yè)： 9:8080/abc.htm5、html代碼<html><head></head><body>我是99號</body></html>三、第一個動態(tài)網(wǎng)頁的編寫1、后綴名是： abc.jsp12、java循環(huán)語句for(inti=1;i<=1000;i++){System.out.println(i);}3、把上句放到網(wǎng)頁中去，放在 <body></body>Body中有html代碼，也有JSP代碼，JSP代碼要用”<%%>”包裝Java的輸出是：System.out.println();JSP的輸出是：out.println();4、綜上考慮，得到以下代碼<html><head></head><body><%for(inti=1;i<=1000;i++){out.println(i);}%></body></html>5、小結(jié)：建立第一個 JSP網(wǎng)頁，只須記住三點(diǎn)①后綴名：a.jsp②網(wǎng)頁的代碼有“ html代碼”與”JSP代碼”, JSP代碼用”<%%>”;③java語句：System.out.println("1號 陳雅婷 第一題 得七分");JSP語句：把“System.”刪除；6、注意點(diǎn)：root中的文件夾名及文件名不得使用中文②不能使用雙擊打開JSP文件③網(wǎng)頁中的中文可能亂碼，亂碼處理：在JSP文件中第一行加入：<%@pagecontentType="text/html;charset=GB2312"%>2第2次課一、復(fù)習(xí)與練習(xí)1、安裝與啟動 TOMCAT2、文件要放在 ROOT文件夾下3、作業(yè)：簡單的 html代碼<html><head></head><body>這是html代碼<br/>另起一段</body></html>4、作業(yè)：顯示 1－1000間被5整除的數(shù)提示：<html><head></head><body></body></html>②<%for(inti=1;i<=1000;i++){ }%>out.println(i+"<br/>");if(i%5==0){}在body中加入jsp代碼，這個代碼要用 <%%><%for(;;){}if(){}%><%for(inti=1;i<=1000;i++){out.println(i+”<br/>”);}%><%for(inti=1;i<=1000;i++){if(i%5==0){out.println(i+ ”<br/>”);}}%><html><head></head><body>這是html代碼<br/>另起一段<%for(inti=1;i<=1000;i++){if(i%5==0){out.println(i+ ”<br/>”);}}%></body></html>3二、靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的區(qū)別1、靜態(tài)網(wǎng)頁的后綴名是： htm html動態(tài)網(wǎng)頁的后綴名是： aspjspaspx php2、靜態(tài)網(wǎng)頁可通過雙擊查看其運(yùn)行效果動態(tài)網(wǎng)頁只可通過服務(wù)器軟件 (tomcat),在IE中通過輸入 IP來查看其運(yùn)行效果3、靜態(tài)網(wǎng)頁： IE查看菜單中的源代碼 與文件的編寫代碼 相同動態(tài)網(wǎng)頁： IE查看菜單中的源代碼 與文件的編寫代碼 不相同4、本質(zhì)的區(qū)別：交互動態(tài)網(wǎng)頁： 服務(wù)器與用戶有交互 (登陸校驗(yàn)、查看期末成績 )靜態(tài)網(wǎng)頁： 服務(wù)器與用戶無交互靜態(tài)網(wǎng)頁之純文本 /純靜止圖片：狹義的靜態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁之活動文檔： flash動畫(有交互 用戶與客戶端的交互)腳本語言(JavaScriptVBScript):房貸月供計(jì)算器三、JSP的技術(shù)原理Jsp文件java文件class文件具體的HTML代碼(IE查看菜單中的源代碼 )運(yùn)行結(jié)果四、JSP文件含兩個部分Html代碼JSP代碼：要用“ <%%>”包起來"<fontsize=7>12電商同學(xué)們，馬上買房，馬上有車 </font><br/>"<fontsize= 7 >12電商同學(xué)們，馬上買房，馬上有車 </font><br/>"<fontsize=" "7" ">12電商同學(xué)們，馬上買房，馬上有車 </font><br/>""<fontsize="+"7" +">12電商同學(xué)們，馬上買房，馬上有車 </font><br/>"Out.println("<fontsize=7>12 電商同學(xué)們，馬上買房，馬上有車 </font><br/>")Out.println("<fontsize="+"7" +">12電商同學(xué)們，馬上買房，馬上有車 </font><br/>")課堂實(shí)例代碼：<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%for(inti=1;i<=7;i++){out.println("<palign=center><fontsize="+i +">12電商同學(xué)們，馬上買房，馬上有車 </font><br/><p>");}//”+i+”%></body></html>4第2次課一、復(fù)習(xí)前課內(nèi)容1、<html><head></head><body></body></html>2、防亂碼<%@pagecontentType="text/html;charset=GB2312"%>3、字號：<fontsize=7></font>4、居中：<center></center>5、循環(huán)：<%for(inti=1;i<=7;i++){}%>6、輸出：out.println("dddddd");7、替代："+i+"二、JSP與HTML代碼雜糅時的處理1、第二種處理方法：替代法 (把長字符串 轉(zhuǎn)化成 三個字串)out.println("<center><fontsize="+i+"> 馬上有車，馬上有房 </font></center>");JSP：out.println(“dddd”);HTML:<center><fontsize=7> 馬上有車，馬上有房 </font></center>JSP：i處理方法：在“”中的變量處理：替代法： ”+i+”2、第二種處理方法：三段法 (當(dāng)循體中的 HTML 代碼很復(fù)雜時，要用這一方法 )原代碼：<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%for(inti=1;i<=7;i++){out.println("ddddd");}%></body></html>第一步：使用三對 <%%>進(jìn)行拆分<%for(inti=1;i<=7;i++){%><%out.println("ddddd<br/>");%><%}%>第二步：<%for(inti=1;i<=7;i++){%><center><fontsize= 7 >馬上有車，馬上有房 </font></center><%}%>第三步：<center><fontsize= <%out.println(i);%> >馬上有車，馬上有房 </font></center>第四步：<%out.println(i);%>：<%=i%><center><fontsize= <%=i%> >馬上有車，馬上有房 </font></center>5課堂代碼：<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%for(inti=1;i<=7;i++){%><center><fontsize= <%=i%>>我愛寫什么就寫什么，就用 HTML代碼</font></center><%}%></body></html>創(chuàng)新：更換字體顏色李旭代碼：<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%for(inti=1;i<=7;i++){%><center>你<fontsize=<%=i%>> 你我他 </font> 他</center><%}%></body></html>6第3次課一、配置MyEclipse10服務(wù)器（一）新建WEB項(xiàng)目與JSP網(wǎng)頁1、新建WEB項(xiàng)目NEW—WEBPROJECT—項(xiàng)目名（java6.0）2、新建JSP網(wǎng)頁WebRoot右鍵NewJSP(不要使用MyJsp.jsp)(二)布署MyEclipse10服務(wù)器1、把WEB項(xiàng)目布置到MyEclipseTomcat服務(wù)器2、啟動MyEclipseTomcat服務(wù)成功：Serverstartupin1078ms（二）瀏覽網(wǎng)頁，方法一：在IE瀏覽器地址欄中輸入：:8080/WEB項(xiàng)目名方法二：三角形按鈕――MyEclipseApplicationServer—OK—輸入網(wǎng)頁名—瀏覽1、配置服務(wù)器RunconfigurationsMyEclipseServerApplication填“項(xiàng)目名”與“服務(wù)器名”2、按“開始”按鈕，輸入網(wǎng)址二、復(fù)習(xí)上節(jié)內(nèi)容<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%for(inti=1;i<=7;i++){out.println("<center><fontsize="+i+">*****</font></center><br/>");}//"+i+"%></body></html>7三、課堂實(shí)例、九九乘法表（三角形排列）<%@page contentType ="text/html;charset=GB2312" %>html>head></head>body><%for (int i=1;i<=9;i++){for (int j=1;j<=i;j++){out.println(i+ "*" +j+"=" +i*j+ "" );}out.println( "<br/>" );}%></body></html >、等邊三角形的星號排列（頭排一個星，第七排七個星）<%@page contentType ="text/html;charset=GB2312" %>html>head></head>body><%Strings= "";for (int i=1;i<=9;i++){s=s+"*" ;out.println( "<center>" +s+"</center><br/>");}%></body></html >3、倒等邊三角形的星號排列（頭排九個星，第 9排一個星）<%@page contentType ="text/html;charset=GB2312" %><html ><head></head><body><%Strings= "*********" ;Stringss= "";for (int i=1;i<=9;i++){ss=s.substring(i);8out.println( "<center>" +ss+"</center><br/>" );}%></body></html >、會變的顏色<%@page contentType ="text/html;charset=GB2312" %>html>head></head>body><%for (int i=1;i<=9;i=i+2){out.println( "<center><fontcolor='#" +i+i+i+i+i+i+ "'> 馬上有錢，馬上有車，馬上有房</font></center><br/>" );}%></body></html >9第4次課單元4 JSP語法基礎(chǔ) P64一、JSP注釋1、注釋的作用；使該語句不運(yùn)行；提示相鄰語句的作用2、課堂實(shí)例：<%for (int i=1;i<=100;i++){out.println(i+ "<br/>" );// out.println(k);}%>二、使用聲明1、從形式看原變量定義：<%inti=1000;%>現(xiàn)聲明：<%！inti=1000;%>2、原理原變量定義：網(wǎng)頁刷新時，重新定義一個新的i變量，也就是<%inti=1000;%>執(zhí)行了現(xiàn)聲明：網(wǎng)頁刷新時，還使用原先的那個i變量，也就是<%inti=1000;%>不執(zhí)行了3、課堂代碼<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%!inti=1000;%><%i++;out.println("你是第"+i+"位訪客");%></body></html>10第5次課一、圖片計(jì)數(shù)器（使用聲明）1、初步<%@page contentType ="text/html;charset=GB2312" %>html>head></head>body><%!inti=1234;%><%i++;Strings=i+"";out.println("你是第");out.println("<imgsrc='"+s.charAt(0)+".jpg'height=15width=15>");out.println("<imgsrc='"+s.charAt(1)+".jpg'height=15width=15>");out.println("<imgsrc='"+s.charAt(2)+".jpg'height=15width=15>");out.println("<imgsrc='"+s.charAt(3)+".jpg'height=15width=15>");out.println("位訪客");//"+i+"%></body></html>2、完整（還差一點(diǎn)）<%@pagecontentType="text/html;charset=GB2312"%>html>head></head>body><%! int i=11234455; %><%i++;Strings=i+ "";out.println( "你是第");for (int j=0;j<s.length();j++){out.println( "<imgsrc='" +s.charAt(j)+ ".jpg'height=15width=15>" );}out.println( "位訪客");//"+i+"%></body></html >3、更完整：固定 5位，不足的用零來填，<%@page contentType ="text/html;charset=GB2312" %><html ><head></head><body><%! int i=93; %>11<%i++;Strings=i+ "";out.println( "你是第");for (int k=0;k<6-s.length();k++){out.println( "<imgsrc='0.jpg'/>" );}for (int j=0;j<s.length();j++){out.println( "<imgsrc='" +s.charAt(j)+ ".jpg'/>" );}out.println( "位訪客");%></body></html >二、使用表達(dá)式、區(qū)別使用out 語句：<%out.println(i);%>使用表達(dá)式 ：<%=i%>、課堂實(shí)例：<%@page contentType ="text/html;charset=GB2312" %>html>head></head>body><%! int i=1; %><%i++;out.println( "你是第");out.println(i);out.println( "位訪客<br/>" );//"+i+"%>使用表達(dá)式：你是第 <%=i %>位訪客<br/></body></html >、課堂實(shí)例：今天幾月幾日<%@page contentType ="text/html;charset=GB2312" %>html>head></head>body><%//Dated=newDate();java.util.Dated= newjava.util.Date();//out.println(d);12out.println( "今天幾月幾日星期幾 :"+d+"<br/>" );%><%=d.getYear()+1900 %>年<%=d.getMonth()+1 %>月<%=d.getDate() %>日星期<%=d.getDay() %></body></html >13第6次課一、復(fù)習(xí)前節(jié)內(nèi)容：計(jì)數(shù)器、今日幾月幾日二、腳本程序 P70//JSP 文件中的JAVA程序：1、輸出語句； 2、流程控制語句腳本程序(大于兩句)－－－表達(dá)式（一句)<%=i%>隨機(jī)數(shù)：0－1之間的數(shù)隨機(jī)數(shù)：<%=Math.random()%>課堂實(shí)例：<%@page contentType ="text/html;charset=GB2312" %>html>head></head>body><%double d=Math.random();out.println(d+ "<br/>" );if (d>=0.5){out.println( "今天運(yùn)氣不錯。 ");}else {out.println( "今天運(yùn)氣不好。 ");}%></body>三、</html >思考題：把隨機(jī)數(shù)限制在 1－52之間的數(shù)；答案：<%int i=( int )(100*(Math.abs(Math.random()-0.47)));out.println( "<br/> 抽獎："+i);%>號林菁的隨機(jī)數(shù)<%@pagecontentType="text/html;charset=GB2312"%><%@pageimport="java.util.*"%><html><head></head><body><%Randomr=newRandom();inta=r.nextInt(52);out.println(a);%></body></html>14四、 Page指令與Include 指令 P71把JSP轉(zhuǎn)成class文件時對文字的處理。語法P73：<%@%>:pageinclude<%@page%><%@include%>1、page指令：<%@page%>：處理網(wǎng)頁的問題屬性import （導(dǎo)入JAVA包） contentType （頁面轉(zhuǎn)換語言及格式）；Import 課堂實(shí)例：<%@page contentType ="text/html;charset=GB2312" %><%@pageimport= "java.util.*" %><html ><head></head><body><%java.util.Dated= newjava.util.Date();Dated2= newDate();out.println(d2);%></body></html >contentType 課堂實(shí)例防亂碼：<%@pagecontentType= ”text/html;charset=GB2312 ”%>下載WORD文件：<%@pagecontentType="application/msword;charset=GB2312"%><%@page contentType ="application/msword;charset=GB2312" %><%@page import ="java.util.*" %><html ><head><metahttp-equiv="refresh"content="1"/></head><body><%java.util.Dated= newjava.util.Date();Dated2= newDate();out.println(d2);%></body></html >網(wǎng)頁變成下載文件是不是寫錯了： <%@pagecontentType=" txt/html ;charset=GB2312"%>152號邱燕花 即時刷新（靜態(tài)網(wǎng)頁）<head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><body><divid="time"align="center"><script>setInterval("document.getElementById('time').innerHTML=newDate().toLocaleString();",1000);</script></div></body></head>16第7次課一、復(fù)習(xí)：page 指令<%@page%>:<%@pagecontentType= ””%><%@pageimport= ””%>二、include 指令<%@include%>: 靜態(tài)包含一個文件（可以非網(wǎng)頁）語法：<%@includefile= ””%>Head.txt<%@pagecontentType="text/html;charset=GB2312"%><center> 這是導(dǎo)航部分 <br/></center>Foot.txt<%@pagecontentType="text/html;charset=GB2312"%><center> 這是版權(quán)聲明部分 <br/></center>Me.jsp<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%@includefile="head.txt"%><br/><br/>這是主體內(nèi)容<br/><br/><%@includefile="foot.txt"%></body></html>三、include 動作P77: 頁面被請求時包含一些資源1、語法(XML的語法-html 語法――放在<%%>外面)：<jsp:/> <h1></h1><br/><jsp: include page=””/> 只能包含網(wǎng)頁（ htmljsp ）、課堂實(shí)例代碼：Me1.jsp<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><jsp:includepage="head.html"/><br/>主體部分<br/><jsp:includepage="foot.jsp"/></body></html>Head.html<%@pagecontentType="text/html;charset=GB2312"%><center>這是導(dǎo)航部分<br/></center>Foot.jsp<%@pagecontentType="text/html;charset=GB2312"%><center>版權(quán)部分<br/></center>174、include 指令與include 動作的區(qū)別： 后者更常用前者可包含 txt 等文件，后者只能包含網(wǎng)頁（ htmljsp ）:前者復(fù)制入 (一個網(wǎng)頁)，后者是生成網(wǎng)頁后再嵌入（三個網(wǎng)頁）前者語法： <%@includefile= ””%> 后者語法<jsp:includepage= ””/>四、forward 動作、作用：跳轉(zhuǎn)到某一網(wǎng)頁2、語法：<jsp:forwardpage= ””/>、實(shí)例：Login.jsp<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body>這是本網(wǎng)頁<br/><%Stringpwd="123";//這是已經(jīng)輸入的密碼if(pwd.equals("123")){//正確密碼是:123%><jsp:forwardpage="main.jsp"/><%}else{out.println("你輸入的密碼有誤，請重新輸入。");}%></body></html>Main.jsp<%@pagecontentType="text/html;charset=GB2312"%><center>登錄成功，歡迎來到本網(wǎng)站<br/></center>3、思考題：<%@pagecontentType="text/html;charset=GB2312"%><html><head><metahttp-equiv="refresh"content="1"/></head><body><%!inti=10;%><%i--;%><h1><center>倒計(jì)時<br/><%=i%></center></h1><%if(i<=0){%><jsp:forwardpage="main.jsp"/><%}%></body></html>18第8次課一、復(fù)習(xí)、跳轉(zhuǎn)語句<jsp:forwardpage= ””/>、判斷輸入的密碼是否準(zhǔn)確<%Stringabc= ”123”;if((abc.equals( “132”)){}else{}%>、把上面進(jìn)行組合<%@page contentType ="text/html;charset=GB2312" %><html ><head></head><body><%Stringabc= "123" ; // 輸入的密碼if (abc.equals( "132" )){ // 正確的密碼是 "132"%><jsp:forward page="index.jsp" /><%}else {out.println( "密碼輸入錯誤 ");}%></body></html >第五章 JSP內(nèi)置對象Personp=newPerson();p 是我們新建的對象（屬性和方法）二、out 對象P90( 已經(jīng)建好的對象 )out.print( “dddd”);print 是out 對象的方法三、request 對象 P93request.getParameter( “”)客戶端→ 服務(wù)器（接收信息）提交頁→ 接收頁服務(wù)器獲取客戶端的信息：請用 request 對象：封裝了用戶提交的信息課堂實(shí)例191、form.html<html><head><title>form.html</title><metahttp-equiv="content-type"content="text/html;charset=GB2312"></head><body>本頁是“提交頁（表單頁）”，還有一頁叫“接收頁（request)”<br><formmethod="get"action="b.jsp">帳戶名的文本框：<inputtype="text"name="user"/><br/>密碼的文本框：<inputtype="text"name="pwd"/><br/>提交按鈕：<inputtype="submit"value="我的名字是提交按鈕"/></form></body></html>2.b.jsp<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%Stringa=request.getParameter("user");Stringb=request.getParameter("pwd");out.println("你輸入的用戶名是："+a);out.println("<br/>你輸入的密碼是："+b);%></body></html>四、思考題1、表單頁：form.jsp<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><formmethod="get"action="b.jsp">帳戶名的文本框：<inputtype="text"name="user"/><br/>密碼的文本框：<inputtype="text"name="pwd"/><br/>提交按鈕：<inputtype="submit"value="我的名字是提交按鈕"/></form></body></html>2、接收頁：b.jsp<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%Stringa=request.getParameter("user");//輸入的密碼Stringb=request.getParameter("pwd");out.println("你輸入的用戶名是："+a);20out.println( "<br/> 你輸入的密碼是： "+b);out.println( "<br/> 正確的密碼是： 132");%><%if (b.equals( "132" )){ // 正確的密碼是 "132"%><jsp:forward page="index.jsp" /><%}else {out.println( "<br/> 密碼輸入錯誤 ");}%></body></html >3、歡迎頁:index.jsp<%@page contentType ="text/html;charset=GB2312" %><html ><head></head><body>密碼正確，歡迎光臨本網(wǎng)站。 <br/>本題有三個頁面：提交頁（表單頁）、接收頁（ request 頁）、歡迎頁（本頁）</body></html>21第9次課一、復(fù)習(xí)1、提交頁（form 表單）<head><title >form1.html </title ><meta http-equiv ="content-type" content ="text/html;charset=GB2312" ></head>2、處理頁(request.jsp)①接收語句request.getParameter( “”);②分支語句if( 用戶名正確 而且 密碼正確){輸出正確信息}else{輸出錯誤信息}③跳轉(zhuǎn)語句在JAVA中：%><jsp:forwardpage= ””/><%3、歡迎頁二、課堂實(shí)例1、a.htmlhtml>head><title >form.html </title ><meta http-equiv ="content-type" content ="text/html;charset=GB2312" ></head><body><form method ="get" action ="b.jsp" >用戶名：<input type ="text" name="aa" /><br/>密碼：<input type ="text" name="bb" /><br/><input type ="submit" value ="提交" /></form></body></html >2、b.jsp<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%Stringa=request.getParameter("aa");Stringb=request.getParameter("bb");if(a.equals("123")&&b.equals("abc")){22%><jsp:forward page="me.jsp" /><%}else {out.println( "用戶名或密碼錯誤 ");}%></body></html >3、me.jsp<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body>歡迎光臨本網(wǎng)頁</body></html >提交頁：誰接收：<formaction=”要修改”＞文本框的名字： <inputname=”要修改”>處理頁錯誤接收用戶名與密碼判斷用戶名與密碼是否確正確歡迎頁三、處理漢字信息 P971、提交頁html>head><title >form.html </title ><meta http-equiv ="content-type" content ="text/html;charset=GB2312" ></head><body><form method ="get" action ="hanzi2.jsp" >姓名：<input type ="text" name="xm"/><br/>地址：<input type ="text" name="dz" /><br/>23<inputtype="submit"value="提交"/></form></body></html>2、處理頁<%@pagecontentType="text/html;charset=GB2312"<html><head></head><body><%Stringxmjs=request.getParameter("xm");//字符數(shù)組=亂碼變量變成8859漢字bytec[]=xmjs.getBytes("iso-8859-1");把字符數(shù)組轉(zhuǎn)成字符串xmjs= newString(c);out.println( "姓名是:"+xmjs);/////////////////////////////////////////////////////Stringdzjs=request.getParameter( "dz" );改getBytes前的變量名;改數(shù)組名byte c2[]=dzjs.getBytes( "iso-8859-1" );// 改數(shù)組名dzjs= newString(c2);out.println( "<br/> 地址是:" +dzjs);%></body></html >教學(xué)重點(diǎn)：String a=request.getParameter( “”);byte c[]=a.getBytes("iso-8859-1");a=newString(c);

%>×24第10次課一、復(fù)習(xí)前課內(nèi)容1、登錄校驗(yàn)P103任務(wù)62、用request對象處理漢字信息P97任務(wù)3二、全面認(rèn)識request對象的常用方法P98任務(wù)4（略）1、獲得客戶端的通信協(xié)議2、請求方式：getpost3、服務(wù)器名稱4、通信端口5、IP地址6、主機(jī)地址三、使用request 對象獲取復(fù)雜表單信息（上）1、復(fù)習(xí)：文本框2、密碼框、單選框、下拉框3、課堂實(shí)例Form.jsp<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><formmethod="get"action="request.jsp"><br/>請輸入姓名：<inputtype="text"name="xm"/><br/>請輸入密碼：<inputtype="password"name="mm"/><br/>請選擇班級：<selectname="bj"><optionvalue="12ec1">12電商1班</option><optionvalue="12ec2">12電商2班</option><optionvalue="13ec1">13電商1班</option><optionvalue="13ec1">13電商2班</option></select><br/>請選擇性別:<inputtype="radio"name="xb"value="boy"/>男<inputtype="radio"name="xb"value="girl"/>女<br/><inputtype="submit"/><br/><inputtype="reset"/></form></body></html>Request.jsp<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%Stringxm1=request.getParameter("xm");Stringmm1=request.getParameter("mm");Stringbj1=request.getParameter("bj");25Stringxb1=request.getParameter("xb");out.println("<br/>你輸入的姓名是："+xm1);out.println("<br/>你輸入的密碼是："+mm1);out.println("<br/>你輸入的班級是："+bj1);out.println("<br/>你輸入的性別是："+xb1);%></body></html>四、使用request對象獲取復(fù)雜表單信息（下）1、單選框、下拉框（默認(rèn)選項(xiàng)）checkedselected2、單選框（性別）處理if(xb1.equals("boy")){out.println("你的性別是男性");}if(xb1.equals("girl")){out.println("你的性別是女性");}3、單選框的分?jǐn)?shù)處理（課堂作業(yè)2）4、復(fù)選框的分?jǐn)?shù)處理(不要求)5、課堂實(shí)例Form2.jsp<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><formmethod="get"action="request2.jsp"><br/>請選擇院長的籍貫(每題30分）):<inputtype="radio"name="jg"value="fz"checked/>福州<inputtype="radio"name="jg"value="xm"/>廈門<inputtype="radio"name="jg"value="pt"/>莆田<br/>請選擇院長的工資(每題30分）):<inputtype="radio"name="gz"value="6"checked/>6000-8000<inputtype="radio"name="gz"value="8"/>8000-10000<inputtype="radio"name="gz"value="9"/>10000-15000<br/>請選擇院長的愛好(每題40分）):<inputtype="checkbox"name="ah"value="a"checked/>爬山<inputtype="checkbox"name="ah"value="b"/>看書<inputtype="checkbox"name="ah"value="c"/>跳舞<br/><inputtype="submit"/><br/><inputtype="reset"/></form></body></html>Request2.jsp<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%Stringjg1=request.getParameter("jg");Stringgz1=request.getParameter("gz");out.println("<br/>他的籍貫是："+jg1);out.println("<br/>他的工資是："+gz1);doublecj=0;if(jg1.equals("pt")){cj=cj+30;}if(gz1.equals("9")){cj=cj+30;}復(fù)選框（很難）26String[]ah1=request.getParameterValues("ah");Stringah2="";for(inti=0;i<ah1.length;i++){ah2=ah2+ah1[i];}out.println("<br/>他的愛好是："+ah2);if(ah2.equals("ac")){cj=cj+40;}out.println("<br/>你的得分是："+cj);%></body></html>27第10次課一復(fù)習(xí)request用法：接收客戶的信息，request.getParameter(“屬性名”)為什么：if(s1==null)s1=””;P10210-11行null與“”“null”的區(qū)別（空的沒有東西）“null”:是字符串；“”是空串（在文本框沒輸入字符）null:沒發(fā)現(xiàn)這個屬性1form.html<html><body><formmethod="get"action="request.jsp">密碼：<inputtype="text"name="bb"/><br/><inputtype="submit"value="提交"/></form></body></html>2request.jsp<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%Stringb=request.getParameter("bb");out.println("你輸入的密碼是："+b);if(b.equals("abc")){out.println("密碼正確");}else{out.println("密碼錯誤");}%></body></html>3代碼錯誤的情況（收到null的值）（1）直接進(jìn)入request.jsp頁面，以下代碼錯誤：if(b.equals("abc")){2）當(dāng)把文本框名字屬性寫錯時，以下代碼錯誤：if(b.equals("abc")){發(fā)生錯誤的原因：request對象接收客戶信息：收到了信息（包含空串） ；沒收到信息（得到 null值）；b.equals(“字串”):b與字串進(jìn)行比較； b是null值時會發(fā)生語法錯誤5處理方法if(b==null)b=””; 把NULL 值轉(zhuǎn)成空串的值二response對象 P107request:response:

客戶端→ 服務(wù)器（接收）客戶端← 服務(wù)器（響應(yīng)）1 功能：用戶要求把網(wǎng)頁變成 word，服務(wù)器響應(yīng)用戶的要求語法：response.setContentType("application/msword;charset=GB2312");課堂實(shí)例：<%@page contentType ="text/html;charset=GB2312" %><html ><head></head><body>28<formmethod="get"action=""><inputtype="submit"name="sm"value="turntowordfile"/></form><%Stringsm1=request.getParameter("sm");out.println(sm1+"<br>");if(sm1==null){out.println("說明你還沒按按鈕");}else{out.println("你肯定了按了按鈕");response.setContentType("application/msword;charset=GB2312");response.setHeader("content-disposition","filename=test.doc");}%></body></html >注意點(diǎn)：重命名文件： response.setHeader("content-disposition","filename=test.doc");、思考題：轉(zhuǎn)換格式后，就沒了按鈕<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%Stringsm1=request.getParameter("sm");out.println(sm1+"<br>");if(sm1==null){%><formmethod="get"action=""><inputtype="submit"name="sm"value="turntowordfile"/></form><%out.println("說明你還沒按按鈕");}else{out.println("你肯定了按了按鈕");response.setContentType("application/msword;charset=GB2312");response.setHeader("content-disposition","filename=test.doc");}%></body></html>、功能二：跳轉(zhuǎn)功能語法:response.sendRedirect( “網(wǎng)址”);實(shí)例Form2.html<form method ="get" action ="request2.jsp" >你要去哪兒 :<input type ="text" name="ne" /><input type ="submit" name="sm" /></form>Request2.jsp29<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%Stringwz1=request.getParameter("ne");if(wz1.equals("sina")){//打開新浪網(wǎng)response.sendRedirect("sina.jsp");}elseif(wz1.equals("baidu")){//打開百度response.sendRedirect("baidu.jsp");}elseif(wz1.equals("qq")){打開騰訊網(wǎng)站response.sendRedirect( "qq.jsp" );}else {打開163網(wǎng)response.sendRedirect( "163.jsp" );}%></body></html >30第10次課一、復(fù)習(xí)前課內(nèi)容outrequestresponse1、轉(zhuǎn)換格式： response.setContentType("application/msword;charset=GB2312");2、網(wǎng)頁跳轉(zhuǎn)： response.sendRedirect( "163.jsp" );二、response 對象的刷新網(wǎng)頁功能1、語法：response.setHeader("refresh","2");、課堂實(shí)例<%@pagecontentType="text/html;charset=GB2312"%><%@pageimport="java.util.Date"%><html><head></head><body><%response.setHeader("refresh","2");Dated=newDate();out.println("當(dāng)前時間是："+d);%></body></html >三、session 對象、功能：客戶會話的私有信息（私有）session: 私有的 ( 私聊、購物車 )application: 公有的 （聊天室、網(wǎng)頁計(jì)數(shù)器）session.setAttribute( “myname”,”value”); 屬性名：myname 屬性值：value同一個屬性名 ，針對不同的來客（ 不同的瀏覽器窗口 ），分別存放不同的內(nèi)容不同的來客（不同的瀏覽器窗口）有不同的 ID號：sesseion.getId();判斷是不是新來的客人（新的瀏覽窗口）： session.isNew();在淘寶網(wǎng)購買商品，你在不同的網(wǎng)頁中跳轉(zhuǎn)， 購物車與私聊的信息 都保存在 session 對象中2、課堂實(shí)例①ID號<%@page contentType ="text/html;charset=GB2312" %><html ><head></head><body><%Stringa=session.getId();out.println(a);%></body></html >②新客人:第一次打開網(wǎng)是 true 值，刷新后就變成 false 值<%@page contentType ="text/html;charset=GB2312" %><html ><head></head><body>31<%booleanb=session.isNew();out.println("你是不是新的瀏覽器窗口"+b);%></body></html>③計(jì)數(shù)器<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%!inti=1000;%><%if(session.isNew()){i++;}out.println("你是第幾位訪客"+i);%></body></html>四、session應(yīng)用、語法：把信息保存在session對象中：session.setAttribute(“sesname”,”value”);把信息從session對象中取出：Stringa=(String)session.getAttribute(“sesname”)2、課堂實(shí)例，用session保存用戶名①5.jsp<%@pagecontentType="text/html;charset=GB2312"%><%@pageimport="java.util.Date"%><html><head></head><body><formaction=""method="get">用戶名：<inputtype="text"name="user"/><inputtype="submit"/></form><%Stringuser1=request.getParameter("user");session.setAttribute("sesUser",user1);if(user1!=null){response.sendRedirect("6.jsp");}%></body></html >6.jsp<%@page contentType ="text/html;charset=GB2312" %><html ><head></head><body><%所有人的用戶名都保存在”sesUser"中，但顯示的內(nèi)容是不同的Stringses1=(String)session.getAttribute( "sesUser" );out.println( "你的session 信息是："+ses1);%></body></html >32第11次課一、復(fù)習(xí)前課內(nèi)容 (SESSION)1是不是新客人：session.isNew():truefalse2每個客戶都有一個session號：session.getId();一個長字符串（32位十六進(jìn)制數(shù)）3、把客戶的私有信息放入session屬性中：session.setAttribute(“客戶屬性名”,”客戶屬性值”);4、讀取客戶的私有信息：Stringa=(String)session.getAttribute(“客戶屬性名”);二、session與application的區(qū)別1、兩者區(qū)別進(jìn)入網(wǎng)店（同一個網(wǎng)店）：點(diǎn)擊購物車按鈕（同一個按鈕）建立一個客戶專有的session屬性儲存帳戶（購物車）存入購物車的商品名與商品數(shù)量:session.setAttribute(“a”,”b”);查看購物車的商品詳細(xì)信息:session.getAttribute(“a”);Application （公有的，存入公告信息：進(jìn)入網(wǎng)店，提出客戶提見，讓大家共享）以實(shí)例來說明兩者的區(qū)別：1、Session 實(shí)例：①提交用戶名網(wǎng)頁<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><formaction="2.jsp"method="get">用戶名：<inputtype="text"name="a"/><inputtype="submit"/></form></body></html>②接收用戶名并存入session屬性<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%Stringa1=request.getParameter("a");session.setAttribute("sesUser",a1);%>保存session值成功。<ahref="3.jsp">到第三頁查看信息</a></body></html>③查看客戶的session屬性值<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body>你的用戶名是：<%=(String)session.getAttribute("sesUser")%></body></html>33提交頁（表單頁）arrrtttjkjkkj:<inputtype=”text”name=””/>接收頁（request頁）:Stringa1=request.getParameter(“a”);保存session值：session.setAttribute(“sesUser”,a1);取出session值：Stringb=(String)session.getAttribute(“sesUser”);3、application實(shí)例P118①提交用戶名網(wǎng)頁<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><formaction="2.jsp"method="get">班級名：<inputtype="text"name="a"/><inputtype="submit"/></form></body></html>②接收用戶名并存入session屬性<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%Stringa1=request.getParameter("a");application.setAttribute("sesUser",a1);%><ahref="3.jsp">到第三頁查看信息</a>34</body></html>③查看客戶的session屬性值<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body>你的班級名是：<%=(String)application.getAttribute("sesUser")%></body></html>三、application對象（共用的）1、存放共用的內(nèi)容(班級名)2、存放app屬性值：application.setAttribute(“app屬性名”,”app屬性值”);3、讀取app屬性值:application.getAttribute(“app屬性名”);四、application計(jì)數(shù)器<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><%Stringa=(String)application.getAttribute("b");out.println(a);if(a==null)application.setAttribute("b","11111");else{intc=Integer.parseInt(a);c++;application.setAttribute("b",String.valueOf(c));}%>你是第<%=(String)application.getAttribute( "b" )%>位訪問本網(wǎng)站</body></html >35第11次課一、復(fù)習(xí)前課內(nèi)容1、sesion保存私有內(nèi)容；application保存共用的內(nèi)容2、同時打開兩個網(wǎng)頁實(shí)例：session保存用戶名（不一樣），application保存公用的信息（一樣）3、實(shí)例：利用application制作網(wǎng)站計(jì)數(shù)器二、聊天室界面（4頁）:login.jspmain.jsp(包含二頁：say.jspsee.jsp)login.jsp（登錄頁）:錄入用戶名main.jsp(框架頁)<head>前的JSP代碼：取出用戶名，存入 session屬性中see.jsp(聊天內(nèi)容)接收發(fā)言的內(nèi)容；打?。河脩裘l(fā)言的內(nèi)容 +<br/>把聊天的內(nèi)容裝入到 application屬性中。say.jsp（發(fā)言內(nèi)容）取出session的屬性值（用戶名）＋說：用文本框提交發(fā)言的內(nèi)容1、用戶名提交頁 用戶名顯示頁login.jsp<%@pagecontentType="text/html;charset=GB2312"%><html><head></head><body><formmethod="get"action="main.jsp">用戶名：<inputtype="text"name="user"/><inputtype="submit"/></form></body></html>②第一步:main.jsp(把JSP代碼移動到<head>之前那一行)<%@pagecontentType="text/html;charset=GB2312"%><%Stringuser1=request.getParameter("user");//存入session屬性"sesUser"值session.setAttribute("sesUser",user1);//取出session屬性"sesUser"值36//out.println( "你的用戶名是： "+session.getAttribute( "sesUser" ));%><html ><head></head><body></body></html >、框架頁的代碼②第二步:main.jsp框架的代碼要放在“ <head></head> ”與“<body></body> ”之間html><head></head>************************************

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論