标签：名称 mon fastdfs 同步 客户 数字 需求 使用 dmi
day5--后台管理模块开发
案例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
注意: 图片目录 保存 备份
标签：名称 mon fastdfs 同步 客户 数字 需求 使用 dmi
原文地址：http://www.cnblogs.com/ou-pc/p/7895720.html
