Java Web应用开发项目教程_第三章.ppt

《Java Web应用开发项目教程_第三章.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第3章前台商品展示模块■本章要点：★前台商品展示功能的详细设计和具体实现★JSP访问数据库★前台商品展示功能实现优化★网站前台页面的风格统一★新品、特价商品展示的详细设计和具体实现★使用分页显示技术★商品检索功能详细设计和具体实现★JSP隐含对象request、response★JSP的include指令和include动作★表单提交及中文处理3.1前台商品展示页面设计■前台商品展示页面效果如图3.1前台商品展示页面设计■商品信息实体E-R图3.1前台商品展示页面设计■商品大类实体E-R图3.1前台商品展示页面设计■商品小类实体E-R图3.1前台

2、商品展示页面设计■商品信息表结构字段名数据类型是否为空是否主键默认值描述idint(4)NoYesID（自动编号）bigIdint(4)No0所属大类smallIdint(4)No0所属小类goodsNamevarchar(50)YesNULL商品名称goodsFromvarchar(50)YesNULL商品产地introducetext(16)YesNULL商品介绍createTimeSmalldatetime(4)YesNULL商品添加日期originalPriceeMoney(8)Yes0商品原价currentPriceMoney(8)Ye

3、s0商品现价numberint(4)Yes0商品销售数量picturevarchar(50)YesNULL商品图片discountbit(1)Yes0商品折扣标志3.1前台商品展示页面设计■商品大类表结构字段名数据类型是否为空是否主键默认值描述idint(4))NoYesID（自动编号）bigNamevarchar(50)YesNULL大类名称createTimeSmalldatetime(4)YesNULL大类添加日期3.1前台商品展示页面设计■商品小类表结构字段名数据类型是否为空是否主键默认值描述idint(4))NoYesID（自动编号）b

4、igIdint(4))No大类编号smallNamevarchar(50)YesNULL小类名称createTimeSmalldatetime(4)YesNULL小类添加日期3.1前台商品展示页面设计■数据表之间的关系3.1前台商品展示页面设计■创建数据表在下图所示SQLServerManagementStudio的对象资源管理器视图中展开shopping数据库，右击“表”节点，在弹出的快捷菜单中选择“新建表”命令，将弹出用来创建表的对话框3.1前台商品展示页面设计■设置表的结构根据数据表tb_goods的结构设计数据表，如图所示3.1前台商品展

5、示页面设计■前台页面功能流程图3.1前台商品展示页面设计■创建main.jsp页面3.1前台商品展示页面设计■创建main.jsp页面3.1前台商品展示页面设计■加载数据驱动在JDBC连接到数据库之前，必须要加载数据库驱动程序：<%...Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver").newInstance();//加载数据库驱动...%>这里，使用了Class类(java.lang包)中的方法forName，来装入该驱动程序的类定义com.microsoft.jdbc.

6、sqlserver.SQLServerDriver，从而创建了该驱动程序的一个实例。3.1前台商品展示页面设计■加载数据驱动到工程中3.1前台商品展示页面设计■加载数据驱动到工程中3.1前台商品展示页面设计■加载数据驱动到工程中3.1前台商品展示页面设计■创建数据库连接完成上述操作后，就可以连接一个特定的数据库了。这需要创建Connection(java.sql包)类的一个实例，并使用DriverManager(java.sql包)的方法getConnection来尝试建立用url指定的数据库的连接。下面是JDBC与SQLServer数据库连接的

7、代码：<%...connection=DriverManager.getConnection("jdbc:sqlserver://localhost:1433;DatabaseName=shopping","sa","123456");//加载数据库连接...%>3.1前台商品展示页面设计■查询商品信息连接到数据库以后就可以访问数据库了。这需要先用Connection类对象的createStatement方法从指定的数据库连接得到一个Statement(java.sql包)的实例，然后用这个实例的executeQuery方法来执行SQL语句，实现

8、对数据库的访问。代码如下：<%...st=connection.createStatement();rs=st.executeQuery