JWorld@TW the best professional Java site in Taiwan
      註冊 | 登入 | 全文檢索 | 排行榜  

» JWorld@TW » Servlet/JSP 討論區  

按列印兼容模式列印這個話題 列印話題    把這個話題寄給朋友 寄給朋友   
reply to topicthreaded modego to previous topicgo to next topic
話題鎖定
該話題已被鎖定 - browser , 2004-01-25 17:20
如果您尚不清楚該話題被鎖定的原因,請參考論壇規則以及本版公告或者聯系本版版主。
本主題所含的標籤
無標籤
作者 jsp 1.2 on tomcat 4.1.x 的初步學習 [精華]
jini

SoftLeader Taiwan

版主

發文: 1266
積分: 23
於 2004-01-25 15:41 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
1) 安裝 JDK
下載位置 http://java.sun.com/ 建議下載版本為 1.4.2
安裝完成
設定相關的環境變數
JAVA_HOME=c:\j2sdk1.4.2\

2) 安裝 Tomcat
下載位置 http://jakarta.apache.org/tomcat 建議下載版本為 4.1.29
建議暫時不要放到 "服務" 之中 ( 預設沒有 )
當你安裝完成, 程式集之中會有 Apache Tomcat 4.1 -> start tomcat
啟動 tomcat 會有一個 dos 的小視窗
跑了一些訊息出來

3) 建立一個新的 webapp -- mytest
你可以使用 admin http://localhost:8080/admin
( 不過我不建議, 因為 %tomcat%/conf/server.xml 會亂 )
直接採用編輯器
打開 %tomcat%/conf/server.xml
找到
1
2
3
4
        <!-- Tomcat Root Context -->
        <!--
          <Context path="" docBase="ROOT" debug="0"/>
        -->

在下面建立
1
<Context path="/mytest" docBase="mytest" debug="0" reloadable="true" crossContext="true"/>

接著使用檔案總管 在 %tomcat%/webapps/ 之下建立一個 mytest 的目錄

關掉那個 dos 視窗, 重新啟動 tomcat

4) 建立完整的 webapp
此時 你要在 %tomcat%/webapps/mytest/ 之下 建立以下的環境
/index.jsp
/WEB-INF/web.xml
/WEB-INF/classes/
/WEB-INF/lib/

index.jsp 的內容
1
Hello JSP World


web.xml 的內容
1
2
3
4
5
6
7
8
9
10
11
12
<?xml version="1.0" encoding="ISO-8859-1"?>
 
<!DOCTYPE web-app
    PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
    "http://java.sun.com/dtd/web-app_2_3.dtd">
 
<web-app>
  <display-name>Welcome to MyTest </display-name>
  <description>
     Welcome to MyTest
  </description>
</web-app>


Smile
此時你就可以 http://localhost:8080/mytest 檢查是否成功

如果要修改 port 8080 -> port 80

可以直接修改 %tomcat%/conf/server.xml

1
2
3
4
5
    <Connector className="org.apache.coyote.tomcat4.CoyoteConnector"
port="8080"               minProcessors="5" maxProcessors="75"
               enableLookups="true" redirectPort="8443"
               acceptCount="100" debug="0" connectionTimeout="20000"
               useURIValidationHack="false" disableUploadTimeout="true" />

8080 的部分改為 80, 不過要確認 80 沒有被其他程式用到
接著 http://localhost/mytest 就可以了


jini edited on 2004-01-25 15:47
reply to postreply to post
作者 Re:jsp 1.2 on tomcat 4.1.x 的初步學習 [Re:jini]
jini

SoftLeader Taiwan

版主

發文: 1266
積分: 23
於 2004-01-25 15:57 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
JSP 並不難學

在學 JSP 之前最好先懂得 HTML CSS 及 Javascript
初學者可以由 HTML 開始

比較重要的
我認為是 link 和 table 和 form 的標籤集

5) 建立 puretable.jsp

puretable.jsp
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<title> pure html table testing </title>
</head>
<body>
The famous technological websites in taiwan
<table border="1">
<tr><td>no</td><td>website</td>
<tr><td>1</td><td><a href="http://www.javaworld.com.tw/jute/">jsptw</a></td>
<tr><td>2</td><td><a href="http://www.softleader.com.tw/">softleader</a></td>
<tr><td>3</td><td><a href="http://www.jcharon.org/">jcharon</a></td>
</table>
</body>
</html>


http://localhost:8080/mytest/puretable.jsp

此時 你可以增加一些 CSS 來讓字體好看些
在 <head>... </head> 之中 增加
1
2
3
<style>
td { font-size:12px ; font-family: verdana }
</style>


要對於 html 及 css 深入了解
請參考 http://www.w3schools.com/
完成 HTML Tutorials 中的
Learn HTML
Learn CSS

約 3 Hrs 的 課程


jini edited on 2004-01-25 16:01
reply to postreply to post
作者 Re:jsp 1.2 on tomcat 4.1.x 的初步學習 [Re:jini]
jini

SoftLeader Taiwan

版主

發文: 1266
積分: 23
於 2004-01-25 16:10 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
6) 中文問題
現在大家會遇到中文的問題.. 該如何顯示中文呢
我推薦的編輯軟體為 editplus 2.11 r2,
下載位置 http://download.com.com/3120-20-0.html?qt=editplus&tg=dl-2001

新增 chinese.jsp 存檔檔案 converter 選擇為 UTF-8
1
2
3
4
<%@ page contentType="text/html;charset=utf-8" language="java" %>
 
中文測試
 


Smile
http://localhost:8080/mytest/chinese.jsp

如果你把 utf-8 改為 big5.. 或 ms950 都是不好的做法
在國際化及多國語言的開發, 唯一的解法就是採用 utf-8


jini edited on 2004-01-25 16:13
reply to postreply to post
作者 Re:jsp 1.2 on tomcat 4.1.x 的初步學習 [Re:jini]
jini

SoftLeader Taiwan

版主

發文: 1266
積分: 23
於 2004-01-25 16:27 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
7) html 中 form 的物件

在互動式的網頁之中, 最重要的就是 client 和 server 的資料傳遞
因為 採用的通訊協定是 HTTP
最常使用的是 POST 及 GET.
不論 method 採用 post 或 get , 都是可以將資料傳遞到 server 的
不過我建議要傳遞中文時 或 長字串, 就採用 post

好 暫時不說明 傳 server 的資訊有哪些

要先了解有哪些 物件

7-1 基本的輸入欄位
<input type="text">

7-2 密碼欄位, 你會看不到輸入的東西
<input type="password">

7-3 一般按鈕
<input type="button">

7-4 checkbox 名稱(name) 一樣時這可以多選
<input type="checkbox" name="course" value="1"> 英文
<input type="checkbox" name="course" value="2"> 數學
<input type="checkbox" name="course" value="3"> 自然

7-5 radio 名稱(name) 一樣時只能單選
<input type="radio" name="course" value="1"> 英文
<input type="radio" name="course" value="2"> 數學
<input type="radio" name="course" value="3"> 自然

7-6 檔案上傳
<input type="file">

7-7 隱藏傳送 通常偷偷放入一個值送到 server
<input type="hidden">

7-8 重設按鈕 將所有輸入值回覆到最初狀態
<input type="reset">

7-9 送出按鈕 將資料送到 server 端
<input type="submit">

7-10 下拉式選單
<select name="course">
<option value="1">英文
<option value="2">數學
<option value="3">自然
</select>

7-11 文字區塊 textarea
<textarea>
((填入預設文字 ))
</textarea>

這 11 個物件都要擺在
1
2
3
<form name="testform" method="post" action="post.jsp">
.........
</form>

之中
按下 submit 鍵 之後 就會送到 server 端做資料處理
範例是到 server 端的 post.jsp


reply to postreply to post
作者 Re:jsp 1.2 on tomcat 4.1.x 的初步學習 [Re:jini]
jini

SoftLeader Taiwan

版主

發文: 1266
積分: 23
於 2004-01-25 16:37 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
8) Javascript 與 form 的處理

為了在 client 端就先做一些資料的審核
所以我們會透過 javascript 來檢查資料的合法性
但是在 server 端 我們也必須對這些資料作另一次的檢核
避免有心人士的破壞

javascript 十分簡單 基本觀念就是由外到內

jstest.jsp
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>
<title>javascript test</title>
<script language="javascript">
function showdata() {
   var a = document.testform.a.value;
   var b = document.testform.b.value;
   alert( "a="+a+"\n b="+b );
}
</script>
</head>
<body>
 
<form name="testform">
a = <input type="text" name="a" value=""> <br>
b = <input type="text" name="b" value=""> <br>
<input type="button" onclick="javascript:showdata()">
 
</form>
</body>
 


你的 browser ( ie or netscape or mozilla and etc.. ) 是 this , 也是 window
你的物件應該是
document.testform.a , input 有 value 的屬性
所以 你可以取得他的值

相關的學習 仍然是 http://www.w3schools.com/

大約要 6hrs


reply to postreply to post
作者 Re:jsp 1.2 on tomcat 4.1.x 的初步學習 [Re:jini]
jini

SoftLeader Taiwan

版主

發文: 1266
積分: 23
於 2004-01-25 16:47 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
9) 傳送與接值

login.jsp

1
2
3
4
5
6
7
8
<%@ page contentType="text/html;charset=utf-8" language="java" %>
<form name="loginform" method="post" action="check.jsp">
帳號 <input type="text" name="username"> <br>
密碼 <input type="password" name="password"> <br>
<input type="submit" value="送出">
<input type="reset" value="重設">
</form>
 

...

check.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<%@ page contentType="text/html;charset=utf-8" language="java" %>
 
<%
 
  request.setCharacterEncoding("utf-8");
 
  String username = request.getParameter("username");
  String password = request.getParameter("password");
 
%>
 
登入帳號 : <%=username%> <br>
登入密碼 : <%=password%> <br>
 


..

OK, 這樣你就可以測試
http://localhost:8080/mytest/login.jsp

至於 你要在 check.jsp 判斷哪些事情
就要靠 java 語法了

check.jsp


jini edited on 2004-01-25 16:56
reply to postreply to post
作者 Re:jsp 1.2 on tomcat 4.1.x 的初步學習 [Re:jini]
jini

SoftLeader Taiwan

版主

發文: 1266
積分: 23
於 2004-01-25 17:09 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
10) 設定資料庫
www.mysql.com 下載 mysql 4.0.17 , (Connector/J) jdbc driver 3.0.10 及 control center

把 jdbc driver 放到 %tomcat%/commons/lib/ 之下

修改 server.xml 及 web.xml 採用 JNDI datasource 的方式
設定方式請參閱
http://jakarta.apache.org/tomcat/tomcat-4.1-doc/jndi-datasource-examples-howto.html
1
2
<Context path="/DBTest" docBase="DBTest"
        debug="5" reloadable="true" crossContext="true">

..
繼續維持 path="/mytest" , docBase="mytest"

你要把 foo.TestDB.java compile 的 class 放到 下面這個目錄
mytest/WEB-INF/classes/foo/TestDB.class

設定完成後, 如同他所說的方式
http://localhost:8080/mytest/test.jsp 執行

這時候, 你就要去找 SQL 的相關語法學習

初學者必須知道
INSERT / UPDATE / DELETE / SELECT
WHERE / ORDER by

進階者必須知道
JOIN / GROUP by and etc... 的高級語法


jini edited on 2004-01-25 17:12
reply to postreply to post
作者 Re:jsp 1.2 on tomcat 4.1.x 的初步學習 [Re:jini]
jini

SoftLeader Taiwan

版主

發文: 1266
積分: 23
於 2004-01-25 17:14 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
11) 實作留言板

這是我對初學者一貫的作業
你們寫好後
由 jiayun 妹子審核..
他的留言板是我看過做極棒的
已經有 struts/ tapestry / webwork2 的版本
未來 , 當 jiayun 妹子說你可以進階了
你再看 進階課程吧 ^^~


reply to postreply to post
» JWorld@TW »  Servlet/JSP 討論區

reply to topicthreaded modego to previous topicgo to next topic
  已讀文章
  新的文章
  被刪除的文章
Jump to the top of page

JWorld@TW 本站商標資訊

Powered by Powerful JuteForum® Version Jute 1.5.8