星星书屋 - 图文

更新时间:2024-03-22 15:20:01 阅读量: 综合文库 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

课程设计——楚烧烧书屋

实验名称:楚烧烧书屋(综合实训)(课程设计)

实验目的:设计实现一个网上图书查询与订购系统,掌握一般Web应用中常用基本模块的开发方法。

实验环境:Windows平台,tomcat7,jdk,Dreamweaver CS5,MicroSoft Access 2003 实验内容:

设计实现一个网上图书查询与订购系统,掌握一般Web应用中常用基本模块的开发方法。

系统模块包括注册、登录、浏览图书、查询图书、购物车、订单预览、确认订单、查询订单、图书信息、修改密码、修改注册信息、退出登录等各个部分,各个模块的详细内容见附页!

一、系统主要模块 书屋介绍 注 册 登录 浏览图书 查询图书 图书信息 购物车 订单预览 确认订单 查询订单 修改密码 修改注册信息 退出登录 楚烧烧书屋

用户与各个模块的主要关系: 书屋介绍 查询订单 用户 登录 购物车 订单预览 确认订单 注册

浏览图书 查询图书 修改密码 修改注册信息 二、数据库设计与连接

★使用Microsoft Access 2003建立一个数据库bookshop,该库共有三个表:user表、bookForm表、

orderForm表,如下所示:

★在bookForm表中添加各种书的内容,如下所示:

★数据库的连接

系统采用JDBC-ODBC桥接器方式访问数据库,设置的数据源是bookshop,如下所示:

三、系统管理

★页面管理

所有的页面将包括一个导航条,该导航条由注册、登录、浏览图书、浏览会员等组成,为了便于维护,其他页面通过使用JSP的<%@ include。。。%>标记将导航条文件head.txt嵌入到自己的页面中, 主页index.jsp由导航条、一句欢迎标语、一些热门的图书介绍和链接、一幅图片和“注册”、“登录”按钮构成,如下所示:

★index.jsp的详细代码如下所示:

<%@ page contentType=\

网上图书销售系统

<%@ include file=\

欢迎来到楚烧烧书屋
欢迎浏览并订购图书

type=\onClick=\value=\注册\/>

type=\登录\



★主页如下图所示:

★单击主页中右上角的“注册”、“登录”可以跳转到注册页面register.jsp、登录页面login.jsp,实现注册、登录功能;

★单击主页左右两边的各个图书的链接,则可以跳转到shenglue.jsp页面:(在这里就不详细介绍各个图书的详细信息),如下图所示,还可以点击“返回”,则将返回到“主页”面; ★shenglue.jsp页面的详细代码如下所示:

<%@ page contentType=\<%@ include file=\书库



此书在此省略,不详细介绍,谢谢

★单击主页中的“更多>>”则可以链接到shuku.jsp页面,这是一个简单的书库,在这里不详细介绍图书的详细信息,所以书库中点击各个图书的链接,和点击“上一页”、“下一页”将跳转的还是当前“书库”这个页面,点击“返回”则可以返回到“主页”。 ★shuku.jsp页面的详细代码如下所示: <%@ page contentType=\%><%@ include file=\书库



。。。。。。。。。。。。

★shuku.jsp页面如下图所示:

四、书屋介绍

★该模块主要介绍此书屋的各种详细信息,由introduction.jsp页面构成,页面中还有一个超链接——“海贼王”,将链接到haizeiwang.jsp页面,将详细介绍知名图书“海贼王”的各种详细信息; ★introduction.jsp的详细代码如下所示:

<%@ page contentType=\

介绍页面



楚烧烧书屋建立于2000年,坐落于广东省肇庆市端州区,是肇庆市最著名的书屋之一。楚烧烧书屋拥有肇庆最全的书籍资料,
每天造访者几百人上下,多年来一直是肇庆市人民的第一选择。书屋拥有各种各样的书籍,比如专业课本、漫画-、地图
之类等。2013年被评为全国最著名的书屋!楚烧烧书屋随时欢迎你来

参观,购买你想要的书籍哦!我们的服务肯定能包你满意哦!

★haizeiwang.jsp页面的详细代码如下所示:

<%@ page contentType=\

海贼王<%@ include file=\

海贼王

蒙奇-D-路飞、 罗罗亚-索隆、娜美、乌索普、香吉士、托尼托尼-乔巴、妮可-罗宾、弗朗奇、布鲁克

四分五裂果实

10

九、查看购物车

★该模块由一个JSP页面lookPurchase.jsp和一个Tag文件LookPurchase.tag构成。 ★lookPurchase.jsp负责将用户购买的图书添加到用户的购物车中,并可以根据用户的选择从购物车中删除曾添加到购物车中的图书。lookPurchase.jsp负责调用Tag文件LookPurchase.tag,并显示Tag文件返回的有关信息。用户在lookPuechase.jsp页面可以确定是否生成订单。

★LookPurchase.tag文件负责显示用户购物车中的图书,并计算出购物车中图书的总价,然后将这些消息返回给lookPurchase.jsp页面。

★lookPurchase.jsp文件的代码在这里省略;LookPurchase.tag文件的详细代码如下所示: <%@ tag import=\<%@ tag import=\

<%@ tag pageEncoding=\

<%@ attribute name=\

<%@ variable name-given=\<%@ variable name-given=\<%

float totalPrice=0; String bookISBN; String bookName; String bookPublish; float bookPrice;

String uri=\ Connection con; Statement sql; ResultSet rs;

StringBuffer str=new StringBuffer();

try{ Class.forName(\ }

catch(ClassNotFoundException e){ str.append(e); }

Enumeration keys=session.getAttributeNames(); str.append(\ while(keys.hasMoreElements()) {

String key=(String)keys.nextElement();

21

boolean isTrue=(!(key.equals(\ if(isTrue){

bookISBN=(String)session.getAttribute(key);

String sqlStatement=\ try{

con=DriverManager.getConnection(uri,\ sql=con.createStatement();

rs=sql.executeQuery(sqlStatement); while(rs.next()){

bookISBN=rs.getString(\ bookName=rs.getString(\ bookPublish=rs.getString(\ bookPrice=rs.getFloat(\ totalPrice=totalPrice+bookPrice; str.append(\

str.append(\ str.append(\ str.append(\ str.append(\ String del=

\删除\ str.append(\ str.append(\ }

con.close(); }

catch(SQLException exp){ str.append(exp); } } }

str.append(\

jspContext.setAttribute(\

jspContext.setAttribute(\%>

★首先必须在浏览图书时,点击“购买”按钮,就可以把此书添加到购物车中,如下所示:

★还可以购买多本,也可以购买后,在购物车中删除不想要的图书,如下所示:

22

★删除不想要的图书后:

23

十、订单预览

★该模块由一个JSP页面previewOrderForm.jsp和一个Tag文件PreviewOrderForm.tag构成。 ★previewOrderForm.jsp页面负责调用Tag文件LookPurchase.tag,并显示Tag文件返回的订单。用户在previewOrderForm.jsp页面可以选择是否确定订单。

★PreviewOrderForm.tag文件根据用户购物车中的图书生成订单,然后将订单返回给previewOrderForm.jsp页面。

★previewOrderForm.jsp和PreviewOrderForm.tag文件的代码都省略。 点击购物车中的“提交”按钮,就可以预览订单,如下所示:

十一、确认订单

★该模块由一个JSP页面makeBookForm.jsp和一个Tag文件MakeBookForm.tag构成。

★makeBookForm.jsp负责调用Tag文件MakeBookForm.tag,并将订购图书的有关信息传递给该Tag文件。页面中增加了付款方式,可以选择“快捷支付”或者“网银支付”两种付款方式。因为一些特殊原因,这里没有详细设计,只设计了点击“快捷支付”按钮将跳转到“快捷支付”官网,同理,点击“网银支付”按钮将跳转到“网银支付”官网。

★MakeBookForm.tag文件负责连接数据库,将订单写入到数据库中的orderForm表,达到确定订单的目的,然后将订单信息返回给makeBookForm.jsp页面。 ★makeBookForm.jsp文件的详细代码如下所示: <%@ page contentType=\

<%@ taglib tagdir=\prefix=\%><%@ include

24

file=\订单确认 <%

String logname=(String)session.getAttribute(\ if(logname==null){

response.sendRedirect(\ } else{

int m=logname.indexOf(\

logname=logname.substring(0,m); }

String confirm=request.getParameter(\

String orderContent=request.getParameter(\ String totalPrice=request.getParameter(\ if(confirm==null){ confirm=\ }

if(orderContent==null){ orderContent=\ }

if(totalPrice==null){ totalPrice=\ }

byte[] a=orderContent.getBytes(\ orderContent=new String(a);

a=totalPrice.getBytes(\ totalPrice=new String(a); if(confirm.equals(\%>

totalPrice=\

付款后发货

<%=logname%>当前的订单号:<%=dingdanNumber%>


订单信息:


<%= giveResult %>



<% }

25

本文来源:https://www.bwwdw.com/article/yf88.html

Top