《太原理工大學web程序設計基礎實驗報告.doc》由會員分享，可在線閱讀，更多相關《太原理工大學web程序設計基礎實驗報告.doc（24頁珍藏版）》請在裝配圖網(wǎng)上搜索。

課程名稱： WEB程序設計基礎 實驗項目： WEB程序設計基礎實驗 實驗地點： 逸夫樓402 專業(yè)班級： 軟件1415班 學生姓名： 朱偉 學號： 2014005960 指導教師： 田玉玲 2016年 11 月 21 日 實驗一 HTML語言 一、實驗目的 1．掌握常用的HTML語言標記； 2．利用文本編輯器建立HTML文檔，制作簡單網(wǎng)頁。 二、實驗要求 1．獨立完成實驗。 2．書寫實驗報告書。 三、實驗內容 1．在文本編輯器“記事本”中輸入如下的HTML代碼程序，以文件名sy1.html保存，并在瀏覽器中運行。（請仔細閱讀下列程序語句，理解每條語句的作用） （1）程序代碼：

welcome to you

---

A simple HTML document

Welcome to theworld of Html

This is a simple HTML document.It is to give you an outline of how to write HTML file and how the markup tags work in theHTMLfile

Following is three chapters

• This is the chapter one
• This is the chapter two
• This is the chapter three

---

Following is items of the chapter two

item	content
item1	font
item2	table
item3	form

---

1

2

3

4

5

6

7

End of the example document

（2）實驗結果 2． 編寫一個能輸出如圖所示界面的HTML文件。 （1）程序代碼

請留下個人資料
姓 名:
E-mail:
電 話:
性 別:	女 男
年 齡：	20以下
留言板：
您的愛好：	運動
	閱讀
	聽音樂
	旅游

（2） 實驗結果： 4、 實驗心得： 剛開始編寫的時候只是編寫了要求的form，但是不如給出的表單那樣整齊，后來嘗試用了表格，將表格的border屬性改為0，再適當加空格 才完成了如圖所示的表單 實驗二 網(wǎng)頁程序設計-JavaScript 一、實驗目的 1．掌握JavaScript技術,基本掌握JavaScript的開發(fā)技巧； 2．利用文本編輯器建立JavaScript腳本語言進行簡單編程。 二、實驗要求: 1．根據(jù)以下實驗內容書寫實驗準備報告。 2．獨立完成實驗。 三、實驗內容 1． 顯示一個動態(tài)的時鐘 編寫程序，在文本框中顯示實時的時間，然后運行文件,驗證程序是否正確。 （1） 程序代碼

現(xiàn)在是北京時間：

（2） 實驗結果 2．事件驅動和事件處理 在文本編輯器“記事本”中輸入如下代碼程序，請仔細閱讀下列程序語句，理解每條語句的作用。源程序清單如下：

分析上述代碼的作用,然后用瀏覽器運行文件,驗證自己的判斷是否正確。 3．JavaScript表單校驗 編寫程序register.htm，做一個如下圖所示的用戶注冊界面，要求對用戶填寫的部分進行合法性檢驗。 （1） 程序代碼

用戶登錄

請輸入用戶名：

請輸入密碼： 

（2） 實驗結果 4、 實驗心得： 這次的提前將form寫成了表格的形式，這樣顯得整齊，javascript編寫時要注意函數(shù)的編寫，如在函數(shù)前加上function，還要注意事件、驅動和處理程序，盡可能地減少失誤。 實驗3 Request與Response對象的應用 一、實驗目的 1．掌握JSP的Request與Response隱式對象的用法，基本掌握JSP的開發(fā)技巧。 2．在JDK和Eclipse環(huán)境下，完成下列實驗。 二、實驗要求 1．獨立完成實驗。 2．書寫實驗報告書。 三、實驗內容 編寫程序實現(xiàn)一個單選小測試。在test.jsp頁面顯示問題，并將答案提交至answer.jsp進行判斷，如果回答正確，則將頁面轉至yes.jsp;否則，轉至no.jsp。 （1）程序代碼 test.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

北京奧運會開幕日期是：

8月6日 8月8日 8月9日 8月10日

Answer.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%String mydate; mydate=request.getParameter("date"); if(mydate.equals("8")) response.sendRedirect("yes.jsp"); else response.sendRedirect("no.jsp"); %> Yes.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

恭喜您答對了！

No.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

很抱歉，您答錯了!

（2） 實驗結果 四、實驗心得 本次實驗需要配置環(huán)境變量才能使用，使用request.getParameter來接收客戶端傳來的值，用response.sendRedirect重新定位一個jsp頁面。另外本次實驗過程中出現(xiàn)了端口號被占用的問題，通過查找資料，將Servers->server.xml中的端口號改為8003才解決問題。 實驗4 Application對象Session對象 一、實驗目的 1．掌握JSP的Application對象Session對象對象的用法，基本掌握JSP的開發(fā)技巧。 2．在JDK和Eclipse環(huán)境下，完成下列實驗。 二、實驗要求: 1．獨立完成實驗 2．書寫實驗報告書 三、實驗內容: 1．請仔細閱讀下列程序語句，理解每條語句的作用。源程序清單如下： <%@ page contentType="text/html;charset=gb2312"%> <% if (application.getAttribute("counter")==null) application.setAttribute("counter","1"); else{ String strnum=null; strnum=application.getAttribute("counter").toString(); int icount=0; icount=Integer.valueOf(strnum).intValue(); icount++; application.setAttribute("counter",Integer.toString(icount)); } %> 您是第<%=application.getAttribute("counter")%>位訪問者！ 2． 上述計數(shù)器當進行刷新時也會自動加1，試編寫程序count.jsp，實現(xiàn)防刷新文本計數(shù)器。 （1） 程序代碼： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% if (application.getAttribute("counter")==null) application.setAttribute("counter","1"); else{ String strnum=null; strnum=application.getAttribute("counter").toString(); if(session.isNew())//如果是一個新的會話 { int icount=0; icount=Integer.valueOf(strnum).intValue(); icount++; application.setAttribute("counter",Integer.toString(icount)); } } %> 您是第<%=application.getAttribute("counter")%>位訪問者！ （2）實驗結果 刷新時不再增加數(shù)量，只有重新打開頁面才能增加數(shù)量。 3．編寫程序register.htm和register.jsp，做一個用戶注冊的界面，要求對用戶填寫的部分進行合法性檢驗，然后提交到register.jsp進行注冊檢驗，若用戶名為user開頭的，就提示“該用戶名已被注冊”，若用戶名為admin，就提示“歡迎您，管理員”，否則，就顯示“注冊成功”。 （1）程序代碼 Register.html

用戶注冊

請輸入用戶名：
請輸入密碼：
再次輸入密碼：

Register.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%String name; String chr; name=request.getParameter("Name"); if(name.equals("admin")) out.println("歡迎您，管理員"); else if(name.startsWith("User")) out.println("該用戶名已被注冊"); else out.println("登陸成功"); %> (2) 實驗結果 4、 實驗心得 通過本次實驗學會了session和application的使用，session對象在第一個JSP頁面被裝載時自動創(chuàng)建，它的作用范圍是所有頁面，但只能相對于一個用戶，它的生命期從訪問這個網(wǎng)站到關閉瀏覽器為止；application雖然也是作用于所有頁面，但是是所有用戶共享的，它的生命期是從開啟服務器開始直到關閉服務器為止。而且這個實驗是對之前實驗的一個綜合，只要細心，也是比較容易。