1. 程式人生 > >手把手做一個JSP入門程式(一):程式基本介紹(JSP)

手把手做一個JSP入門程式(一):程式基本介紹(JSP)

胡扯

  說好的不學jsp,結果今天還是學了。主要還是為了後面的java後臺的學習啦。為了更好的掌握知識,那我們就來寫一個簡單的jsp入門程式吧!這只是一個簡單的入門小程式,所以就沒有太多強大的功能。入門啦,入門啦。對了,由於是作為一個入門程式,所以裡面會有較多的知識點介紹,所以就會比較長啦!

  前端原始碼可以點選這裡下載,專案依賴的jar包可以點選這裡下載,專案完整程式碼可以點選這裡下載。建議先下載完整原始碼再繼續閱讀。
  你也可以點選這裡下載該網頁的另一個更加完整版本的前端程式碼。如果你對nodejs感興趣,你可以點選這裡看一個nodejs實現的,含有購物車功能的專案原始碼。


  你可以點選這裡在Gitbook上看這個小小的JSP入門教程。

最終效果&業務邏輯

首頁

首頁結構圖

首頁結構圖

  從首頁的結構圖,很容易就可以知道,我們只需要將資料庫的資料抓取下來,並渲染上去就可以啦!所以這裡我們主要學習jsp的最最基本的知識點和與mysql資料庫的互動。此外,這裡的新增到購物車操作使用ajax進行實現的,同時會將操作的狀態資訊進行返回。

商品詳細頁

商品詳細頁結構圖

商品詳細頁結構圖

  基本的頁面結構和首頁差不多,只是主體部分和首頁不一樣而已。而在商品詳細頁中,我們主要側重在瀏覽記錄的實現上。使用者瀏覽過的商品會通過Cookie記錄下來,並展示其中最新的4條記錄。所以這裡重要是在Cookie的使用上。此外,這裡也會順便提一下session的相關知識點。

登入介面和註冊介面

  從登入註冊開始,我們將使用Servlet進行開發。需要了解Servlet基礎的可以點選這裡

註冊介面
註冊介面

登入介面

登入介面

購物車展示

購物車介面

購物車介面

  購物車的實現其實只要將使用者uid和書本isbn連線起來就相當於該使用者購買了該書本,所以後面的資料庫設計中,讀者可以稍微購物車資料庫的設計。此外,這裡的刪除也是使用了ajax。

專案使用模型

  JSP開發有兩種開發模型,一種是JSP+JavaBean的兩層模型,另一種是Servlet+JSP+JavaBean的三層模型。JavaBean在後面的”商品實體類設計”部分會有簡單的介紹。

JSP+JavaBean的兩層模型

JSP開發模型1

模型1:JSP+JavaBean

  該模型中,JSP負責處理業務邏輯和顯示資料,而JavaBean則負責業務資料的封裝。對應到MVC模型的話,那麼JSP包含了Controller和View兩個部分,JavaBean為Model部分。該模型弊端在於由於控制邏輯和表現邏輯都在JSP中進行處理,所以當要處理非常複雜的業務流程時,jsp頁面中內嵌的java程式碼就很多,給開發和維護帶來極大的困難。這種模型也是我不怎麼喜歡的。作為JSP的入門,本教程前半部分將使用這種二層模型開發,後半部分將使用三層模型開發,使得兩種模型都可以得到學習。

Servlet+JSP+JavaBean的三層模型

  該模型藉助了MVC架構模式,其中Servlet充當控制器的角色,負責處理請求和控制業務流程,JSP充當檢視的角色,負責輸出響應結果,JavaBean充當模型的角色,負責具體的業務邏輯和業務資料。

Model2