點選左邊下載所要的tomcat版本,我的eclipse是Oxygen最新版有支援到Tomcat 9

至於eclipse的環境下載、JDK的下載和環境設定等我就不在這邊詳細介紹

google上有很多教學,當年...我也是靠各位先進們的文章把環境弄好的

eclipse官方網站在此

所以我就下載Tomcat 9,官方載點點這

1  

2  

下載下來後基本上一直下一步就可以裝好了

接著打開eclipse,點選Window選擇Preferences接著選Server->Runtime Enviornments

messageImage_1504184392161  

點選Add...

 3  

接著按下Browse,找到你剛剛下載的貓咪路徑

4  

按下確定後Finish接著Apply and Close

那麼貓咪伺服器暫時到此告一段路

接下來下載MySQLhttp://dev.mysql.com/downloads/file.php?id=458782

5  

mysql-installer-community-5.7.8.0-rc.msi
選擇 custom 後之安裝項目(select custom installation)

6  

注意:請記住你設定的 root 密碼

接著安裝 HeidiSQL

http://www.heidisql.com/download.php

下載完成後第一次打開

7  

10  

建立新的資料庫,這裡我的資料庫名稱叫做crud

創立資料庫後新增一個資料表叫做user,欄位名稱和類型設定如下圖

11  

接著下載java mysql driver可以參考這裡  (因為我發現放在這裡好像會被忽略所以把字體放大了!!!)

12  

接著新增一個JSP檔案

13  

14  取名叫做UI

15  

你會發現有這個錯誤~別緊張~~

在專案(DBTest)點下右鍵選擇Properties

16  

按下Apply and Close,理當你的畫面會變成下面那樣

17  

接下來就可以撰寫JSP程式碼了

如果你複製我的程式碼到你的eclipse版面跑掉了

可以按ctrl+shift+f  --->eclipse 自動縮排

我完全不介意你複製我的程式碼

我記得我在軟體組時軟體組組長曾經跟我說過這麼一句話

看得懂別人的程式碼,用複製貼上也能寫出好程式

JSP(全稱JavaServer Pages)是由Sun Microsystems公司倡導和許多公司參與共同建立的一種使軟體開發者可以回應用戶端請求,而動態生成HTMLXML或其他格式文件的Web網頁的技術標準。JSP技術是以Java語言作為手稿語言的,JSP網頁為整個伺服器端的Java庫單元提供了一個介面來服務於HTTP的應用程式。(資料來源:https://zh.wikipedia.org/wiki/JSP)

 

備註:程式碼第29行請把&lt/th>改成</th> 

記得要把mysql-connector-java-5.1.43-bin.jar放到WebContent\WEB-INF\lib

接著我在Java Resourse底下創建一個Package叫做controller

然後建立一個DBController 類別

 

和Data類別

 

在UI.jsp按右鍵Run on Server

他就會在eclipse上顯示,但是生日的日曆功能必須在瀏覽器上才能看到

所以你可以複製路徑http://localhost:8080/DBTest/UI.jsp到瀏覽器上看 

1  

到目前為止我們可以抓到mysql的資料 並且用簡單的表格把資料顯示出來

目前的新增刪除修改的按鈕尚未寫任何功能,接下來我們會把它完成

 

arrow
arrow

    Mark Zhang 發表在 痞客邦 留言(0) 人氣()