巴巴运动网的产品信息
1、项目图解
2、我们开始做我们的相应的功能模块
页面的素材我会上传的，链接是：http://download.csdn.net/detail/cutter_point/8803985
产品显示的接口实现
/**
* 功能：这个是产品业务的接口
* 文件：ProductInfoService.java
* 时间：2015年5月22日16:48:25
* 作者：cutter_point
*/
package com.cutter_point.service.product;
import com.cutter_point.service.base.DAO;
public interface ProductInfoService extends DAO
{
//这里面定义ProductInfoService专有的方法
}
/**
* 功能：这是产品的服务类
* 文件：ProductInfoServiceBean.java
* 时间：2015年5月27日10:17:45
* 作者：cutter_point
*/
package com.cutter_point.service.product.impl;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;
import com.cutter_point.service.base.DaoSupport;
import com.cutter_point.service.product.ProductInfoService;
@Service //相当于在spring里面定义一个bean,这是注解的方式<context:component-scan base-package="com.cutter_point" />
@Transactional //在方法执行的时候开启事务
public class ProductInfoServiceBean extends DaoSupport implements ProductInfoService
{
}显示产品的实体
/**
* 功能：性别类别
* 文件：Sex.java
* 时间：2015年5月26日19:25:01
* 作者：cutter_point
*/
package com.cutter_point.bean.product;
public enum Sex
{
NONE
{
@Override
public String getName()
{
return "男女不限";
}
},
MAN
{
@Override
public String getName()
{
return "男";
}
},
WOMEN
{
@Override
public String getName()
{
return "女";
}
};
public abstract String getName();
}
/**
* 功能：这是产品样式的实体
* 文件：ProductStyle.java
* 时间：2015年5月27日09:18:23
* 作者：cutter_point
*/
package com.cutter_point.bean.product;
import java.io.Serializable;
import javax.persistence.CascadeType;
import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.Id;
import javax.persistence.JoinColumn;
import javax.persistence.ManyToOne;
@Entity
public class ProductStyle implements Serializable
{
private static final long serialVersionUID = -6670329064347582109L;
//id号
private Integer id;
//样式名字
private String name;
//样式照片的名字
private String imagename;
//是否可见
private Boolean visible;
//许多的样式都对应着一种产品
private ProductInfo product;
public ProductStyle()
{
}
public ProductStyle(String name, String imagename)
{
this.name = name;
this.imagename = imagename;
}
@Id @GeneratedValue //设定为主键，且自增长
public Integer getId()
{
return id;
}
public void setId(Integer id)
{
this.id = id;
}
@Column(length = 30, nullable = false)
public String getName()
{
return name;
}
public void setName(String name)
{
this.name = name;
}
@Column(length = 40, nullable = false)
public String getImagename()
{
return imagename;
}
public void setImagename(String imagename)
{
this.imagename = imagename;
}
@Column(nullable = false)
public Boolean getVisible()
{
return visible;
}
public void setVisible(Boolean visible)
{
this.visible = visible;
}
//级联更新，并且必须选择
@ManyToOne(cascade = CascadeType.REFRESH, optional = false)
//设定外键
@JoinColumn(name = "productid")
public ProductInfo getProduct()
{
return product;
}
public void setProduct(ProductInfo product)
{
this.product = product;
}
@Override
public int hashCode()
{
final int prime = 31;
int result = 1;
result = prime * result + ((id == null) ? 0 : id.hashCode());
return result;
}
@Override
public boolean equals(Object obj)
{
if (this == obj)
return true;
if (obj == null)
return false;
if (getClass() != obj.getClass())
return false;
ProductStyle other = (ProductStyle) obj;
if (id == null)
{
if (other.id != null)
return false;
} else if (!id.equals(other.id))
return false;
return true;
}
}
/**
* 功能：产品信息的实体类
* 文件：ProductInfo.java
* 时间：2015年5月22日16:33:49
* 作者：cutter_point
*/
package com.cutter_point.bean.product;
import java.io.Serializable;
import java.util.Date;
import java.util.HashSet;
import java.util.Set;
import javax.persistence.CascadeType;
import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.EnumType;
import javax.persistence.Enumerated;
import javax.persistence.GeneratedValue;
import javax.persistence.Id;
import javax.persistence.JoinColumn;
import javax.persistence.Lob;
import javax.persistence.ManyToOne;
import javax.persistence.OneToMany;
import javax.persistence.Temporal;
import javax.persistence.TemporalType;
@Entity
public class ProductInfo implements Serializable
{
private static final long serialVersionUID = -9060015497593350640L;
//产品的id号
private Integer id;
//货号
private String code;
//产品名
private String name;
//品牌
private Brand brand;
//型号
private String model;
//底价，也就是采购价
private Float baseprice;
//市场价
private Float marketprice;
//销售价
private Float sellprice;
//产品重量
private Integer weight;
//产品简介
private String description;
//购买说明
private String buyexplain;
//是否可见
private Boolean visible = true;
//产品型号
private ProductType type;
//上架日期
private Date createdate = new Date();
//人气指数
private Integer clickcount = 1;
//销售量
private Integer sellcount = 0;
//是否推荐
private Boolean commend = false;
//性别要求
private Sex sexrequest = Sex.NONE;
//一种产品会有多个样式
private Set<ProductStyle> styles = new HashSet<ProductStyle>();
@Column(length = 30)
public String getCode()
{
return code;
}
public void setCode(String code)
{
this.code = code;
}
@Column(length = 50, nullable = false)
public String getName()
{
return name;
}
public void setName(String name)
{
this.name = name;
}
//一个品牌有多个产品
@ManyToOne(cascade = CascadeType.REFRESH) //级联更新
//设定一个外键
@JoinColumn(name = "brandid")
public Brand getBrand()
{
return brand;
}
public void setBrand(Brand brand)
{
this.brand = brand;
}
@Column(length = 20)
public String getModel()
{
return model;
}
public void setModel(String model)
{
this.model = model;
}
@Column(nullable = false)
public Float getBaseprice()
{
return baseprice;
}
public void setBaseprice(Float baseprice)
{
this.baseprice = baseprice;
}
//市场价
@Column(nullable = false)
public Float getMarketprice()
{
return marketprice;
}
public void setMarketprice(Float marketprice)
{
this.marketprice = marketprice;
}
//销售价
@Column(nullable = false)
public Float getSellprice()
{
return sellprice;
}
public void setSellprice(Float sellprice)
{
this.sellprice = sellprice;
}
//重量,可以为空
public Integer getWeight()
{
return weight;
}
public void setWeight(Integer weight)
{
this.weight = weight;
}
//lob表示可以存放大点的数据
@Lob @Column(nullable = false)
public String getDescription()
{
return description;
}
public void setDescription(String description)
{
this.description = description;
}
@Column(length = 30)
public String getBuyexplain()
{
return buyexplain;
}
public void setBuyexplain(String buyexplain)
{
this.buyexplain = buyexplain;
}
@Column(nullable = false)
public Boolean getVisible()
{
return visible;
}
public void setVisible(Boolean visible)
{
this.visible = visible;
}
@ManyToOne(cascade = CascadeType.REFRESH, optional = false) //级联更新，并且这个产品类型必须存在
@JoinColumn(name = "typeid") //设置外键
public ProductType getType()
{
return type;
}
public void setType(ProductType type)
{
this.type = type;
}
@Temporal(TemporalType.DATE) //时间
public Date getCreatedate()
{
return createdate;
}
public void setCreatedate(Date createdate)
{
this.createdate = createdate;
}
@Column(nullable = false)
public Integer getClickcount()
{
return clickcount;
}
public void setClickcount(Integer clickcount)
{
this.clickcount = clickcount;
}
@Column(nullable = false)
public Integer getSellcount()
{
return sellcount;
}
public void setSellcount(Integer sellcount)
{
this.sellcount = sellcount;
}
@Column(nullable = false)
public Boolean getCommend()
{
return commend;
}
public void setCommend(Boolean commend)
{
this.commend = commend;
}
//枚举类型,EnumType.ORDINAL表示在数据库中存放相应的数字，EnumType.STRING表示在数据库中存放相应的字符串
@Enumerated(EnumType.STRING) @Column(length = 5, nullable = false)
public Sex getSexrequest()
{
return sexrequest;
}
public void setSexrequest(Sex sexrequest)
{
this.sexrequest = sexrequest;
}
@Id @GeneratedValue
public Integer getId()
{
return id;
}
public void setId(Integer id)
{
this.id = id;
}
//产品和样式之间的关系是一对多,这里定义级联删除,每个样式对应相应的产品
@OneToMany(cascade = CascadeType.REMOVE, mappedBy = "product")
public Set<ProductStyle> getStyles()
{
return styles;
}
public void setStyles(Set<ProductStyle> styles)
{
this.styles = styles;
}
//添加一个样式
public void addProductStyle(ProductStyle style)
{
if(!this.styles.contains(style))
{
this.styles.add(style); //添加一个样式
//同时让这个样式对应这种产品
style.setProduct(this);
}
}
//删除一个样式
public void removeProductStyle(ProductStyle style)
{
if(this.styles.contains(style)) //如果包含了这个样式
{
this.styles.remove(style); //添加一个样式
//同时让这个样式对应这种产品
style.setProduct(null);
}
}
}产品的显示界面productlist.jsp
<%@ page isELIgnored="false" contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="/struts-tags" prefix="s"%>
<html>
<head>
<title>产品列表</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../css/vip.css" type="text/css">
<script type="text/javascript">
//到指定的分页页面
function topage(page)
{
document.getElementById("page").value = page;
var obj = document.getElementsByName("form1").item(0);
obj.submit();
}
function actionEvent(methodname){
var form = document.forms[0];
if(validateIsSelect(form.all, form.productids)){
form.action=‘<html:rewrite action="/control/product/manage"/>‘;
form.method.value=methodname;
form.submit();
}else{
alert("请选择要操作的记录");
}
}
function allselect()
{
var selectall = document.getElementsByName("all").item(0); //获取得到全选按钮
var selecteveryone = document.getElementsByName("productids");
//判断全选按钮是否被选中
//如果被选中了，那么我们用循环进行和全选复选框同步为一样的
for(var i = 0; i < selecteveryone.length; ++i)
{
//吧选项一个一个地进行同步一样的
selecteveryone[i].checked = selectall.checked;
}
}
/*
* 判断是否选择了记录
*/
function validateIsSelect(allobj,items){
var state = allobj.checked;
if(items.length){
for(var i=0;i<items.length;i++){
if(items[i].checked) return true;
}
}else{
if(items.checked) return true;
}
return false;
}
//-->
</script>
<SCRIPT type="text/javascript" src="../js/FoshanRen.js"></SCRIPT>
</head>
<body bgcolor="#FFFFFF" text="#000000" marginwidth="0" marginheight="0">
<s:form action="productlist" method="post">
<s:hidden name="page"/>
<table width="98%" border="0" cellspacing="1" cellpadding="2" align="center">
<tr ><td colspan="10" bgcolor="6f8ac4" align="right">
</td></tr>
<tr>
<td width="5%" bgcolor="6f8ac4"><div align="center"><font color="#FFFFFF">产品ID</font></div></td>
<td width="10%" bgcolor="6f8ac4"> <div align="center"><font color="#FFFFFF">货号</font></div></td>
<td width="5%" nowrap bgcolor="6f8ac4"> <div align="center"><font color="#FFFFFF">修改</font></div></td>
<td width="30%" bgcolor="6f8ac4"> <div align="center"><font color="#FFFFFF">产品名称</font></div></td>
<td width="10%" nowrap bgcolor="6f8ac4"> <div align="center"><font color="#FFFFFF">所属分类</font></div></td>
<td width="5%" bgcolor="6f8ac4"><div align="center"><font color="#FFFFFF">底价</font></div></td>
<td width="5%" bgcolor="6f8ac4"><div align="center"><font color="#FFFFFF">销售价</font></div></td>
<td width="10%" bgcolor="6f8ac4"><div align="center"><font color="#FFFFFF">在售</font></div></td>
<td width="10%" bgcolor="6f8ac4"><div align="center"><font color="#FFFFFF">推荐</font></div></td>
<td width="10%" bgcolor="6f8ac4"><div align="center"><font color="#FFFFFF">产品图片</font></div></td>
</tr>
<!---------------------------LOOP START------------------------------>
<s:iterator value="#request.pageView.records" var="entry">
<tr>
<td bgcolor="f5f5f5">
<div align="center">
<INPUT TYPE="checkbox" NAME="productids" value="<s:property value="#entry.id" />">
<s:property value="#entry.id" />
</div>
</td>
<td bgcolor="f5f5f5">
<div align="center">
<s:property value="#entry.code" />
</div>
</td>
<td bgcolor="f5f5f5">
<div align="center">
<a href="##">
<img src="../images/edit.gif" width="15" height="16" border="0" />
</a>
</div>
</td>
<td bgcolor="f5f5f5">
<div align="center">
<s:property value="#entry.name" />
</div>
</td>
<td bgcolor="f5f5f5">
<div align="center">
<s:property value="#entry.type.name" />
</div>
</td>
<td bgcolor="f5f5f5">
<div align="center">
<s:property value="#entry.baseprice" />
</div>
</td>
<td bgcolor="f5f5f5">
<div align="center">
<s:property value="#entry.sellprice" />
</div>
</td>
<td bgcolor="f5f5f5" align="center">
<s:if test="#entry.visible">在售</s:if>
<s:if test="!#entry.visible">停售</s:if>
</td>
<td bgcolor="f5f5f5" align="center">
<s:if test="#entry.commend">推荐</s:if>
<s:if test="!#entry.commend">--</s:if>
</td>
<td bgcolor="f5f5f5">
<div align="center">
<a href="##">
产品图片管理
</a>
</div>
</td>
</tr>
</s:iterator>
<!----------------------LOOP END------------------------------->
<tr>
<td bgcolor="f5f5f5" colspan="10" align="center"><table width="100%" border="0" cellspacing="1" cellpadding="3">
<tr>
<td width="8%"><INPUT TYPE="checkbox" NAME="all" &amp;amp;amp;amp;amp;amp;amp;amp;lt;s:if test="??">disabled="disabled"</s:if>
onclick="javascript:allselect()">全选</td>
<td width="85%">
<input type="button" class="frm_btn" onClick="javascript:window.location.href=‘<s:url action="/control/product/manage"/>?method=addUI‘" value="添加产品">
<input name="query" type="button" class="frm_btn" id="query" onClick="javascript:window.location.href=‘<s:url action="/control/product/manage"/>?method=queryUI‘" value=" 查 询 ">
<input name="visible" type="button"
<s:if test="??">disabled="disabled"</s:if>
class="frm_btn" onClick="javascript:actionEvent(‘visible‘)" value=" 上 架 ">
<input name="disable" type="button" class="frm_btn"
<s:if test="??">disabled="disabled"</s:if>
onClick="javascript:actionEvent(‘disable‘)" value=" 下 架 ">
<input name="commend" type="button" class="frm_btn"
<s:if test="??">disabled="disabled"</s:if>
onClick="javascript:actionEvent(‘commend‘)" value=" 推 荐 ">
<input name="uncommend" type="button" class="frm_btn"
<s:if test="??">disabled="disabled"</s:if>
onClick="javascript:actionEvent(‘uncommend‘)" value=" 不推荐 " />
</td>
</tr>
</table></td>
</tr>
</table>
</s:form>
</body>
</html>我们的页面控制器action
/**
* 功能：这个是实现产品类和web层的交互
* 时间：2015年5月27日10:19:42
* 文件：ProductAction.java
* 作者：cutter_point
*/
package com.cutter_point.web.action.product;
import java.util.ArrayList;
import java.util.LinkedHashMap;
import java.util.List;
import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import org.apache.struts2.interceptor.ServletRequestAware;
import org.springframework.context.annotation.Scope;
import org.springframework.stereotype.Controller;
import com.cutter_point.bean.PageView;
import com.cutter_point.bean.QueryResult;
import com.cutter_point.bean.product.ProductInfo;
import com.cutter_point.service.product.ProductInfoService;
import com.opensymphony.xwork2.ActionSupport;
@Controller
@Scope("prototype")
public class ProductAction extends ActionSupport implements ServletRequestAware
{
private static final long serialVersionUID = -1041016333626692241L;
@Resource
private ProductInfoService productInfoService; //业务注入
//request
private HttpServletRequest request;
private int page;
@Override
public String execute() throws Exception
{
PageView<ProductInfo> pageview = new PageView<ProductInfo>(12, this.getPage());
int firstindex = (pageview.getCurrentpage() - 1) * pageview.getMaxresult(); //得到从哪个开始索引的值
LinkedHashMap<String, String> orderby = new LinkedHashMap<String, String>();
orderby.put("id", "asc");
StringBuilder hsql = new StringBuilder("o.visible = ?");
List<Object> params = new ArrayList<Object>(); //这个用来存放需要的排序方式
params.add(true);
QueryResult<ProductInfo> qr = productInfoService.getScrollData(ProductInfo.class, firstindex, pageview.getMaxresult(), hsql.toString(),
params.toArray(), orderby);
pageview.setQueryResult(qr);
request.setAttribute("pageView", pageview);
return "list";
}
@Override
public void setServletRequest(HttpServletRequest arg0)
{
this.request = arg0;
}
public ProductInfoService getProductInfoService()
{
return productInfoService;
}
public void setProductInfoService(ProductInfoService productInfoService)
{
this.productInfoService = productInfoService;
}
public Integer getPage()
{
return page < 1 ? 1 : page;
}
public void setPage(Integer page)
{
this.page = page;
}
}
4、struts2的配置
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
"http://struts.apache.org/dtds/struts-2.3.dtd">
<struts>
<include file="struts-default.xml" />
<constant name="struts.ObjectFactory" value="spring" /> <!-- 表示这里面的action由spring进行创建 -->
<constant name="struts.devMode" value="true" />
<!--解决乱码 -->
<constant name="struts.i18n.encoding" value="UTF-8" />
<package name="control" namespace="/control" extends="struts-default">
<global-results>
<result name="message">/page/share/message.jsp</result>
</global-results>
<action name="center-*"><!-- 直接跳转，不需要经过class的验证，默认返回success -->
<result name="success">/page/controlcenter/{1}.jsp</result>
</action>
<!-- 产品类别展示 -->
<action name="producttypelist" class="productTypeAction" method="execute">
<result name="list">/page/product/producttypelist.jsp</result>
</action>
<!-- 产品类别管理 -->
<action name="*-producttypemanage" class="productTypeManageAction" method="{1}UI">
<result name="{1}">/page/product/{1}_productType.jsp</result>
</action>
<action name="producttypemanage-*" class="productTypeManageAction" method="{1}">
<result name="{1}">/page/product/{1}_productType.jsp</result>
</action>
<!-- 品牌类别展示 -->
<action name="brandlist" class="brandAction" method="execute">
<result name="list">/page/product/brandlist.jsp</result>
</action>
<!-- 品牌类别管理 -->
<action name="*-brandmanage" class="brandManageAction" method="{1}UI">
<result name="{1}">/page/product/{1}_brand.jsp</result>
</action>
<action name="brandmanage-*" class="brandManageAction" method="{1}">
<result name="{1}">/page/product/{1}_brand.jsp</result>
</action>
<!-- 文件展示 -->
<action name="uploadfilelist" class="uploadFileAction" method="execute">
<result name="list">/page/uploadfile/uploadfilelist.jsp</result>
</action>
<!-- 文件上传管理 -->
<action name="*-filemanage" class="uploadfileManageAction" method="{1}">
<result name="{1}">/page/uploadfile/{1}.jsp</result>
<result name="fileuploadfinish">/page/uploadfile/fileuploadfinish.jsp</result>
</action>
<!-- 产品分页展示 -->
<action name="productlist" class="productAction" method="execute">
<result name="list">/page/product/productlist.jsp</result>
</action>
</package>
</struts>5、接下来我们测试一下页面的效果
我们访问这个网站
http://localhost:8080/ babaSport_1400_productinfo/control/center-main
6、总结
这里只是做了一个显示的界面，后面的功能我们接着加
版权声明：本文为博主原创文章，未经博主允许不得转载。
时间： 2024-10-15 07:46:15