JavaWeb项目--网上商城 （6-5）
day5--后台管理模块开发
1.模块分析
案例1-后台所有分类展示
需求: 在左侧的树上上添加一个连接 "分类列表",点击分类列表 将所有的分类展示在右边的主页面上
步骤分析:
1.在left.jsp上添加一个连接 父节点"分类管理",在分类管理下面添加一个子节点"分类列表"
连接: /store/adminCategory?method=findAll
2.编写adminCategoryservlet,继承baseservlet,编写findAll方法
调用service 查询所有分类,返回值:List<Category>
请求转发 /admin/category/list.jsp
d-tree用法：
1.项目中和页面中导入dtree.js
2.项目中和页面中导入dtree.css
3.在页面中创建一个div,添加样式 class="dtree"
4.在div中编写js代码 创建一个树d = new dTree('d');
添加节点
方法及参数说明:
d.add(当前节点id,父节点id,显示名称,点击时候打开的连接,放上去显示的名称,在那个地方打开这个连接)
添加根节点
根节点的父节点的id为-1
添加其他节点
5.最后通过document.write(d) 写到页面上即可
6.例子： d = new dTree('d');
d.add('01',-1,'系统菜单树');
d.add('0102','01','分类管理','','','mainFrame');
d.add('010201','0102','分类列表','${pageContext.request.contextPath}/adminCategory?method=findAll','','mainFrame');
d.add('010202','0102','添加分类','${pageContext.request.contextPath}/adminCategory?method=addUI','','mainFrame');
d.add('0104','01','商品管理');
d.add('010401','0104','已上架商品列表','${pageContext.request.contextPath}/adminProduct?method=findAll','','mainFrame');
d.add('010402','0104','添加商品','${pageContext.request.contextPath}/adminProduct?method=addUI','','mainFrame');
d.add('0105','01','订单管理');
d.add('010501','0105','订单管理','${pageContext.request.contextPath}/adminOrder_findAll.action?page=1','','mainFrame');
document.write(d);
<!--id Number 唯一的ID号
pid Number 判定父节点的数字,根节点的值为
name String 节点的文本标签
url String 节点的Url
title String 节点的Title
target String 节点的target
icon String 用做节点的图标,节点没有指定图标时使用默认值
iconOpen String 用做节点打开的图标,节点没有指定图标时使用默认值
open Boolean 判断节点是否打开 -->
案例2-后台添加分类
需求:
在一个表单页面中,输入分类名称,点击保存,将分类保存到数据库
步骤分析:
1.在left.jsp上添加一个连接 "添加分类" /store/adminCategory?method=addUI
2.在admincategoryservlet下编写addUI方法 请求转发到 /admin/category/add.jsp
3.修改add.jsp, action:/store/adminCategory?method=save
给分类input标签添加name属性
4,点击保存,发送 adminCategory一个请求 请求方法:save
获取cname,设置cid
封装category对象
调用service完成添加操作
重定向到分类列表页面
5.service 调用dao保存
更新redis中数据(清空redis中该条记录)
案例3-后台展示所有商品
需求: 点击左边树上的一个连接 "已上架商品列表",在右边的主页面上展示所有的商品
步骤分析:
1.在left.jsp上添加一个连接 "已上架商品列表", /store/adminProduct?method=findAll
2.编写adminProductServlet,继承baseservlet,编写findAll方法
调用service,获取所有的已上架的商品信息 返回值:list
将list放入reque st中,请求转发 /admin/product/list.jsp
案例4-后台添加商品
需求:
有一个商品的表单页面,填写商品信息,选择商品的图片,点击保存,将商品的信息保存到数据库中和web服务器上
技术分析:
文件上传: 就是将客户端的数据发送到服务器上
文件上传要求:
浏览器端要求:
1.表单提交方式 post
2.提供文件上传框(组件) input type="file"
3.表单entype属性必须为 multipart/form-data
服务器端要求: request.getInputStream()
注意:
若表单使用了 multipart/form-data ,使用原生request去获取参数的时候都为null
使用工具类或者框架去解析用户上传的内容
commons -fileupload
struts(底层:commons-fileupload)
serlvet 3.0
apache出品的一款专门处理文件上传的工具类 commons-fileupload
使用步骤:
1.导入jar包
2.创建磁盘文件项工厂
DiskFileItemFactory factory=new DiskFileItemFactory();
3.创建核心上传对象
ServletFileUpload upload=new ServletFileUpload(factory);
4.解析请求,获取所有的上传组件 List<FileItem>
List<FileItem> list=upload.parseRequest(request);
5.遍历list 获取每一个上传项
getFiledName():获取标签name属性的值
isFormFiled():判断是否是普通上传 组件
true:普通上传组件
false:文件上传组件 <input type="file">
普通上传组件
getString("utf-8"):获取用户输入的内容
文件上传组件
getName():文件 名称
getInputStream():获取文件的流
delete():删除文件上传时候产生的临时文件
上传注意问题:
1.文件名称 浏览器不同,有可能获取的名称不同, 1.txt 或者 G:\1.txt
2.文件重名 给文件来一个随机名称
uuid方式 毫米值+三个随机数
数据库中可以存放多个字段: 文件名称和文件路径
文件名称:身份证正面.jpg
文件路径:g:\123123123423sfsf.jpg
文件下载:
response.setHeader("content-disposition","attachment;filename="+真实名称);
3.文件安全(fastDFS)
安全目录:web-inf meta-inf 项目之外的目录
不安全目录:项目目录(除去web-inf和meta-inf)
4.目录分离 常用的方式:
按用户划分 按时间划分 按数量划分 随机划分
步骤分析:
1.在left.jsp上添加一个连接,"添加商品",点击他,在主页面上打开一个表单页面
/store/adminProduct?method=addUI
2.在adminproductserlvet中编写addUI方法
调用categoryservice查询所有的分类 findList
请求转发到 /admin/product/add.jsp
分类信息没有查询出来:
方式1:同步 方式2:异步
3.编辑表单页面 action: /store/addProduct method:post entype:multipart/form-data
给所有的子标签添加name属性 点击保存,向addProductServlet发送请求
4.编写addProductServlet
封装prodcut对象
让product的所有字段都有值
将product的图片保存到服务器
以前使用beanUtils.populate(Product bean,Map map);
但是现在request.getParameterMap不好使,若还想使用上面的方法封装对象,
我们需要创建一个map 且map中存放product对象的信息
Map<String 字段名,Object 值> map
字段名: getFieldName()
值:getString("utf-8");
除了图片
将图片通过commons-fileupload保存到服务器上
将图片的路径 put到map中
调用service保存商品
重定向到商品列表页面
5.service dao
注意: 图片目录 保存 备份
2.代码区
<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>菜单</title>
<link href="${pageContext.request.contextPath}/css/left.css" rel="stylesheet" type="text/css"/>
<link rel="StyleSheet" href="${pageContext.request.contextPath}/css/dtree.css" type="text/css" />
</head>
<body>
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="12"></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td>
<div class="dtree">
<a href="javascript: d.openAll();">展开所有</a> | <a href="javascript: d.closeAll();">关闭所有</a>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/dtree.js"></script>
<script type="text/javascript">
d = new dTree('d');
d.add('01',-1,'系统菜单树');
d.add('0102','01','分类管理','','','mainFrame');
d.add('010201','0102','分类列表','${pageContext.request.contextPath}/adminCategory?method=findAll','','mainFrame');
d.add('010202','0102','添加分类','${pageContext.request.contextPath}/adminCategory?method=addUI','','mainFrame');
d.add('0104','01','商品管理');
d.add('010401','0104','已上架商品列表','${pageContext.request.contextPath}/adminProduct?method=findAll','','mainFrame');
d.add('010402','0104','添加商品','${pageContext.request.contextPath}/adminProduct?method=addUI','','mainFrame');
d.add('0105','01','订单管理');
d.add('010501','0105','订单管理','${pageContext.request.contextPath}/adminOrder_findAll.action?page=1','','mainFrame');
document.write(d);
</script>
</div> </td>
</tr>
</table>
</body>
</html>
<!--id Number 唯一的ID号
pid Number 判定父节点的数字,根节点的值为
name String 节点的文本标签
url String 节点的Url
title String 节点的Title
target String 节点的target
icon String 用做节点的图标,节点没有指定图标时使用默认值
iconOpen String 用做节点打开的图标,节点没有指定图标时使用默认值
open Boolean 判断节点是否打开 -->
<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
body
{
SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #dee3f7;
}
</style>
</head>
<frameset rows="103,*,43" frameborder=0 border="0" framespacing="0">
<frame src="${pageContext.request.contextPath}/admin/top.jsp" name="topFrame" scrolling="NO" noresize>
<frameset cols="159,*" frameborder="0" border="0" framespacing="0">
<frame src="${pageContext.request.contextPath}/admin/left.jsp" name="leftFrame" noresize scrolling="YES">
<frame src="${pageContext.request.contextPath}/admin/welcome.jsp" name="mainFrame">
</frameset>
<frame src="${pageContext.request.contextPath}/admin/bottom.jsp" name="bottomFrame" scrolling="NO" noresize>
</frameset>
</html>
package com.itheima.web.servlet; import java.io.IOException; import java.util.List; import javax.servlet.ServletException; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import com.itheima.domain.Category; import com.itheima.service.CategoryService; import com.itheima.utils.BeanFactory; import com.itheima.utils.UUIDUtils; import com.itheima.web.servlet.base.BaseServlet; /** * 后台分类管理模块 */ public class AdminCategoryServlet extends BaseServlet { private static final long serialVersionUID = 1L; /** * 添加分类 * @param request * @param response * @return * @throws ServletException * @throws IOException */ public String save(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { try { //1.封装category对象 Category c = new Category(); c.setCid(UUIDUtils.getId()); c.setCname(request.getParameter("cname")); //2.调用service完成添加操作 CategoryService cs = (CategoryService) BeanFactory.getBean("CategoryService"); cs.save(c); //3.重定向 response.sendRedirect(request.getContextPath()+"/adminCategory?method=findAll"); } catch (Exception e) { e.printStackTrace(); throw new RuntimeException(); } return null; } /** * 跳转到添加页面 * @param request * @param response * @return * @throws ServletException * @throws IOException */ public String addUI(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { return "/admin/category/add.jsp"; } /** * 展示所有分类 * @param request * @param response * @return * @throws ServletException * @throws IOException */ public String findAll(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { try { //1.调用service 获取所有的分类 CategoryService cs = (CategoryService) BeanFactory.getBean("CategoryService"); List<Category> list=cs.findList(); //2.将返回值放入request域中 请求转发 request.setAttribute("list", list); } catch (Exception e) { e.printStackTrace(); throw new RuntimeException(); } return "/admin/category/list.jsp"; } }
package com.itheima.web.servlet; import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.util.Date; import java.util.HashMap; import java.util.List; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.apache.commons.beanutils.BeanUtils; import org.apache.commons.fileupload.FileItem; import org.apache.commons.fileupload.disk.DiskFileItemFactory; import org.apache.commons.fileupload.servlet.ServletFileUpload; import org.apache.commons.io.IOUtils; import com.itheima.constant.Constant; import com.itheima.domain.Category; import com.itheima.domain.Product; import com.itheima.service.ProductService; import com.itheima.utils.BeanFactory; import com.itheima.utils.UUIDUtils; import com.itheima.utils.UploadUtils; /** * 保存商品 */ public class AddProductServlet extends HttpServlet { private static final long serialVersionUID = 1L; protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { try { //0.使用fileuload保存图片和将商品的信息放入map中 //0.1 创建map 存放商品的信息 Map<String,Object> map=new HashMap<>(); //0.2 创建磁盘文件项工厂 (设置临时文件的大小和位置) DiskFileItemFactory factory = new DiskFileItemFactory(); //0.3 创建核心上传对象 ServletFileUpload upload = new ServletFileUpload(factory); //0.4 解析request List<FileItem> list = upload.parseRequest(request); //0.5遍历list 获取每一个文件项 for (FileItem fi : list) { //0.6获取name属性值 String key = fi.getFieldName(); //0.7判断是否是普通的上传组件 if(fi.isFormField()){ //普通 map.put(key, fi.getString("utf-8")); }else{ //文件 //a.获取文件的名称 1.jpg String name = fi.getName(); //b.获取文件真实名称 1.jpg String realName = UploadUtils.getRealName(name); //c.获取文件的随机名称 12312312434234.jpg String uuidName = UploadUtils.getUUIDName(realName); //d.获取随机目录 /a/3 String dir = UploadUtils.getDir(); //e.获取文件内容(输入流) InputStream is = fi.getInputStream(); //f.创建输出流 //获取products目录的真实路径 String productPath = getServletContext().getRealPath("/products"); //创建随机目录 File dirFile = new File(productPath,dir); if(!dirFile.exists()){ dirFile.mkdirs(); } // d:/tomcat/webapps/store/prouduct/a/3/12312312434234.jpg FileOutputStream os = new FileOutputStream(new File(dirFile,uuidName)); //g.对拷流 IOUtils.copy(is, os); //h.释放资源 os.close(); is.close(); //i.删除临时文件 fi.delete(); //j.将商品的路径放入map中 prouduct/a/3/12312312434234.jpg map.put(key, "products"+dir+"/"+uuidName); } } //1.封装product对象 Product p = new Product(); //1.1.手动设置 pid map.put("pid", UUIDUtils.getId()); //1.2.手动设置 pdate map.put("pdate", new Date()); //1.3.手动设置 pflag 上架 map.put("pflag", Constant.PRODUCT_IS_UP); //1.4.使用beanutils封装 BeanUtils.populate(p, map); //1.5.手动设置 category Category c = new Category(); c.setCid((String)map.get("cid")); p.setCategory(c); //2.调用service 完成保存 ProductService ps = (ProductService) BeanFactory.getBean("ProductService"); ps.save(p); //3.重定向 response.sendRedirect(request.getContextPath()+"/adminProduct?method=findAll"); } catch (Exception e) { e.printStackTrace(); throw new RuntimeException("保存商品失败"); } } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } }
package com.itheima.utils; import java.util.Random; import java.util.UUID; public class UploadUtils { /** * 获取文件真实名称 * 由于浏览器的不同获取的名称可能为:c:/upload/1.jpg或者1.jpg * 最终获取的为 1.jpg * @param name 上传上来的文件名称 * @return 真实名称 */ public static String getRealName(String name){ //获取最后一个"/" int index = name.lastIndexOf("\\"); return name.substring(index+1); } /** * 获取随机名称 * @param realName 真实名称 * @return uuid 随机名称 */ public static String getUUIDName(String realName){ //realname 可能是 1.jpg 也可能是 1 //获取后缀名 int index = realName.lastIndexOf("."); if(index==-1){ return UUID.randomUUID().toString().replace("-", "").toUpperCase(); }else{ return UUID.randomUUID().toString().replace("-", "").toUpperCase()+realName.substring(index); } } /** * 获取文件目录,可以获取256个随机目录 * @return 随机目录 */ public static String getDir(){ String s="0123456789ABCDEF"; Random r = new Random(); return "/"+s.charAt(r.nextInt(16))+"/"+s.charAt(r.nextInt(16)); } public static void main(String[] args) { //String s="G:\\day17-基础加强\\resource\\1.jpg"; String s="1"; String realName = getRealName(s); System.out.println(realName); String uuidName = getUUIDName(realName); System.out.println(uuidName); String dir = getDir(); System.out.println(dir); } }
