Java Web应用开发项目教程 课件 第二章 E-Store电子商城项目概述

JavaWeb应用开发第2章E-Store电子商城项目概述■本章要点:

★E-Store电子商城需求 ★E-Store电子商城总体设计，包括系统架构设计、功能结构划分、业务流程设计 ★JavaWeb应用开发环境搭建 ★创建E-Store电子商城项目 ★JavaWeb应用程序组成及结构 ★网站欢迎页面实现 ★JSP基本语法2.1项目概述■E-Store电子商城简介

E-Store电子商城系统是基于Internet网络平台，利用Web技术、数据库技术、Java技术、面向对象技术等进行开发的Web应用系统。系统中不同权限的用户分别可以实现商城的管理和网上购物等操作。

实现：JSP+BeanJSP+Bean+Servlet基于springMVC框架2.2系统分析与总体设计■前台功能结构图2.2系统分析与总体设计■后台功能结构图2.2系统分析与总体设计■前台业务流程图2.2系统分析与总体设计■后台业务流程图2.2系统分析与总体设计■系统预览

前台首页

商品详细信息展示

2.2系统分析与总体设计■系统预览

购物车查看页面后台订单信息显示页面

2.2系统分析与总体设计■系统预览后台商品添加页面

后台用户管理页面2.3系统架构设计与搭建■系统架构设计2.3系统架构设计与搭建■业务实体介绍●会员（Customer）：代表一个会员实体，主要包括会员的详细信息。如会员名，密码，地址等。●商品信息（Product）：代表每一个具体的商品信息，主要包括商品名称、类别、产地、价格等。●商品类别（Category）：代表商品类别信息，主要包括商品所属类别、名称等。●购物车（Cart）：代表会员一次购物时商品暂时存放的地方，在生成订单后便不再需要。2.3系统架构设计与搭建■业务实体介绍●购物车中的具体商品（CartItem）代表购物车中每一个具体商品的购买情况，包含购买价格、数量等。●订单（Order）代表会员的订单，主要包括订单号，会员信息，订单的具体内容。●订单明细（OrderItem）代表订单中具体项，一个订单应包括一个或多个商品的购买情况。2.3系统架构设计与搭建■业务实体关系图2.3系统架构设计与搭建■

业务逻辑设计DAO模式2.3系统架构设计与搭建■

开发环境

服务器端：

操作系统：Windows10Web服务器：Tomcat9.0以上开发环境：EclipseOxygen.3aReleaseWeb开发框架：SpingMVCJava开发包：JDK1.8.0_311以上数据库：MySQL8.0.15浏览器：IE7.0以上分辨率：最佳效果为1024×768像素客户端：浏览器：IE7.0及以上版本分辨率：最佳效果为1024×768像素

2.3系统架构设计与搭建■

启动EclipseOxygen.3aRelease集成开发环境

2.3系统架构设计与搭建■

创建工程项目

1)选择【File】→【New】→【Project】2)如下图所示，工程类型选择【DynamicWebProject】2.3系统架构设计与搭建

3)如下图所示，在ProjectName处填写工程名E-Store，其他选项保持默认值，单击Finish按钮，Web工程就创建结束。2.3系统架构设计与搭建■

Web应用的目录结构

目录描述/WebContentWeb应用的根目录，所有的JSP、HTML文件、CSS文件、资源文件都存放于此目录下，可在此目录下创建其他目录，以便于文件的管理。/WebContent/WEB-INF存放Web应用的发布描述文件web.xml等。/WebContent/WEB-INF/classes存放各种class文件，javaweb组件Servlet类文件也放于此目录下。/WebContent/WEB-INF/lib存放Web应用所需的各种jar文件，如可以存放JDBC驱动程序的jar文件。2.3系统架构设计与搭建■

E-Store应用的目录

2.4JSP页面基本语法■

JSP元素2.4JSP页面基本语法■

JSP元素_指令格式：包含在<%@%>标签里作用：向JSP引擎提供该页的全局信息。例如：页面的状态，错误处理，是否是session的一部分等。指令类型：page指令include指令taglib指令

2.4JSP页面基本语法■

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

<%@pageimport="java.util.Date"%>当本页面在执行过程中发生异常时将把异常信息传送到errorPage.jsp统一处理，可用：

<%@pageerrorPage="errorPage.jsp"%>设置JSP文件执行后返回给浏览器的文件类型和字符编码方式，缺省为：

<%@pageContentType="text/html;charset=ISO-8859-1"%>指明返回给浏览器的文件是普通的HTML类型的文本文件，字符编码方式是ISO-8859-12.4JSP页面基本语法■

JSP元素_

注释输出注释两种不同类型的注释：HTML、JSPHTML注释客户端源文件可以看到：

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

例如：

<!--现在时间为：<%=(newjava.util.Date()).toLocaleString()%>-->

在客户端的HTML源文件中显示为：

<!--现在时间为：January1,2009-->

2.4JSP页面基本语法■

JSP元素_

注释隐藏注释JSP注释是JSP本身用于描述JSP程序代码的注释，用于描述JSP页面执行后的结果页面。格式如下：

<%--JSP的注释不会在客户端显示--%>例如：<%--现在时间为：<%=(newjava.util.Date()).toLocaleString()%>--%>2.4JSP页面基本语法■

JSP元素_

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

<%/*这是一个Scriptlet中的注释*/%>

<%/**这也是一个Scriptlet中的注释，可以用javadoc从生成的Java文件中提取出注释来*/%>2.4JSP页面基本语法■

JSP元素_

脚本

在JSP中，主要的动态程序部分是脚本元素。声明（Declaration）：用于声明一个或多个变量和方法。表达式（Expression）：一个完整的语言表达式。脚本代码（Scriptlet）：程序片断。2.4JSP页面基本语法■

JSP元素_

脚本1）声明用于声明一个或多个变量和方法，这些声明不会被输出到浏览器中去。在声明元素中声明的变量和方法将在JSP页面初始化时被赋初值。语法为： <%!Declaration%> <%!inti=0;%> <%! publicStringf(inti){ if(i<3)return("..."); ... } %>2.4JSP页面基本语法■

JSP元素_

脚本

2）表达式

JSP中的表达式可以被看作一种简单的输出形式，但表达式一定要有一个可以输出的值。

语法为：<%=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语法格式的标记来控制JSP引擎的行为。

利用JSP动作可以动态地实现插入文件、重用JavaBean组件、把用户重定向到另外的页面、为Java插件生成HTML代码等功能。2.4JSP页面基本语法■

JSP元素_

动作常用的JSP动作包括：

jsp:include：在页面被请求的时候引入另一个文件。

jsp:useBean：寻找或者实例化一个JavaBean。

jsp:setProperty：设置JavaBean的属性。

jsp:getProperty：输出某个JavaBean的属性。

jsp:forward：把请求转发到一个新的页面。

jsp:plugin：根据浏览器类型为Java插件生成OBJECT或EMBED标记。2.4JSP页面基本语法■

JSP元素_

内置对象

JSP的内置对象不需要声明，直接可以在JSP中使用。JSP有常用以下几种内置对象：request：该对象封装了用户提交的信息。通过调用该对象相应的方法可以获得用户通过浏览器提交的请求以及相关cookie、header、session等信息。response：response对象提供了用于设置送回浏览器的响应的方法。out：提供了将response对象向浏览器输出结果的方法。2.4JSP页面基本语法■

JSP元素_

内置对象

pageContext：用于方便存取各种范围的名字空间、servlet相关的对象的API。session：存储用户的状态信息，一个session对象存储一个用户的会话信息，完成对该用户的会话管理。application：当we