動態網頁開發基礎

 

一、 什麼是動態網頁

動態網頁是指在服務器端運行的程序或者網頁，它們會隨不一樣客戶、不一樣時間，返回不一樣的網頁.

相交互的網頁.

 

二、 動態網頁的特色

（1）、交互性：即網頁會根據用戶的要求和選擇而動態改變和響應。採用動態網頁技術的網站能夠實現與用戶的交互功能。

（2）、自動更新：無需手動操做，便會自動生成新的頁面，能夠節省工做量。

（3）、隨機性：即當不一樣的時間、不一樣的人訪問同一網址時會產生不一樣的頁面效果。

三、爲何須要動態網頁

    靜態網頁不能真正與用戶實現互動。靜態網頁的內容是固定的，當修改了網頁中的元素的時候，都須要從新上傳頁面到服務器覆蓋原來的頁面。不利於維護工做。而動態網頁則能夠彌補這些缺點。

三、 什麼是B/S技術（結構、模式），什麼是C/S技術（結構、模式）

B/S（browser/server、瀏覽器/服務器）。在這種結構下，程序徹底放在服務器上，而且經過應用服務器同數據庫服務器進行通訊，在客戶機上無需安裝客戶端軟件，系統界面是經過瀏覽器展示的。

C/S（client/server、客戶端/服務器）。分爲客戶機和服務器兩層，將應用軟件安裝在客戶機端，經過網絡與數據庫服務器端相互通訊。

四、 B/S結構與C/S結構相比的優點和劣勢。

（1）、維護和升級方式簡單。C/S結構的每個客戶端都必須安裝和配置軟件。在B/S結構中，軟件的業務邏輯徹底放在服務器端實現，全部的客戶端只是瀏覽器，根本不須要作任何的維護，軟件升級後，只須要將服務器的軟件升級到最新版本就能夠了，客戶在客戶端從新登陸系統就已是最新版本了。

（2）、用戶訪問範圍更大。C/S是創建在局域網的基礎上的，B/S是創建在Internet的基礎上的。

B/S界面沒有C/S界面友好，B/S界面不豐富。

五、 爲何須要學習B/S技術。

當咱們部署了應用系統以後，B/S能夠有效下降咱們的平常工做維護量，又可讓更廣範圍的用戶訪問系統。

六、 開發JSP動態網站。

（1）、建立Web項目。（用MyEclipse工具）。

     File->New->Project->MyEclipse->J2EE Projects->Web Project

     注意：在建立項目時，要注意ProjectName（項目名稱）與Conttext root（訪問路徑名稱） URL的名稱，若是二者不一樣的話，在訪問時url填寫的是訪問路徑名稱。默認二者是相同的，那在訪問時填寫的是那一個都同樣。

（2）、設計Web項目的目錄結構。

     Src目錄：用來存放Java源文件。

     WebRoot目錄：Web應用的頂層目錄，也稱爲文檔根目錄。它由下面部分組成：

     META-INF目錄：系統自動生成，存放系統描述信息。

            靜態文件：包括全部的html網頁、css文件、圖像文件等。通常按功能以文件夾形式分類。

       JSP文件：利用jsp能夠很方便地在頁面中生成動態的內容，使web應用能夠輸出多姿多彩的動態頁面。

       WEB-INF目錄：存在文檔根目錄下，不能被引用，不能對外發布。此目錄下包括lib和web.xml部分。

         lib目錄：包括.jar或者.zip文件（數據庫驅動程序等）。

         web應用的初始化配置文件。

（3）、編寫Web項目的代碼。

         選中webRoot文檔根目錄右鍵->New->HTML(Advanced  Templates)->編寫代碼

（4）、部署Web項目。（採用的應用服務器是Tomcat）。

 

         進行部署：右鍵選中項目文件 ->MyEclipse -> Add and Remove Project Deployments…..->選擇欲部署的項目->單擊Add按鈕-選擇server爲Tomcat 5->單擊finish按鈕->單擊ok按鈕。

（5）、運行Web項目。啓動Tomcat，在瀏覽器中輸入URL訪問。

     單擊運行圖標->選擇Tomcat 5->Start命令。

     控制檯輸出的一些信息解釋：

     信息: Starting Coyote HTTP/1.1 on http-8080

    提示在8080端口啓動了Tomcat服務。

     信息: Server startup in 3703 ms

     提示通過3703毫秒Tomcat已經啓動完畢，不一樣的項目啓動所需時間不一樣。

 七、什麼是URL

URL是Uniform Resource Location的縮寫，譯爲「統一資源定位符」。URL是惟一可以識別Internet上具體的計算機、目錄或文件位置的命名約定。

URL的格式由下列三部分組成。

第一部分：協議。

第二部分：主機IP地址（有時也包括端口號）。

第三部分：主機資源的具體地址，如目錄和文件名等。

第一部分和第二部分之間用「://」符合隔開，第二部分和第三部分用「/」符號隔開。其中，第一部分和第二部分是不可缺乏的，第三部分有時能夠省略。

http:localhost:8080/xinxin/index.html

主機IP地址是：localhost，端口號：8080，網頁具體存放的位置:：xinxin/index.html

xinxin是對外發布的虛擬的上下文路徑，對應的實際是Web應用的文檔根目錄（WebRoot）。

八、開發Web項目時常犯錯誤

       現象：沒法顯示網頁。

       緣由：沒有啓動Tomcat服務，或者沒有在預期的端口中啓動Tomcat服務。

       現象：404錯誤。

       緣由：一、已啓動Tomcat服務，但未部署Web應用。

二、或已經啓動了Tomcat服務，也已經部署了Web應用。URL輸入錯誤，查看URL的前兩部分是否輸入正確。（http://localhost:8080），再查看上下文路徑是否正確（右鍵項目àPropertiesàMyEclipseàwebàweb Context-root）。

三、或已經啓動了Tomcat服務，也已經部署了Web應用。URL看上去也正確。查看要訪問的文件的位置，檢查一下是否把文件存放到了META-INF或WEB-INF文件夾下，這兩個文件夾下的內容沒法對外發布，不能被引用（不能直接經過地址訪問，只能在程序內部訪問）。將要訪問的文件放到文檔根目錄下。

九、開發JSP動態網站的步驟以下：

       建立一個web項目。

       設計Web項目的目錄結構。

       編寫Web項目的代碼。

       部署Web項目。

       運行Web項目。

 

使用JDBC訪問數據庫的步驟
     解析：
        // 01.定義驅動字符串
     Private    final    static    String    driver    =    "com.microsoft.sqlserver.jdbc.SQLServerDriver";
       // 02.定義鏈接字符串
      private final static String url = "jdbc:sqlserver://192.168.8.50:1433;DatabaseName=Myschool";
      //03.用戶名
      private final static String username = "sa";
     //04.密碼
     private final static String pwd = "";
    //05.建立鏈接
 Connection    con=DriverManager.getConnection(url, user, password);
   //05.執行操做
         PreparedStatement st=null;
         String sql="insert into grade(gradename) values(?)";
         try {
            st=con.prepareStatement(sql);
        } catch (SQLException e) {
             e.printStackTrace();
         }
         
         try {
             st.setString(1, gradename);
         } catch (SQLException e1) {
            // TODO Auto-generated catch block
             e1.printStackTrace();
        }