1. 程式人生 > >小白學Java Web 10 Web開發入門

小白學Java Web 10 Web開發入門

        本寶寶也算是一個程式設計愛好者吧,雖然很菜····入了Java的坑後,便對這個相當感興趣,學生時期就自學了不少,從最基礎的JavaSE 到後面的web程式設計,再到框架,再到大資料部分···不得不說,自學的道路是十分寂寞和艱難的,我們可能面對著各種各樣的參考書,有十分權威深奧的,有很基礎的適合新手的但動不動就800多頁,總之自學一些東西總是十分迷茫的。寶寶決定分享一下關於我自學過程的一些內容,一來是為了自己回顧,二是為了為即將入坑的小夥伴們提供一些參考,本人還是菜鳥,希望大神莫怪哈,也希望各位兄弟幫忙指正哈。本篇文章是第10篇web入門,前面留有9篇用來分享更加基礎的html,ccs,xml等內容,後面寶寶會補上······

 一.web開發入門基礎知識

         之前我們編寫的程式是java桌面程式,由控制檯控制顯示,符合javase規範。現在及以後編寫的程式都是javaweb程式,由瀏覽器控制顯示,屬於javaee。

         1.軟體的結構有兩種:C/S  (Client-Server 客戶端-伺服器端)      B/S(Broswer-server 瀏覽器端-伺服器端)

              其中C/S的特點是必須下載特定的客戶端程式,伺服器端升級,客戶端也需要升級,典型的應用有qq,飛秋等。

              B/S的特點是不需要安裝特定的客戶端程式(只需要安裝瀏覽器即可),伺服器端升級,瀏覽器不需要升級,典型的應用有網站。

              javaweb程式就是B/S結構的程式。

         2.web伺服器:pc機器安裝了具有web服務的一個軟體,稱為web伺服器。

  作用:共享本地資源給外部訪問

         3.web服務軟體:把本地的資源共享給外部訪問。

         4.市面上常見的外部服務軟體:

              我們之前接觸的javase規範,包括io流,集合,執行緒,socket通訊。

              WebLogic:BEA公司  收費的  javaee規範。

              JBOSS:收費的   javaee規範

Tomcat:開源組織Apache的產品  免費   支援部分的javaee規範

我們接下來的程式設計需要用到Oracle資料庫,輔助的PLSQL,Myeclipse程式設計工具,以及Tomcat.

              前三個工具之前在javase部分應該接觸過,下面介紹下Tomcat的安裝使用,此處特別提醒一下 Oracle資料庫的安裝需要十分謹慎,嚴格按照百度搜索方法安裝,弄錯了         會有比較大的麻煩滴

二.Tomcat的基本使用  

        1.下載並安裝

             (1)到apache的官網    http://jakarta.apache.org/

             (2)安裝版  windows(exe msi)
                       壓縮版  windows(rar zip)

             (3)執行和關閉Tomcat

                       啟動軟體:找到tomcat解壓縮的包/bin/startup.bat雙擊,彈出視窗列印資訊(不要關閉這個視窗)

                                           開啟瀏覽器,輸入以下地址http://localhost:8080             如果這個時候你看到了一隻貓,就說明啟動成功沒問題了,可以正式進入web的世界了

                       關閉軟體:找到tomact解壓縮的包/bin/shutdown.bat雙擊,開啟瀏覽器 輸入地址 顯示“無法連線”  ,就關閉了。    

        2.Tomcat中常見的問題

             (1)閃退問題

                      原因:tomcat軟體是用Java語言編寫的,tomcat啟動時,會預設到系統的環境變數中查詢一個叫JAVA_HOME的變數。

                      解決辦法:在環境變數中配置JAVA_HOME

                                JAVA_HOME=C:\Program Files\Java\jdk1.8.0_71

                                path=%JAVA_HOME%bin;

             (2)端口占用錯誤  JAVA_BINDER

                       可以找到埠衝突的軟體並且關閉掉

                       找到tomact解壓縮的包/conf/server.xml              <Connector port="8080" protocol="HTTP/1.1"  URIEncoding="UTF-8"/>

        3.體驗Tomcat的作用

              webapps目錄:tomcat的共享目錄。需要將共享的本地資源存放到該路徑下。

               訪問路徑   http://10.2.152.209:8080/MyApp/test.html

        4.URL

             URL全名:統一資源定位符,用於定位網際網路的資源。

http://localhost:8080/MyApp/test.html

              http://                                     協議

              localhost                              域名   為了找到ip                    (本地域名:localhost            網路域名:你見過的網址如www.baidu.com  www.sina.com)

              8080                                     埠   預設的tomcat的埠號                 (oracle埠號 1521      mysql埠號 3306    )

              /MyApp                                web應用的名稱

              test.html                               資源名稱

       5.Tomcat的目錄結構

 bin                存放tomcat的命令    startUp      shutDown

conf              存放tomcat的配置資訊 server.xml核心配置檔案

               lib                 支援tomcat的jar包 技術支援包

               logs             執行過程的日誌資訊

               temp            臨時目錄

webapps     共享資源目錄 web應用目錄(檔案不能單獨存在)

              work             tomcat執行的臨時檔案

       6. web專案目錄結構(新建一個web工程你所能看到的工程結構)

              src                存放java原始碼

              webRoot     web應用根目錄

                    靜態資源(html css js image video)

                    WEB-INF  固定寫法

                        lib (可選) 固定寫法 存放jar檔案

                        web.xml 配置檔案

            需要注意的是,WEB-INF資源是不能通過瀏覽器直接訪問,如果要訪問,需要將資源配置到web.xml檔案中。

三.開發動態靜態資源

        靜態資源: 當用戶多次訪問時 資源的原始碼永遠不改變的資源,如之前所接觸的html css js等檔案。

        動態資源: 當用戶多次訪問時 資源的原始碼可能會發生改變

        1.開發動態資源的技術

            我們在這階段所需要掌握的就是如何玩這個所謂的動態資源,核心是

             servlet:用java語言編寫動態資源的技術

             servlet是普通的java類,繼承HttpServelt 覆蓋doGet()方法

             servlet類只能交給tomcat伺服器執行(開發者不能直接執行)

        2.工具開發動態資源的步驟

            首先,我們需要建立一個web-project,注意不是java project

            然後在webRoot資料夾下建立html等靜態資源,在src下建立動態資源,即新建立一個servlet,這裡使用工具生成,點選new------servlet即可建立

            最後我們做一些後續處理,就完成了動態資源的開發

            先關聯tomcat伺服器(關聯一次之後都可以使用),然後部署webProject專案 (相當於將專案拷貝到webapps資料夾下),做好後啟動tomcat伺服器,在瀏覽器中訪問servlet             訪問格式如  http://localhost:8080/xxx/HelloServlet

       

        圖1   web project專案目錄結構

     左圖即為一個web project的基本結構,下面我們來建立一個最基本的web專案,我們學什麼玩意剛開始都hello一下,Helloxxx是全球最著名無敵的程式,哈哈。左圖中的servlet是右鍵new出一個servlet檔案,千萬不要建立一個普通的class類,建立servlet後我們可以在WEB-INF資料夾下的web.xml檔案下看到系統自動為我們配置的與這個servlet檔案有關的一些資訊,並可以對路徑進行適當修改。

      下面是xml檔案中對servlet的一些配置資訊,需要注意的是兩個<servlet-name>中的名字必須是一樣的

 <servlet-class>裡面是全類名,這個在系統生成時預設就是這樣,我們可以適當修改下<url-pattern>中的地址,便於我們在瀏

覽器中訪問這個servlet,建議把這裡的/servlet/HelloServlet的藍色部分去掉便於訪問,如下面所示。

<!-- 配置一個servlet程式 -->
  <servlet>
    <!-- servlet的內部名稱 可以自定義 -->
    <servlet-name>HelloServlet</servlet-name>
    <!-- servlet的全類名  包名+類名 -->
    <servlet-class>com.sqq.servlet.HelloServlet</servlet-class>
  </servlet>

  <servlet-mapping>
    <!-- servlet的內部名稱 注意:要和上面的servlet-name保持一致 -->
    <servlet-name>HelloServlet</servlet-name>
    <!-- servlet的訪問名稱  /名稱-->
    <url-pattern>/HelloServlet</url-pattern>
  </servlet-mapping>	

        那麼我們在這個最核心的servlet中需要寫些什麼呢?

public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		//解決中文亂碼問題
		response.setContentType("text/html;charset=utf-8");
		//向瀏覽器輸出內容
		response.getWriter().write("這是我的第一個servlet程式。當前時間是:"+new Date());
	}

       上面我們已經說了,在servlet中我們要繼承HttpServelt 覆蓋doGet()方法,在此方法中寫出相應程式即可,具體程式的寫法後面文章會有介紹。

              圖2    關聯部署啟動訪問

      點選上圖中的第一個按鈕,即可進入關聯部署介面,選擇你要部署的project,然後將Tomcat 的東西add進來即可,做完如下圖所示。

                                              

          關聯部署之後,點選第二個按鈕旁的小黑三角,選擇Tomcat,點選Start啟動Tomcat即可

                                                

         如果是第一次使用,我們需要單擊Configure Server Connector將你的Tomcat所在的地址新增進來,如下圖所示:

      

       點選start啟動後,我們在控制檯會看到啟動的一些資訊:

       

        看到Server startup  in        xxx       ms           就說明Tomcat啟動 成功了

        接下來我們就可以在瀏覽器中訪問我們配置的web工程檔案了。

        然後你就可以開啟瀏覽器輸入地址訪問這個你剛弄好的web project
        

     訪問格式:http://localhost:8080/專案名/HelloServlet      即可看到上面的結果。

      這篇文章是基礎中的基礎,並沒有什麼難點,只需要一步一步做,即可從javase過渡到這一階段的學習。