SSH框架网上商城项目第10战之搭建商品类基本模块
程序员文章站
2024-03-12 08:42:50
前面我们完成了与商品类别相关的业务逻辑，接下来我们开始做具体商品部分。
1. 数据库建表并映射model
首先我们在数据库中新建一张表，然后使用逆向工程将表映射成mod...
前面我们完成了与商品类别相关的业务逻辑，接下来我们开始做具体商品部分。
1. 数据库建表并映射model
首先我们在数据库中新建一张表，然后使用逆向工程将表映射成model类，表如下：
/*=============================*/ /* table: 商品表结构 */ /*=============================*/ create table product ( /* 商品编号,自动增长 */ id int primary key not null auto_increment, /* 商品名称 */ name varchar(20), /* 商品价格 */ price decimal(8,2), /* 商品图片 */ pic varchar(200), /* 商品简单介绍 */ remark longtext, /* 商品详细介绍 */ xremark longtext, /* 商品生产日期 */ date timestamp default current_timestamp, /* 是否为推荐商品,推荐商品才有可能显示在商城首页 */ commend bool, /* 是否为有效商品,有效商品才有可能显示在商城首页 */ open bool, /* 商品所在的类别编号*/ cid int, constraint cid_fk foreign key(cid) references category(id) );
使用逆向工程映射为model类就不赘述了，前面有提到如何使用逆向工程生成model。
2. 完成商品类的service层和action的架构
2.1 商品类的service层架构
与前面category一样，product也得有个service来操作与商品相关的业务逻辑，所以我们得写一个productservice和productserviceimpl的架构出来，具体如下：
//productservice接口继承baseservice<product>
public interface productservice extends baseservice<product> {
}
//productserviceimpl实现类继承baseserviceimpl<product>，并实现上面的productservice接口
@service("productservice")
public class productserviceimpl extends baseserviceimpl<product> implements productservice {
}
2.2 商品类的action架构
首先得完善一下baseaction中关于service层的注解
@controller("baseaction")
@scope("prototype")
public class baseaction<t> extends actionsupport implements requestaware,sessionaware,applicationaware,modeldriven<t> {
@resource
protected productservice productservice;
//其他代码省略，还是原来的代码……
}
然后我们写一个productaction继承该方法：
public class productaction extends baseaction<product> {
}
至此，关于商品的后台架构就基本搭建好了，接下来就是完善里面的具体功能和业务逻辑了。
3. 完成前台的基本结构
前台的基本结构和商品类的一样，我们看一下已经完成的商品类的前台都有哪些文件：
我们先根据其商品类的前台文件，拷贝一份到product文件夹中，然后我们再做相应的修改。先来分析一下流程：首先index.jsp到aindex.jsp显示左侧菜单栏，当点击类别管理时，进入category/query.jsp页面右侧显示所有商品类别信息，搜索和删除功能均在此页面，不需要弹出新的窗口，添加弹出save.jsp窗口，更新弹出update.jsp窗口。当点击商品管理的时候，进入product/query.jsp页面右侧显示所有商品信息，搜索和删除功能均在此页面完成，添加和更新分别弹出save.jsp和update.jsp。接下来我们把各个页面的框架搭建好，然后往相应的部分填东西即可。
首先在aindex.jsp中添加如下代码：
接下来，我们完成query.jsp的框架：
<%@ 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">
body {
margin: 1px;
}
.searchbox {
margin: -3;
}
</style>
<script type="text/javascript">
$(function(){
$('#dg').datagrid({
//url地址改为请求productaction中的queryjoincategory方法
url:'product_queryjoincategory.action',
loadmsg:'loading......',
queryparams:{name:''},//这里参数改成name，参数值为空，表示我们要显示所有商品，后台是根据商品name属性查询的
//width:300,
fitcolumns:true,
striped:true,
nowrap:true,
singleselect:false,
pagination:true,
pagesize:5,
pagelist:[5,10,15,20],
idfield:'id',//指定id为标识字段，在删除，更新的时候有用，如果配置此字段，在翻页时，换页不会影响选中的项
//toolbar定义添加、删除、更新按钮以及搜索框
toolbar: [{
iconcls: 'icon-add',
text:'添加商品',
handler: function(){
//添加触发代码
}
},'-',{
iconcls: 'icon-edit',
text:'更新商品',
handler: function(){
//添加触发代码
}
},'-',{
iconcls: 'icon-remove',
text:'删除商品',
handler: function(){
//添加触发代码
}
},'-',{ //查询按钮不是linkbutton，它有语法，但是也支持解析html标签
text:"<input id='ss' name='serach' />"
}],
rowstyler: function(index,row){
console.info("index" + index + "," + row)
if(index % 2 == 0) {
return 'background-color:#fff;';
} else {
return 'background-color:#c4e1e1;';
}
},
frozencolumns:[[
{field:'checkbox',checkbox:true},
{field:'id',title:'商品编号',width:100}
]],
columns:[[
{field:'name',title:'商品名称',width:100},
{field:'price',title:'商品价格',width:100},
{field:'remark',title:'简单描述',width:100},
{field:'xremark',title:'详细描述',width:100},
{field:'date',title:'上架时间',width:100},
{field:'commend',title:'推荐商品',width:100,
formatter: function(value,row,index){
if(value) {
return "<input type='checkbox' checked='checked' disabled='true'";
} else {
return "<input type='checkbox' disabled='true'";
}
}
},
{field:'open',title:'有效商品',width:100,
formatter: function(value,row,index){
if(value) {
return "<input type='checkbox' checked='checked' disabled='true'";
} else {
return "<input type='checkbox' disabled='true'";
}
}
},
{field:'category.type',title:'所属商品类别',width:200, //category.type是商品类别
formatter: function(value,row,index){
if(row.category != null && row.category.type != null) {
return row.category.type; //如果商品类别不为空，返回商品类别
} else {
return "此商品暂时未分类";
}
}
}
]]
});
//把普通的文本框转化为查询搜索文本框
$('#ss').searchbox({
//触发查询事件
searcher:function(value,name){ //value表示输入的值
//添加触发代码
},
prompt:'请输入搜索关键字'
});
});
</script>
</head>
<body>
<table id="dg"></table>
</body>
</html>
接下来我们完成productaction中的queryjoincategory方法，在这之前，先要完成service部分，我们都是先从底层慢慢往上开发的：
//productservice接口
public interface productservice extends baseservice<product> {
//查询商品信息，级联类别
public list<product> queryjoincategory(string type, int page, int size); //使用商品的名称查询
//根据关键字查询总记录数
public long getcount(string type);
}
@suppresswarnings("unchecked")
@service("productservice")
public class productserviceimpl extends baseserviceimpl<product> implements productservice {
@override
public list<product> queryjoincategory(string name, int page, int size) {
string hql = "from product p left join fetch p.category where p.name like :name";
return getsession().createquery(hql)
.setstring("name", "%" + name + "%")
.setfirstresult((page-1) * size) //从第几个开始显示
.setmaxresults(size) //显示几个
.list();
}
@override
public long getcount(string name) {
string hql = "select count(p) from product p where p.name like :name";
return (long) getsession().createquery(hql)
.setstring("name", "%" + name + "%")
.uniqueresult(); //返回一条记录:总记录数
}
}
下面可以完成productaction中的queryjoincategory方法了：
@controller("productaction")
@scope("prototype")
public class productaction extends baseaction<product> {
public string queryjoincategory() {
system.out.println("name:" + model.getname());
system.out.println("page：" + page);
system.out.println("rows：" + rows);
//用来存储分页的数据
pagemap = new hashmap<string, object>();
//根据关键字和分页的参数查询相应的数据
list<product> productlist = productservice.queryjoincategory(model.getname(), page, rows);
pagemap.put("rows", productlist); //存储为json格式
//根据关键字查询总记录数
long total = productservice.getcount(model.getname());
// system.out.println(total);
pagemap.put("total", total); //存储为json格式
return "jsonmap";
}
}
接下来在struts.xml中进行配置，跟之前的商品类一样的流程，到这里可以看出，开发好了一个，下面一个就快了：
<action name="product_*" class="productaction" method="{1}">
<result name="jsonmap" type="json">
<param name="root">pagemap</param>
<param name="excludeproperties">
<!-- rows[0].category.account -->
<!-- 把所有account过滤掉，否则会出现懒加载问题，该部分下面截图 -->
</param>
</result>
</action>
这样后台程序写好了，然后开启tomcat，测试一下，当我们点击左侧菜单栏的商品管理时，会弹出右边如下窗口：
这样我们就完成了商品管理窗口的框架了。
原文地址：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。