前台用于显示
后台用于管理
该项目可分为5个模块来组成:分类模块,用户模块,图书模块,购买模块,订单模块。
搭建环境
建立包构造
这里写图片描述
导入开拓包
这里写图片描述
前台分帧页面
index.jsp【没有body标签的】<frameset rows=\"大众25%,\公众> <frame src=\"大众${pageContext.request.contextPath}/client/head.jsp\公众/> <frame src=\"大众${pageContext.request.contextPath}/client/body.jsp\公众/> </frameset>head.jsp
<body style=\"大众text-align: center\公众><h1>欢迎来到购物中央</h1>
body是空缺的jsp页面效果:后台分帧页面
manager.jsp【嵌套了framset标签,也是没有body标签的】<frameset rows=\"大众25%,\"大众> <frame src=\"大众${pageContext.request.contextPath}/background/head.jsp\"大众/> <frameset cols=\"大众15%,\"大众> <frame src=\"大众${pageContext.request.contextPath}/background/left.jsp\公众/> <frame src=\"大众${pageContext.request.contextPath}/background/body.jsp\"大众/> </frameset></frameset>head.jsp
<body style=\"大众text-align: center\"大众><h1>后台管理</h1>left.jsp
<a href=\"大众#\公众>分类管理</a><br><br><a href=\公众#\"大众>图书管理</a><br><br><a href=\"大众#\"大众>订单管理</a><br><br>body.jsp是空缺的效果:
分帧的文件夹目录构造
这里写图片描述
值得把稳的是:
文件夹的名字不能利用“manager”,不然会涌现:403 Access Denied缺点frameset标签是可以嵌套的,分列用“cols”,分行用“rows”导入工具类和方法的代码
过滤中文乱码数据HTML转义DAOFactoryJDBC连接池UUID工具类c3p0.xml配置文件分类模块首先,我们来做分类模块吧
创建实体Category
在数据库创建表
编写CategoryDAO
测试DAO
抽取成DAO接口
后台页面的添加分类
在超链接上,绑定显示添加分类的页面<a href=\"大众${pageContext.request.contextPath}/background/addCategory.jsp\"大众 target=\公众body\公众>添加分类</a>显示添加分类的JSP页面
处理添加分类的Servlet效果:后台页面的查看分类
在超链接上,绑定处理要求的Servlet显示分类页面的JSP效果:图书模块剖析
在设计图书管理的时候,我们该当想到:图书和分类是有关系的。一个分类可以对应多本图书。
为什么要这样设计?这样更加人性化,用户在购买书本的时候,用户能够查看干系分类后的图书,而不是全部图书都显示给用户,让用户一个一个去找。
设计实体
设计数据库表
编写DAO
测试DAO
抽取成DAO接口
编写Service层
后台添加图书
后台要添加图书的时候,该当解释图书的类型是什么。
要想在显示添加图书的页面上知道全部类型的id,就要经由Servlet把类型的凑集传送过去
绑定链接
<a href=\公众${pageContext.request.contextPath}/BookServlet?method=addUI\公众 target=\"大众body\"大众>添加图书</a><br>
传送类型凑集的Servlet
显示JSP页面
处理表单数据Servlet
uploadData()方法代码
效果:
后台显示图书模块
由于我们用的是分页技能,以是我们导入之前写过的Page类和jsp吧…..这些代码可以在我分类的代码库中找到
绑定超链接
<a href=\公众${pageContext.request.contextPath}/BookServlet?method=look\公众 target=\公众body\"大众>查看图书</a>
Servlet处理要求
显示图书JSP页面
Servlet端传过来的是Page工具,而不是list凑集
可以根据记载在Book工具的图片名称,弄一个超链接,超链接指向做事真个图片,这样就可以查看图片了!
效果:
前台页面
看回我们前台页面的成果图,我们可以把全体body页面算作是三个div
body占全体div导航条是一个div显示图书的地方是一个div设计好大概的布局
html代码引入css<link rel=\"大众stylesheet\公众 href=\"大众body.css\"大众 type=\"大众text/css\"大众>HTML三个div
CSS代码:大概的布局IndexServlet
在显示首页的下部分的时候,该当先去探求一个Servlet来把数据交给对应的JSP。
由于我们的JSP一样平常都是放在WEB-INF下,是不能直接访问的。还有便是JSP每每是须要我们后台的数据的,因此我们利用Servlet来获取得到数据,再交由JSP来展示就最好不过了。
<frame src=\公众${pageContext.request.contextPath}/IndexServlet\公众/>Servlet代码:
JSP显示数据
CSS代码:
主要的是:如果div浮动都黏贴在一起了,那么在后边多加个div,用于打消浮动效果
效果:
按照分类显示图书
我们可以根据左边的导航条来显示相对应的分类图书。
Servlet代码:效果:
原文地址:https://dwz.cn/xxCTeWd4
作者:Java3y