DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 利用Javascript建立Web應用
利用Javascript建立Web應用
編輯:關於JavaScript     

  隨著Internet/Intranet應用普及,越來越多的用戶在設計上采用Client/Server結構,建立自己的Internet/Intranet應用。客戶端程序負責向Web服務器發送請求,並負責從Web服務器接受和解釋顯示超文本。如果要生成動態、 交互式Web頁面,就必須通過公共網關接口(CGI),CGI程序可采用Perl,C++,javascript等編寫,而目前流行的方法是采用Java或JavaScript。
一、JavaScript簡介
  JavaScript是個腳本編程語言,好處在於它既適用於客戶端應用,又可用於服務器端應用開發。例如,在客戶端它可用於編寫Web浏覽器程序,而在服務器中,它可用於編寫處理Web浏覽器提交的信息,並相應地更新浏覽器顯示的Web服務器程序。盡管JavaScript能滿足一些服務器方編程需求,但還需要一些服務器方程序來支持更高級的Web應用程序。例如,訪問數據庫或進行特殊處理。為此,Netscape公司專門提供了開發JavaScript服務器程序的集成環境Livewire。
二、Livewire簡介
  Livewire是個WEB應用程序開發環境,在Windows NT4.0系統下安裝Netscape Fast track就可使用它。Livewire可用來開發浏覽器和服務器方的Web應用程序。從而在服務器方可替代原來需要的CGI程序。Livewire和Netscape服務器可以從Netscape的Web站點http://home.Netscape.com下載(30天免費試用)。
三、服務器方JavaScript編程
  服務器方JavaScript程序是用Livewire開發的,具體編程步驟如下:
1、用客戶機方JavaScript和服務器方JavaScript嵌入HTML中創建源文件。
2、用Livewire編譯器將源文件編譯成.WEB文件。
服務器方JavaScript為了和客戶機方JavaScript區別,提供了4種對象,request,client,project和server。
  下面,我們就可以開發一些程序了,首先,以一個簡單的例子向大家介紹開發過程:

學生.htm 提供學生注冊登記表,讓學生填寫。
Process.htm 處理學生在學生.htm注冊登記表中輸入的數
據,將客戶機方與服務器方JavaScript聯合起
來顯示學生登記表,並提交給display.htm。
display.htm 顯示學生.htm和process.htm收集的數據,並
存放在client屬性中。
record.htm 將學生登記表計入文件student.txt中。

程序附後:
學生.htm
以下是引用片段:
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=gb_2312-80">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>學生情況登記</title>
</head>
<p align="center"><font size="5">Welcome to computer center</font></p>
<form action="process.htm">
</form>
<p><font color="#00FF40" size="4">請輸入學號:</font></p>
<form method="POST">
<p><input type="text" size="13" name="T1"> <input
type="submit" value="Continue"> </p>
</form>
</body>
</html>

Process.htm
以下是引用片段:
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=gb_2312-80">
<title></title>
</head>
<body bgcolor="#808080">
<SERVER>
<p>client.t1=request.t1
write("<script language="javaScript">")
write("</SCRIPT>")
</SERVER>
</body>
</html>
</script></p>
<p align="center"><font color="#FFFF00" size="5">學生情況登記</font></p>
<form action="display.htm">
姓名 <input type="text" size="14" name="Name">

性別 <input type="text" size="7" name="Sex">

出生年月<input type="text" size="30" name="Birth">

家庭住址<input type="text" size="11" name="Address">

郵政編碼<input type="text" size="11" name="Zip">

電話號碼<input type="text" size="11" name="Tel">

</p>
</form>
</body>
</html>

display.htm
以下是引用片段:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved