【SSH网上商城项目实战12】添加和更新商品功能的实现

最新推荐文章于 2021-05-06 20:48:10 发布
最新推荐文章于 2021-05-06 20:48:10 发布
阅读量282 收藏
点赞数
分类专栏： SSH网上商城

转自：http://blog.csdn.net/eson_15/article/details/51366370

添加商品部分原理和添加商品类别是一样的，不过要比商品类别复杂，因为商品的属性有很多，对应的数据库中的字段也就多了，添加商品还有个选项是上传图片，这一小块内容会在下一篇博客中单独说明，因为这涉及到一个知识点，就是Struts2实现文件上传功能。其他废话不多说了，现在开始完善添加商品部分的代码：

1. 添加商品

1.1 添加商品的UI实现

        首先完成query.jsp中添加商品部分的代码：

        接下来我们看save.jsp中的具体实现：

[javascript] view plain copy
print ? 在CODE上查看代码片 派生到我的代码片
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  3. <html>  
  4.   <head>  
  5.     <%@ include file="/public/head.jspf" %>  
  6.     <style type="text/css">  
  7.         form div {  
  8.             margin:10px;  
  9.         }  
  10.     </style>  
  11.     <script type="text/javascript">  
  12.         $(function(){  
  13.             //自定义验证方法向validatebox.defaults.rules中注册新函数  
  14.             $.extend($.fn.validatebox.defaults.rules,{  
  15.                 //函数的名称：{函数的实现体(又是一个json对象，里面包括函数的实现，和错误消息的设置)}   
  16.                 format:{  
  17.                     //函数实现，如果返回为false，则验证失败  
  18.                     validator: function(value,param){  
  19.                         //获取当前文件的后缀名  
  20.                         var ext = value.substring(value.lastIndexOf('.') + 1);  
  21.                         //获取支持的文件后缀名，然后比较即可  
  22.                         var arr = param[0].split(",");  
  23.                         for(var i = 0; i < arr.length; i++) {  
  24.                             if(ext == arr[i])  
  25.                                 return true;  
  26.                         }  
  27.                         return false;  
  28.                     },  
  29.                     //错误消息  
  30.                     message: '文件后缀必须为:{0}'  
  31.                 }  
  32.             });  
  33.               
  34.             //对商品类别的下拉列表框进行远程加载  
  35.             $("#cc").combobox({     
  36.                 //将请求发送给categoryAction中的query方法处理，这里需要将处理好的数据返回到这边来显示了 ，所以后台需要将数据打包成json格式发过来  
  37.                 url:'category_query.action',    
  38.                 valueField:'id',      
  39.                 textField:'type', //我们下拉列表中显示的是所有的商品类别  
  40.                 panelHeight:'auto', //自适应高度  
  41.                 panelWidth:120,//下拉列表是两个组件组成的  
  42.                 width:120, //要同时设置两个宽度才行  
  43.                 editable:false, //下拉框不允许编辑  
  44.                 //combobox继承combo继承validatebox，所以可以直接在这里设置验证  
  45.                 required:true,  
  46.                 missingMessage:'请选择所属类别'  
  47.             });    
  48.                   
  49.             $("input[name=name]").validatebox({  
  50.                 required:true,  
  51.                 missingMessage:'请输入商品名称'  
  52.             });  
  53.   
  54.             $("input[name=price]").numberbox({  
  55.                 required:true,  
  56.                 missingMessage:'请输入商品价格',  
  57.                 min:0,  
  58.                 precision:2, //保留两位小数  
  59.                 prefix:'$'  
  60.             });  
  61.             $("input[name='fileImage.upload']").validatebox({  
  62.                 required:true,  
  63.                 missingMessage:'请上传商品图片',  
  64.                 //设置自定义方法  
  65.                 validType:"format['gif,jpg,jpeg,png']"//中括号里面是参数  
  66.             });  
  67.       
  68.             $("textarea[name=remark]").validatebox({  
  69.                 required:true,  
  70.                 missingMessage:'请输入商品的简单描述'  
  71.             });  
  72.               
  73.             $("textarea[name=xremark]").validatebox({  
  74.                 required:true,  
  75.                 missingMessage:'请输入商品的简单描述'  
  76.             });  
  77.               
  78.             //窗体弹出默认时禁用验证  
  79.             $("#ff").form("disableValidation");  
  80.               
  81.             //注册button的事件  
  82.             $("#submit").click(function(){  
  83.                 //开启验证  
  84.                 $("#ff").form("enableValidation");  
  85.                 //如果验证成功，则提交数据  
  86.                 if($("#ff").form("validate")) {  
  87.                     //调用submit方法提交数据  
  88.                     $("#ff").form('submit', {  
  89.                         url: 'product_save.action',  
  90.                         success: function(){  
  91.                             //如果成功了，关闭当前窗口  
  92.                             parent.$("#win").window("close");  
  93.                             parent.$("iframe[title='商品管理']").get(0).contentWindow.$("#dg").datagrid("reload");  
  94.                         }  
  95.                     });  
  96.                 }  
  97.             });  
  98.               
  99.             //注册button的事件  
  100.             $("#reset").click(function(){  
  101.                 $("#ff").form("disableValidation");//重置不需要表单验证  
  102.                 //重置当前表单数据  
  103.                 $("#ff").form("reset");  
  104.             });  
  105.         });  
  106.     </script>  
  107.   </head>  
  108.     
  109.   <body>  
  110.       <form title="添加商品" id="ff" method="post" enctype="multipart/form-data">  
  111.         <div>  
  112.             <label>商品名称:</label> <input type="text" name="name" />  
  113.         </div>  
  114.   
  115.         <div>  
  116.             <label>商品价格:</label> <input type="text" name="price" />  
  117.         </div>  
  118.         <div>  
  119.             <label>图片上传:</label> <input type="file" name="fileImage.upload" />  
  120.         </div>  
  121.   
  122.         <div>  
  123.             <label>所属类别：</label>   
  124.             <input id="cc" name="category.id"/>  
  125.         </div>  
  126.           
  127.         <div>  
  128.             <label>加入推荐:</label> 推荐:<input type="radio" name="commend"  
  129.                 checked="checked" value="true" />  不推荐:<input type="radio"  
  130.                 name="commend" value="false" />   
  131.         </div>  
  132.         <div>  
  133.             <label>是否有效:</label>  
  134.             上架:<input type="radio" name="open" checked="checked"value="true" />  
  135.             下架:<input type="radio" name="open" value="false" />  
  136.                       
  137.         </div>  
  138.            
  139.         <div>  
  140.             <label>简单描述:</label>  
  141.             <textarea name="remark" cols="40" rows="4"></textarea>  
  142.         </div>  
  143.         <div>  
  144.             <label>详细描述:</label>  
  145.             <textarea name="xremark" cols="40" rows="8"></textarea>  
  146.         </div>  
  147.         <div>  
  148.             <a id="submit" href="#" class="easyui-linkbutton">添 加</a>   
  149.             <a id="reset" href="#" class="easyui-linkbutton">重 置</a>  
  150.         </div>  
  151.       </form>   
  152.   </body>  
  153. </html>  
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<%@ include file="/public/head.jspf" %>
	<style type="text/css">
		form div {
			margin:10px;
		}
	</style>
	<script type="text/javascript">
		$(function(){
			//自定义验证方法向validatebox.defaults.rules中注册新函数
			$.extend($.fn.validatebox.defaults.rules,{
				//函数的名称：{函数的实现体(又是一个json对象，里面包括函数的实现，和错误消息的设置)} 
				format:{
					//函数实现，如果返回为false，则验证失败
					validator: function(value,param){
						//获取当前文件的后缀名
						var ext = value.substring(value.lastIndexOf('.') + 1);
						//获取支持的文件后缀名，然后比较即可
						var arr = param[0].split(",");
						for(var i = 0; i < arr.length; i++) {
							if(ext == arr[i])
								return true;
						}
						return false;
					},
					//错误消息
					message: '文件后缀必须为:{0}'
				}
			});
			
			//对商品类别的下拉列表框进行远程加载
			$("#cc").combobox({   
				//将请求发送给categoryAction中的query方法处理，这里需要将处理好的数据返回到这边来显示了 ，所以后台需要将数据打包成json格式发过来
			    url:'category_query.action',  
			    valueField:'id',    
			    textField:'type', //我们下拉列表中显示的是所有的商品类别
			    panelHeight:'auto', //自适应高度
			    panelWidth:120,//下拉列表是两个组件组成的
			    width:120, //要同时设置两个宽度才行
			    editable:false, //下拉框不允许编辑
			    //combobox继承combo继承validatebox，所以可以直接在这里设置验证
			    required:true,
				missingMessage:'请选择所属类别'
			});  
				
			$("input[name=name]").validatebox({
				required:true,
				missingMessage:'请输入商品名称'
			});

			$("input[name=price]").numberbox({
				required:true,
				missingMessage:'请输入商品价格',
				min:0,
				precision:2, //保留两位小数
				prefix:'$'
			});
			$("input[name='fileImage.upload']").validatebox({
				required:true,
				missingMessage:'请上传商品图片',
				//设置自定义方法
				validType:"format['gif,jpg,jpeg,png']"//中括号里面是参数
			});
	
			$("textarea[name=remark]").validatebox({
				required:true,
				missingMessage:'请输入商品的简单描述'
			});
			
			$("textarea[name=xremark]").validatebox({
				required:true,
				missingMessage:'请输入商品的简单描述'
			});
			
			//窗体弹出默认时禁用验证
			$("#ff").form("disableValidation");
			
			//注册button的事件
			$("#submit").click(function(){
				//开启验证
				$("#ff").form("enableValidation");
				//如果验证成功，则提交数据
				if($("#ff").form("validate")) {
					//调用submit方法提交数据
					$("#ff").form('submit', {
						url: 'product_save.action',
						success: function(){
							//如果成功了，关闭当前窗口
							parent.$("#win").window("close");
							parent.$("iframe[title='商品管理']").get(0).contentWindow.$("#dg").datagrid("reload");
						}
					});
				}
			});
			
			//注册button的事件
			$("#reset").click(function(){
				$("#ff").form("disableValidation");//重置不需要表单验证
				//重置当前表单数据
				$("#ff").form("reset");
			});
		});
	</script>
  </head>
  
  <body>
	  <form title="添加商品" id="ff" method="post" enctype="multipart/form-data">
		<div>
			<label>商品名称:</label> <input type="text" name="name" />
		</div>

		<div>
			<label>商品价格:</label> <input type="text" name="price" />
		</div>
		<div>
			<label>图片上传:</label> <input type="file" name="fileImage.upload" />
		</div>

		<div>
			<label>所属类别：</label> 
			<input id="cc" name="category.id"/>
		</div>
		
		<div>
			<label>加入推荐:</label> 推荐:<input type="radio" name="commend"
				checked="checked" value="true" />  不推荐:<input type="radio"
				name="commend" value="false" /> 
		</div>
		<div>
			<label>是否有效:</label>
			上架:<input type="radio" name="open" checked="checked"value="true" />
			下架:<input type="radio" name="open" value="false" />
					
		</div>
		 
		<div>
			<label>简单描述:</label>
			<textarea name="remark" cols="40" rows="4"></textarea>
		</div>
		<div>
			<label>详细描述:</label>
			<textarea name="xremark" cols="40" rows="8"></textarea>
		</div>
		<div>
			<a id="submit" href="#" class="easyui-linkbutton">添 加</a> 
			<a id="reset" href="#" class="easyui-linkbutton">重 置</a>
		</div>
	  </form>	
  </body>
</html>
        我们主要来看一下上面js代码中中自定义方法部分，主要是定义对上传的图片的验证，具体分析如下：

然后在图片验证这块就可以使用自定义的方法了：

1.2 添加商品的后台实现

[java] view plain copy
print ? 在CODE上查看代码片 派生到我的代码片
  1. @Controller("productAction")  
  2. @Scope("prototype")  
  3. public class ProductAction extends BaseAction<Product> {  
  4.   
  5.         //省略其他代码……  
  6.       
  7.     public void save() throws Exception {  
  8.         //处理上传的图片，下一篇博客专门分析struts2文件上传  
  9.           
  10.         model.setDate(new Date()); //设置一下当前时间，因为前台没有把时间字段传进来，这里自己设置一下即可  
  11.         System.out.println(model);  
  12.         //商品信息入库  
  13.         productService.save(model);  
  14.     }  
  15. }  
@Controller("productAction")
@Scope("prototype")
public class ProductAction extends BaseAction<Product> {

        //省略其他代码……
	
	public void save() throws Exception {
		//处理上传的图片，下一篇博客专门分析struts2文件上传
		
		model.setDate(new Date()); //设置一下当前时间，因为前台没有把时间字段传进来，这里自己设置一下即可
		System.out.println(model);
		//商品信息入库
		productService.save(model);
	}
}

2. 更新商品

2.1 更新商品的UI实现

        首先看下query.jsp中更新商品部分的代码：

        接下来看看update.jsp的内容：

[javascript] view plain copy
print ? 在CODE上查看代码片 派生到我的代码片
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  3. <html>  
  4.   <head>  
  5.     <%@ include file="/public/head.jspf" %>  
  6.     <style type="text/css">  
  7.         form div {  
  8.             margin:5px;  
  9.         }  
  10.     </style>  
  11.     <script type="text/javascript">  
  12.         $(function(){  
  13.             //iframe中的datagrid对象  
  14.             var dg = parent.$("iframe[title='商品管理']").get(0).contentWindow.$("#dg");  
  15.               
  16.             //对商品类的下拉列表框进行远程加载  
  17.             $("#cc").combobox({     
  18.                 //将请求发送给categoryAction中的query方法处理，这里需要将处理好的数据返回到这边来显示了 ，所以后台需要将数据打包成json格式发过来  
  19.                 url:'category_query.action',    
  20.                 valueField:'id',      
  21.                 textField:'type', //我们下拉列表中显示的是商品的类别名  
  22.                 panelHeight:'auto', //自适应高度  
  23.                 panelWidth:120,//下拉列表是两个组件组成的  
  24.                 width:120, //要同时设置两个宽度才行  
  25.                 editable:false, //下拉框不允许编辑  
  26.               //combobox继承combo继承validatebox，所以可以直接在这里设置验证  
  27.                 required:true,  
  28.                 missingMessage:'请选择所属类别'  
  29.             });    
  30.               
  31.             // 完成数据的回显，更新时，用户肯定先选择了要更新的那一行，首先我们得拿到那一行  
  32.             var rows = dg.datagrid("getSelections");  
  33.             //将拿到的那一行对应的数据字段加载到表单里，实现回显  
  34.             $("#ff").form('load',{  
  35.                 id:rows[0].id,  
  36.                 name:rows[0].name,  
  37.                 price:rows[0].price,  
  38.                 remark:rows[0].remark,  
  39.                 xremark:rows[0].xremark,  
  40.                 commend:rows[0].commend,  
  41.                 open:rows[0].open,  
  42.                 'category.id':rows[0].category.id //EasyUI不支持account.id这种点操作，所以要加个引号  
  43.             });  
  44.   
  45.             //回显完了数据后，设置一下验证功能  
  46.             $("input[name=name]").validatebox({  
  47.                 required:true,  
  48.                 missingMessage:'请输入类别名称'  
  49.             });   
  50.             $("input[name=price]").numberbox({  
  51.                 required:true,  
  52.                 missingMessage:'请输入商品价格',  
  53.                 min:0,  
  54.                 precision:2, //保留两位小数  
  55.                 prefix:'$'  
  56.             });  
  57.             $("input[name='fileImage.upload']").validatebox({  
  58.                 required:true,  
  59.                 missingMessage:'请上传商品图片',  
  60.                 //设置自定义方法  
  61.                 validType:"format['gif,jpg,jpeg,png']"//中括号里面是参数  
  62.             });  
  63.       
  64.             $("textarea[name=remark]").validatebox({  
  65.                 required:true,  
  66.                 missingMessage:'请输入商品的简单描述'  
  67.             });  
  68.               
  69.             $("textarea[name=xremark]").validatebox({  
  70.                 required:true,  
  71.                 missingMessage:'请输入商品的简单描述'  
  72.             });  
  73.             //窗体弹出默认时禁用验证  
  74.             $("#ff").form("disableValidation");  
  75.             //注册button的事件  
  76.             $("#btn").click(function(){  
  77.                 //开启验证  
  78.                 $("#ff").form("enableValidation");  
  79.                 //如果验证成功，则提交数据  
  80.                 if($("#ff").form("validate")) {  
  81.                     //调用submit方法提交数据  
  82.                     $("#ff").form('submit', {  
  83.                         url: 'product_update.action', //提交时将请求传给productAction的update方法执行  
  84.                         success: function(){  
  85.                             //如果成功了，关闭当前窗口，并刷新页面  
  86.                             parent.$("#win").window("close");  
  87.                             dg.datagrid("reload");  
  88.                         }  
  89.                     });  
  90.                 }  
  91.             });  
  92.         });  
  93.     </script>  
  94.   </head>  
  95.     
  96.   <body>  
  97.     <form title="更新商品" id="ff" method="post" enctype="multipart/form-data">  
  98.         <div>     
  99.             <label for="name">商品名称:</label> <input type="text" name="name" />     
  100.         </div>     
  101.         <div>  
  102.             <label for="price">商品价格:</label> <input type="text" name="price" />  
  103.         </div>  
  104.         <div>  
  105.             <label>更新图片:</label> <input type="file" name="fileImage.upload" />  
  106.         </div>  
  107.         <div>     
  108.             <label for="account">所属商品类:</label>  
  109.              <!-- 远程加载管理员数据 -->  
  110.              <input id="cc" name="category.id" />  
  111.         </div>  
  112.         <div>  
  113.             <label for="remark">简单描述:</label>  
  114.             <textarea name="remark" cols="40" rows="4"></textarea>  
  115.         </div>  
  116.         <div>  
  117.             <label for="xremark">详细描述:</label>  
  118.             <textarea name="xremark" cols="40" rows="8"></textarea>  
  119.         </div>  
  120.         <div>  
  121.             <label for="commend">推荐商品:</label>   
  122.                 是:<input type="radio" name="commend" value="true" />     
  123.                 否:<input type="radio" name="commend" value="false" />   
  124.         </div>  
  125.         <div>  
  126.             <label for="open">有效商品:</label>  
  127.             上架:<input type="radio" name="open" value="true" />  
  128.             下架:<input type="radio" name="open" value="false" />  
  129.                       
  130.         </div>  
  131.           
  132.         <div>  
  133.             <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">更新</a>    
  134.             <input type="hidden" name="id" />  
  135.         </div>  `  
  136.     </form>     
  137.   </body>  
  138. </html>  
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<%@ include file="/public/head.jspf" %>
	<style type="text/css">
		form div {
			margin:5px;
		}
	</style>
	<script type="text/javascript">
		$(function(){
			//iframe中的datagrid对象
			var dg = parent.$("iframe[title='商品管理']").get(0).contentWindow.$("#dg");
			
			//对商品类的下拉列表框进行远程加载
			$("#cc").combobox({   
				//将请求发送给categoryAction中的query方法处理，这里需要将处理好的数据返回到这边来显示了 ，所以后台需要将数据打包成json格式发过来
			    url:'category_query.action',  
			    valueField:'id',    
			    textField:'type', //我们下拉列表中显示的是商品的类别名
			    panelHeight:'auto', //自适应高度
			    panelWidth:120,//下拉列表是两个组件组成的
			    width:120, //要同时设置两个宽度才行
			    editable:false, //下拉框不允许编辑
			  //combobox继承combo继承validatebox，所以可以直接在这里设置验证
			    required:true,
				missingMessage:'请选择所属类别'
			});  
			
			// 完成数据的回显，更新时，用户肯定先选择了要更新的那一行，首先我们得拿到那一行
			var rows = dg.datagrid("getSelections");
			//将拿到的那一行对应的数据字段加载到表单里，实现回显
			$("#ff").form('load',{
				id:rows[0].id,
				name:rows[0].name,
				price:rows[0].price,
				remark:rows[0].remark,
				xremark:rows[0].xremark,
				commend:rows[0].commend,
				open:rows[0].open,
				'category.id':rows[0].category.id //EasyUI不支持account.id这种点操作，所以要加个引号
			});

			//回显完了数据后，设置一下验证功能
			$("input[name=name]").validatebox({
				required:true,
				missingMessage:'请输入类别名称'
			});	
			$("input[name=price]").numberbox({
				required:true,
				missingMessage:'请输入商品价格',
				min:0,
				precision:2, //保留两位小数
				prefix:'$'
			});
			$("input[name='fileImage.upload']").validatebox({
				required:true,
				missingMessage:'请上传商品图片',
				//设置自定义方法
				validType:"format['gif,jpg,jpeg,png']"//中括号里面是参数
			});
	
			$("textarea[name=remark]").validatebox({
				required:true,
				missingMessage:'请输入商品的简单描述'
			});
			
			$("textarea[name=xremark]").validatebox({
				required:true,
				missingMessage:'请输入商品的简单描述'
			});
			//窗体弹出默认时禁用验证
			$("#ff").form("disableValidation");
			//注册button的事件
			$("#btn").click(function(){
				//开启验证
				$("#ff").form("enableValidation");
				//如果验证成功，则提交数据
				if($("#ff").form("validate")) {
					//调用submit方法提交数据
					$("#ff").form('submit', {
						url: 'product_update.action', //提交时将请求传给productAction的update方法执行
						success: function(){
							//如果成功了，关闭当前窗口，并刷新页面
							parent.$("#win").window("close");
							dg.datagrid("reload");
						}
					});
				}
			});
		});
	</script>
  </head>
  
  <body>
  	<form title="更新商品" id="ff" method="post" enctype="multipart/form-data">
	    <div>   
	        <label for="name">商品名称:</label> <input type="text" name="name" />   
	    </div>   
	    <div>
			<label for="price">商品价格:</label> <input type="text" name="price" />
		</div>
		<div>
			<label>更新图片:</label> <input type="file" name="fileImage.upload" />
		</div>
		<div>   
	        <label for="account">所属商品类:</label>
	         <!-- 远程加载管理员数据 -->
	         <input id="cc" name="category.id" />
	    </div>
		<div>
			<label for="remark">简单描述:</label>
			<textarea name="remark" cols="40" rows="4"></textarea>
		</div>
		<div>
			<label for="xremark">详细描述:</label>
			<textarea name="xremark" cols="40" rows="8"></textarea>
		</div>
		<div>
			<label for="commend">推荐商品:</label> 
				是:<input type="radio" name="commend" value="true" />   
				否:<input type="radio" name="commend" value="false" /> 
		</div>
		<div>
			<label for="open">有效商品:</label>
			上架:<input type="radio" name="open" value="true" />
			下架:<input type="radio" name="open" value="false" />
					
		</div>
	    
	    <div>
	    	<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">更新</a>  
	    	<input type="hidden" name="id" />
	    </div>  `
	</form>  	
  </body>
</html>
        更新部分与商品类别的更新基本相同，不再赘述，下面是后台更新部分的实现：

2.2  更新商品的后台实现

[java] view plain copy
print ? 在CODE上查看代码片 派生到我的代码片
  1. @Controller("productAction")  
  2. @Scope("prototype")  
  3. public class ProductAction extends BaseAction<Product> {  
  4.   
  5.         //省略其他代码……  
  6.       
  7.     public void update() throws Exception {  
  8.         //处理上传的图片，下一篇博客专门分析struts2文件上传  
  9.           
  10.         model.setDate(new Date()); //设置一下当前时间，因为前台没有把时间字段传进来，这里自己设置一下即可  
  11.         System.out.println(model);  
  12.         //更新商品  
  13.         productService.update(model);  
  14.     }  
  15. }  
@Controller("productAction")
@Scope("prototype")
public class ProductAction extends BaseAction<Product> {

        //省略其他代码……
	
	public void update() throws Exception {
		//处理上传的图片，下一篇博客专门分析struts2文件上传
		
		model.setDate(new Date()); //设置一下当前时间，因为前台没有把时间字段传进来，这里自己设置一下即可
		System.out.println(model);
		//更新商品
		productService.update(model);
	}
}
        跟更新商品类别相比，唯一多了个图片上传的操作，要在后台处理上传的图片，我们在下一篇博客详细分析struts2的文件上传功能。


     相关阅读：http://blog.csdn.net/column/details/str2hiberspring.html

       整个项目的源码下载地址：http://blog.csdn.net/eson_15/article/details/51479994

liuyang_deve
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SSH项目上传图片并把图片路径存放在数据库， 及其图片的显示
MADE_Y
02-16 1万+
页面设置: [java] view plain copy   "post" enctype="multipart/form-data">       "file" name="upload" />   enctype属性：     enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。     默认地，表单数据会编
【基础练习】Bootstrap+Mybatis创建一个网上购物商城的Maven项目
Crecendow
08-29 1003
前言： 1、基本的功能包括登录、商品展示、商品添加、购物车展示、总价动态展示。 2、前端的框架这次采用了Bootstrap，说一下用它的优点是什么 --- Bootstrap table可以自动分页、有搜索的按钮，都是基于前端就能实现的。 3、mybatis逆向工程文件生成所需要的dao、mapper和entity。 前端实现： 1、login.html文件用于做登录功能，这里使用...
用ssh实现图片上传
07-11
详细的资料上传ssh代码在页面上写上struts的文件标签，注意enctype="multipart/form-data" method="post"，action里要求有3个属性 private File file; private String fileContentType; private String fileFileName; 然后，struts会自动解析，把页面上的相关内容存过去，你在excute里读就行了,我把文件信息封装成ProjectFile,其中file_content以byte[]存储的，所以使用了FileInputStream流读取文件，然后写到ByteArrayOutputStream流中，最后赋给ProjectFile的file_content
【Dongle】【SSH】商品图片上传
郑晓东 廊坊师范学院信息技术提高班 十二期
02-11 893
利用表单上传文件到服务器。
十七、商品添加
sunnnnh的博客
03-26 2396
（1）通过编程式导航跳转到商品添加页面 1. 在List.vue页面。点击添加商品，实现页面跳转 2. 创建商品添加组件Add.vue 3. 为Add组件添加路由 （2） 渲染添加页面的基本UI结构 使用到Alter警告和Steps 步骤条组件 1. 引入组件 2. add组件的基本UI结构 （3）美化步骤条组件 1. 增加进度，并修改文字 2. css样式 （4）渲染tab栏区域 （5）实...
添加商品功能的实现
u012994320的博客
03-27 6529
Jsp页面设置： formaction="${pageContext.request.contextPath}/AddProdServlet" method="post" enctype="multipart/form-data"> form> Servlet相关操作： //因为要传表单中的名称，以及值，所以创建map进行存放 Map map = new HashMap();
添加商品思路
SuperStarRiver的博客
05-06 137
对整体表单进行预检验 对表单每项数据进行处理 例如：商品分类转换在字符串列表，商品参数attrs包括动态和表态参数处理 对addForm对象进行深拷贝 深拷贝与浅拷贝的区别？ 可以简单理解： 1.javaScrip基本类型赋值都属于深拷贝，也就是说改变一个变量的值，不会影响另一个变量的值 2. javaScript对象拷贝：拷贝的是地址而不是里面的值 1. 如何实现对象的深拷贝 第一种：JSON.parse(JSON.stringify(要转换的对象)) 第二种：用.
SSH框架搭建电商系统之图片上传与显示
LoveSH
04-18 3563
1.从Jsp页面提取上传的图片信息upload，里要加 enctype="multipart/form-data"属性，上传的图片name="upload" type="file" 2.图片上传到指定路径（其中我上传的是到服务器下文件夹，并保存路径为image/products/***） private String imageFileName; private String im
【SSH项目】如何上传图片
兔兔耶耶
03-04 7773
enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。 Multipart/form-data其实就是浏览器用表单上传文件的方式.最常见的情境是：在写邮件时，向邮件后添加附件，附件通常使用表单添加，也就是用multipart/form-data格式上传到服务器.在上传图片的时候也是用这种格式上传的.
ssm_018_mysql_多平台大学生创新团队管理系统_.zip
最新发布
08-08
大学生作为社会向前发展的源动力，必须与知识经济时代发展要求相适应，具有较强的创新能力。而未来社会迫切需要的是具有创新创业能力的人才。高素质人才应具有独立生存的自信心、不断创新的进取心、广泛关怀的责任心；具有对环境的适应能力、对文化的整合能力、为理想而奋斗的实践能力。大学生应该通过坚持知识能力素质的辩证统一，突出创新能力的培养，努力提高实践能力，加强心理素质的锻炼促进独立创业思想的培养。因此，开发这款大学生创新团队管理系统是至关重要的。 根据需求，确定系统采用JSP技术，JAVA作为编程语言，MySQL作为数据库。整个系统要操作方便、易于维护、灵活实用。主要实现了频道维护、资源维护、交流中心、日志维护、系统管理等功能。
[毕业设计]学生成绩在线查询系统(PHP+MySQL)(源代码+论文).zip
08-08
[毕业设计]学生成绩在线查询系统(PHP+MySQL)(源代码+论文)
matlab Q学习仿真_rezip1【含Matlab源码】【Matlab精品】..zip
08-08
matlab Q学习仿真_rezip1【含Matlab源码】【Matlab精品】.
[毕业设计]PHP图书借阅与归还管理系统(源代码+论文).zip
08-08
[毕业设计]PHP图书借阅与归还管理系统(源代码+论文)
易语言HTTP读文件( )支持库的进度回调模块源码
08-08
本模块为易语言HTTP读文件（）支持库的下载进度回调扩展功能模块源码，获取下载文件大小，已经下载大小，下载进度百分比。易语言进度下载模块。需要编译后运行，调试模式无效。
SSH框架下网上商城商品展示模块设计与实现
总结来说，这篇文章详细介绍了如何利用SSH框架构建一个功能完善的网上商城，重点在于前台商品展示模块的实现策略和数据处理技术，这对于电商开发者和企业构建线上销售渠道具有实际指导意义。同时，也展示了网络购物...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值