Java Web應(yīng)用開發(fā)項(xiàng)目教程 課件 第二章 E-Store電子商城項(xiàng)目概述

JavaWeb應(yīng)用開發(fā)第2章E-Store電子商城項(xiàng)目概述■本章要點(diǎn):

★E-Store電子商城需求 ★E-Store電子商城總體設(shè)計，包括系統(tǒng)架構(gòu)設(shè)計、功能結(jié)構(gòu)劃分、業(yè)務(wù)流程設(shè)計 ★JavaWeb應(yīng)用開發(fā)環(huán)境搭建 ★創(chuàng)建E-Store電子商城項(xiàng)目 ★JavaWeb應(yīng)用程序組成及結(jié)構(gòu) ★網(wǎng)站歡迎頁面實(shí)現(xiàn) ★JSP基本語法2.1項(xiàng)目概述■E-Store電子商城簡介

E-Store電子商城系統(tǒng)是基于Internet網(wǎng)絡(luò)平臺，利用Web技術(shù)、數(shù)據(jù)庫技術(shù)、Java技術(shù)、面向?qū)ο蠹夹g(shù)等進(jìn)行開發(fā)的Web應(yīng)用系統(tǒng)。系統(tǒng)中不同權(quán)限的用戶分別可以實(shí)現(xiàn)商城的管理和網(wǎng)上購物等操作。

實(shí)現(xiàn)：JSP+BeanJSP+Bean+Servlet基于springMVC框架2.2系統(tǒng)分析與總體設(shè)計■前臺功能結(jié)構(gòu)圖2.2系統(tǒng)分析與總體設(shè)計■后臺功能結(jié)構(gòu)圖2.2系統(tǒng)分析與總體設(shè)計■前臺業(yè)務(wù)流程圖2.2系統(tǒng)分析與總體設(shè)計■后臺業(yè)務(wù)流程圖2.2系統(tǒng)分析與總體設(shè)計■系統(tǒng)預(yù)覽

前臺首頁

商品詳細(xì)信息展示

2.2系統(tǒng)分析與總體設(shè)計■系統(tǒng)預(yù)覽

購物車查看頁面后臺訂單信息顯示頁面

2.2系統(tǒng)分析與總體設(shè)計■系統(tǒng)預(yù)覽后臺商品添加頁面

后臺用戶管理頁面2.3系統(tǒng)架構(gòu)設(shè)計與搭建■系統(tǒng)架構(gòu)設(shè)計2.3系統(tǒng)架構(gòu)設(shè)計與搭建■業(yè)務(wù)實(shí)體介紹●會員（Customer）：代表一個會員實(shí)體，主要包括會員的詳細(xì)信息。如會員名，密碼，地址等?！裆唐沸畔ⅲ≒roduct）：代表每一個具體的商品信息，主要包括商品名稱、類別、產(chǎn)地、價格等?！裆唐奉悇e（Category）：代表商品類別信息，主要包括商品所屬類別、名稱等?！褓徫镘嚕–art）：代表會員一次購物時商品暫時存放的地方，在生成訂單后便不再需要。2.3系統(tǒng)架構(gòu)設(shè)計與搭建■業(yè)務(wù)實(shí)體介紹●購物車中的具體商品（CartItem）代表購物車中每一個具體商品的購買情況，包含購買價格、數(shù)量等?！裼唵危∣rder）代表會員的訂單，主要包括訂單號，會員信息，訂單的具體內(nèi)容。●訂單明細(xì)（OrderItem）代表訂單中具體項(xiàng)，一個訂單應(yīng)包括一個或多個商品的購買情況。2.3系統(tǒng)架構(gòu)設(shè)計與搭建■業(yè)務(wù)實(shí)體關(guān)系圖2.3系統(tǒng)架構(gòu)設(shè)計與搭建■

業(yè)務(wù)邏輯設(shè)計DAO模式2.3系統(tǒng)架構(gòu)設(shè)計與搭建■

開發(fā)環(huán)境

服務(wù)器端：

操作系統(tǒng)：Windows10Web服務(wù)器：Tomcat9.0以上開發(fā)環(huán)境：EclipseOxygen.3aReleaseWeb開發(fā)框架：SpingMVCJava開發(fā)包：JDK1.8.0_311以上數(shù)據(jù)庫：MySQL8.0.15瀏覽器：IE7.0以上分辨率：最佳效果為1024×768像素客戶端：瀏覽器：IE7.0及以上版本分辨率：最佳效果為1024×768像素

2.3系統(tǒng)架構(gòu)設(shè)計與搭建■

啟動EclipseOxygen.3aRelease集成開發(fā)環(huán)境

2.3系統(tǒng)架構(gòu)設(shè)計與搭建■

創(chuàng)建工程項(xiàng)目

1)選擇【File】→【New】→【Project】2)如下圖所示，工程類型選擇【DynamicWebProject】2.3系統(tǒng)架構(gòu)設(shè)計與搭建

3)如下圖所示，在ProjectName處填寫工程名E-Store，其他選項(xiàng)保持默認(rèn)值，單擊Finish按鈕，Web工程就創(chuàng)建結(jié)束。2.3系統(tǒng)架構(gòu)設(shè)計與搭建■

Web應(yīng)用的目錄結(jié)構(gòu)

目錄描述/WebContentWeb應(yīng)用的根目錄，所有的JSP、HTML文件、CSS文件、資源文件都存放于此目錄下，可在此目錄下創(chuàng)建其他目錄，以便于文件的管理。/WebContent/WEB-INF存放Web應(yīng)用的發(fā)布描述文件web.xml等。/WebContent/WEB-INF/classes存放各種class文件，javaweb組件Servlet類文件也放于此目錄下。/WebContent/WEB-INF/lib存放Web應(yīng)用所需的各種jar文件，如可以存放JDBC驅(qū)動程序的jar文件。2.3系統(tǒng)架構(gòu)設(shè)計與搭建■

E-Store應(yīng)用的目錄

2.4JSP頁面基本語法■

JSP元素2.4JSP頁面基本語法■

JSP元素_指令格式：包含在<%@%>標(biāo)簽里作用：向JSP引擎提供該頁的全局信息。例如：頁面的狀態(tài)，錯誤處理，是否是session的一部分等。指令類型：page指令include指令taglib指令

2.4JSP頁面基本語法■

JSP元素_指令例如：指定在頁面中引入其他的Java類，可用：

<%@pageimport="java.util.Date"%>當(dāng)本頁面在執(zhí)行過程中發(fā)生異常時將把異常信息傳送到errorPage.jsp統(tǒng)一處理，可用：

<%@pageerrorPage="errorPage.jsp"%>設(shè)置JSP文件執(zhí)行后返回給瀏覽器的文件類型和字符編碼方式，缺省為：

<%@pageContentType="text/html;charset=ISO-8859-1"%>指明返回給瀏覽器的文件是普通的HTML類型的文本文件，字符編碼方式是ISO-8859-12.4JSP頁面基本語法■

JSP元素_

注釋輸出注釋兩種不同類型的注釋：HTML、JSPHTML注釋客戶端源文件可以看到：

<!--comment[<%=expression%>]-->

例如：

<!--現(xiàn)在時間為：<%=(newjava.util.Date()).toLocaleString()%>-->

在客戶端的HTML源文件中顯示為：

<!--現(xiàn)在時間為：January1,2009-->

2.4JSP頁面基本語法■

JSP元素_

注釋隱藏注釋JSP注釋是JSP本身用于描述JSP程序代碼的注釋，用于描述JSP頁面執(zhí)行后的結(jié)果頁面。格式如下：

<%--JSP的注釋不會在客戶端顯示--%>例如：<%--現(xiàn)在時間為：<%=(newjava.util.Date()).toLocaleString()%>--%>2.4JSP頁面基本語法■

JSP元素_

注釋在JSP的“腳本代碼”部分，“Scriptlet”可以直接在“<%%>”中使用Java的語法，所以下面形式的注釋也是合法的：

<%/*這是一個Scriptlet中的注釋*/%>

<%/**這也是一個Scriptlet中的注釋，可以用javadoc從生成的Java文件中提取出注釋來*/%>2.4JSP頁面基本語法■

JSP元素_

腳本

在JSP中，主要的動態(tài)程序部分是腳本元素。聲明（Declaration）：用于聲明一個或多個變量和方法。表達(dá)式（Expression）：一個完整的語言表達(dá)式。腳本代碼（Scriptlet）：程序片斷。2.4JSP頁面基本語法■

JSP元素_

腳本1）聲明用于聲明一個或多個變量和方法，這些聲明不會被輸出到瀏覽器中去。在聲明元素中聲明的變量和方法將在JSP頁面初始化時被賦初值。語法為： <%!Declaration%> <%!inti=0;%> <%! publicStringf(inti){ if(i<3)return("..."); ... } %>2.4JSP頁面基本語法■

JSP元素_

腳本

2）表達(dá)式

JSP中的表達(dá)式可以被看作一種簡單的輸出形式，但表達(dá)式一定要有一個可以輸出的值。

語法為：<%=expression%>例如：

<%=(newjava.util.Date()).toLocaleString()%>

在頁面上輸出目前日期的值。2.4JSP頁面基本語法■

JSP元素_

腳本

3）腳本代碼

JSP的代碼部分，其中可以使用任何Java的語法。語法為：<%scriptlet%>

<% if(Calendar.getInstance().get(Calendar.AM_PM)==Calendar.AM){%>GoodMorning,nowis:<%=(newjava.util.Date()).toLocaleString()%><% }else{%>GoodAfternoon,nowis:<%=(newjava.util.Date()).toLocaleString()%><% }%>2.4JSP頁面基本語法■

JSP元素_

動作

JSP動作利用XML語法格式的標(biāo)記來控制JSP引擎的行為。

利用JSP動作可以動態(tài)地實(shí)現(xiàn)插入文件、重用JavaBean組件、把用戶重定向到另外的頁面、為Java插件生成HTML代碼等功能。2.4JSP頁面基本語法■

JSP元素_

動作常用的JSP動作包括：

jsp:include：在頁面被請求的時候引入另一個文件。

jsp:useBean：尋找或者實(shí)例化一個JavaBean。

jsp:setProperty：設(shè)置JavaBean的屬性。

jsp:getProperty：輸出某個JavaBean的屬性。

jsp:forward：把請求轉(zhuǎn)發(fā)到一個新的頁面。

jsp:plugin：根據(jù)瀏覽器類型為Java插件生成OBJECT或EMBED標(biāo)記。2.4JSP頁面基本語法■

JSP元素_

內(nèi)置對象

JSP的內(nèi)置對象不需要聲明，直接可以在JSP中使用。JSP有常用以下幾種內(nèi)置對象：request：該對象封裝了用戶提交的信息。通過調(diào)用該對象相應(yīng)的方法可以獲得用戶通過瀏覽器提交的請求以及相關(guān)cookie、header、session等信息。response：response對象提供了用于設(shè)置送回瀏覽器的響應(yīng)的方法。out：提供了將response對象向?yàn)g覽器輸出結(jié)果的方法。2.4JSP頁面基本語法■

JSP元素_

內(nèi)置對象

pageContext：用于方便存取各種范圍的名字空間、servlet相關(guān)的對象的API。session：存儲用戶的狀態(tài)信息，一個session對象存儲一個用戶的會話信息，完成對該用戶的會話管理。application：當(dāng)we