JSP教程基礎(chǔ)篇之簡(jiǎn)單首頁制作
歡迎使用本JSP教程技術(shù)—制作動(dòng)態(tài)內(nèi)容網(wǎng)頁的方法。
如果你希望學(xué)習(xí)這篇教程的話,我想你一定是這項(xiàng)技術(shù)的新手。你可能想成為一名利用JSP技術(shù)開發(fā)網(wǎng)絡(luò)應(yīng)用程序的程序員或者網(wǎng)頁設(shè)計(jì)師。本JSP教程中包含了一系列JSP的技巧和一些簡(jiǎn)單的代碼的寫法,每一步都舉了一組例子來講述原理。
我建議你在學(xué)習(xí)本JSP教程之前先去看一看FAQ,了解如果配置你的服務(wù)器好讓他能支持并運(yùn)行JSP。那樣你就可以跳過前邊的內(nèi)容直接看你感興趣的內(nèi)容了。
JSP源碼:
現(xiàn)在開始做我們JSP教程的第一個(gè)頁面。圖1-1展示了一個(gè)最簡(jiǎn)單的JSP頁面,接下來是兩段代碼。
- [dukebanner.html]
- ﹤table border=”0” width=”400” cellspacing=”0” cellpadding=”0”﹥
- ﹤tr﹥
- ﹤td height=”150” width=”150”﹥ ﹤/td﹥
- ﹤td width=”250”﹥ ﹤/td﹥
- ﹤/tr﹥
- ﹤tr﹥
- ﹤td width=”150”﹥ ﹤/td﹥
- ﹤td align=”right” width=”250”﹥
- ﹤img src=”duke.waving.gif”﹥﹤/td﹥﹤/tr﹥﹤/table﹥﹤br﹥
- helloworld.jsp
- ﹤%@ page info="a hello world example" %﹥
- ﹤html﹥
- ﹤head﹥﹤title﹥Hello, World﹤/title﹥﹤/head﹥
- ﹤body bgcolor="#ffffff" background="background.gif"﹥
- ﹤%@ include file="dukebanner.html" %﹥
- ﹤table﹥
- ﹤tr﹥
- ﹤td width=150﹥ ﹤/td﹥
- ﹤td width=250 align=right﹥ ﹤h1﹥Hello, World!﹤/h1﹥ ﹤/td﹥
- ﹤/tr﹥
- ﹤/table﹥
- ﹤/body﹥
- ﹤/html﹥
頁面說明:
在很多JSP文件中你都要寫上這樣的說明。在helloword.jsp中:
<%@ page info="a hello world example" %>
傻瓜也看得出來,這句話沒什么大用,只是簡(jiǎn)要的說明一下這段代碼的作用。
你可以在JSP文件中的任何地方寫這種代碼,但是好的習(xí)慣是把他寫在最前面,還有,因?yàn)樗荍SP標(biāo)簽,記住一定要放在前面,呵
include說明:
include用來在主JSP文件中調(diào)用本地的一個(gè)其他文件,通常是一些版權(quán)信息啦,腳本語言啦等其他任何你想在其他文件中重復(fù)使用的代碼。在這個(gè)例子中就是調(diào)用了一個(gè)圖片其實(shí)。大家明白這個(gè)意思就得了。
隨便說兩句:
在JSP中對(duì)寫法非常敏感,不可以有一點(diǎn)錯(cuò)誤。舉個(gè)例子,把
代碼寫好了,如何試驗(yàn)一下運(yùn)行呢?
我這里寫的UNIX下的方法,如果你用Windows,那么換一下路徑就可以了
1、 先建一個(gè)目錄:../jswdk-1.0/examples/jsp/tutorial/helloworld
2、 把這些文件拷過去background.gif, duke.waving.gif, dukebanner.html, and helloworld.jsp
3、 cd ../jswdk-1.0,然后startserver
4、 開一個(gè)瀏覽器,
5、 http://yourMachineName:8080/examples/jsp/tutorial/helloworld/helloworld.jsp
【編輯推薦】