利用ajax擷取網頁表單資料,並儲存到資料庫之一(使用JDBC)

來源:互聯網
上載者:User

標籤:exec   傳回值   存在   工程檔案   path   多列   plsql   傳遞   log   

所謂JDBC就是利用java與資料庫相串連的技術,從資料庫擷取既有的資訊或者把網頁上的資訊儲存到資料庫。

這裡簡單的介紹公司的一個小項目中的一部分,由於代碼較多,所以用圖片形式進行展示。源碼請查看源碼庫,稍後上傳。

            圖1-資訊圖                            圖2-使用者圖

如所示的兩個模組,對應著資料庫當中的兩張表。第一張表用來顯示部分崗位的資訊,第二張表示使用者資訊表,我們用來顯示使用者部分資訊。

本次所使用的資料庫為ORACLE,所以必須首先在資料庫當中建表。

      圖3-建表

在oracle中建立兩張表,對應如上所示的兩個圖。第一張表java02_xp_table1是使用者資訊表,當填入資訊並點擊submit按鈕時,所填入的資訊將儲存在資料庫當中,在PLSQL當中立即可以查詢到。而第二張表java02_xp_table2是資訊表,資料庫中對於此表已經有了資料,只需通過查詢吧資料庫當中的資訊顯示在頁面上。1所示已經顯示了資訊。

    圖4-項目結構圖

如4所示為該web項目的結構圖,在eclipse下,我們首先建立兩個實體類也即兩個javaBean,對應兩張表的資訊。其中一個使用者資訊

public class User {
  private String xp_id;
  private String xp_name;
  private String xp_email;
  private String xp_subject;
  private String xp_message;

  //用eclipse自動產生get,set方法。這裡不再累述。

 }

 同樣的,對於第二張表也要產生get,set方法

public class Information {
  private String table_id;
  private String table_name;
  private String table_price;
  private String table_info1;
  private String table_info2;
  private String table_info3;
  private String table_info4;
  private String table_info5;

  //用eclipse自動產生get,set方法。這裡不再累述

}

在javaBean建立成功的基礎上我們建立三個dao類。

1.BaseDao---不可更改,封裝資料庫的基礎操作,是其他Dao類的父類,

2.UserDao---繼承BaseDao,提供從對資料庫中的使用者表的操作介面,由UserDaoImpl實現,UserDaoImpl---實現UseroDao介面。大體就是這樣的結構.

3. InformationDao跟UserDao實現一樣的功能。其他Dao類也從BaseDao繼承。實現對不同表的操作。

          圖5-BaseDao

5所示,建立了一個基礎dao類,後面的兩個dao都是繼承與這個基本的dao。注意的driver_oracle,使用oracle進行驅動必須要加入相應的jar包,本次所使用的問哦ojdbc6.jar。通過build path添加到工程檔案中去。url_oracle是資料庫的連接字串,通過localhost我們知道串連的資料庫為本地的資料庫,1521為oracle資料庫的監聽連接埠,mysql一般為3306,再後面的ORACLE 為我資料庫的名字。class.forName()方法進行資料庫的驅動進行載入DriverManager.getConnection(url_oracle,"user2","12345")是對資料庫進行串連,user2為當前資料庫的使用者名稱,12345為密碼。

這就是使用JDBC串連資料庫。

          圖6-UserDao

6為UserDao類。該類繼承BaseDao類,主要是定義了一個addUser()方法,其目的在於通過點擊submit來實現對java02_xp_table1表進行資料的添加操作。這裡採用先行編譯的方法對資料庫進行操作,有不懂的請參考:http://blog.csdn.net/c1481118216/article/details/52838673。

方法executeUpdate,用於執行 INSERT、UPDATE 或 DELETE 語句以及 SQL,DDL(資料定義語言 (Data Definition Language))語句,例如 CREATE TABLE 和 DROP TABLE。 INSERT、UPDATE 或DELETE 語句的效果是修改表中零行或多行中的一列或多列。 executeUpdate的傳回值是一個整數,只是返回受影響的行數(即更新計數)。 對於 CREATE TABLE 或 DROP TABLE等不操作行的語句,executeUpdate 的傳回值總為零。

 

          圖7-InformationDao

InformationDao繼承於BaseDao,主要是對Information這張表進行資料操作,實現了對資料庫JAVA02_XP_TABLE2表的內容查詢的功能。執行了查詢以後將資料進行封裝,封裝到一個list當中,通過get,set方法實現資料的轉換。

    圖8-InformationService                圖9-UserService

為兩個service,這兩個service主要是為了實現兩個方法。InformationService是為了得到更新的數量,而UserService是為了實現addUser()方法。

最主要的就是兩個servlet,這兩個servlet都有相同的一些方法,但是在doPost()方法中所實現的功能不一樣。

      圖10-UserServlet

在UserServlet中,通過request.getParameter()方法從頁面上擷取相應的資料。資料的格式使用JSON,使用JSON得添加相應的jar包。得到頁面上相應的資料以後,再通過set方法傳遞到user中實現addUser()方法。row的值是為了確認傳遞資料的數量,通過這個值來確認是否傳遞成功是一個小的亮點。

          圖10-InformationServlet

該IformationServlet主要實現的功能是對資料的查詢,查詢已經存在於資料庫當中的資訊。

            圖11-jquery                               圖12-ajax

這兩種方法都是Html中用到的技術。這也是模板的固定形式。用於頁面資料的傳遞。

 本項目的結構大概如此,千萬別忘了在web.xml中進行相應的配置。

 

利用ajax擷取網頁表單資料,並儲存到資料庫之一(使用JDBC)

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.