SSH框架網上商城項目第10戰(zhàn)之搭建商品類基本模塊
更新時間：2016年06月03日 11:30:08 作者：eson_15
這篇文章主要為大家詳細介紹了SSH框架網上商城項目第10戰(zhàn)之搭建商品類基本模塊的相關資料，有一定的實用性，感興趣的小伙伴們可以參考一下
前面我們完成了與商品類別相關的業(yè)務邏輯，接下來我們開始做具體商品部分。
1. 數(shù)據庫建表并映射Model
首先我們在數(shù)據庫中新建一張表，然后使用逆向工程將表映射成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來操作與商品相關的業(yè)務邏輯，所以我們得寫一個ProductService和ProductServiceImpl的架構出來，具體如下：
//ProductService接口繼承BaseService<Product>
public interface ProductService extends BaseService<Product> {
}
//ProductServiceImpl實現(xiàn)類繼承BaseServiceImpl<Product>，并實現(xiàn)上面的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> {
}
至此，關于商品的后臺架構就基本搭建好了，接下來就是完善里面的具體功能和業(yè)務邏輯了。
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:''},//這里參數(shù)改成name，參數(shù)值為空，表示我們要顯示所有商品，后臺是根據商品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(){
//添加觸發(fā)代碼
}
},'-',{
iconCls: 'icon-edit',
text:'更新商品',
handler: function(){
//添加觸發(fā)代碼
}
},'-',{
iconCls: 'icon-remove',
text:'刪除商品',
handler: function(){
//添加觸發(fā)代碼
}
},'-',{ //查詢按鈕不是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({
//觸發(fā)查詢事件
searcher:function(value,name){ //value表示輸入的值
//添加觸發(fā)代碼
},
prompt:'請輸入搜索關鍵字'
});
});
</script>
</head>
<body>
<table id="dg"></table>
</body>
</html>
接下來我們完成productAction中的queryJoinCategory方法，在這之前，先要完成service部分，我們都是先從底層慢慢往上開發(fā)的：
//ProductService接口
public interface ProductService extends BaseService<Product> {
//查詢商品信息，級聯(lián)類別
public List<Product> queryJoinCategory(String type, int page, int size); //使用商品的名稱查詢
//根據關鍵字查詢總記錄數(shù)
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(); //返回一條記錄:總記錄數(shù)
}
}
下面可以完成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);
//用來存儲分頁的數(shù)據
pageMap = new HashMap<String, Object>();
//根據關鍵字和分頁的參數(shù)查詢相應的數(shù)據
List<Product> productList = productService.queryJoinCategory(model.getName(), page, rows);
pageMap.put("rows", productList); //存儲為JSON格式
//根據關鍵字查詢總記錄數(shù)
Long total = productService.getCount(model.getName());
// System.out.println(total);
pageMap.put("total", total); //存儲為JSON格式
return "jsonMap";
}
}
接下來在struts.xml中進行配置，跟之前的商品類一樣的流程，到這里可以看出，開發(fā)好了一個，下面一個就快了：
<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過濾掉，否則會出現(xiàn)懶加載問題，該部分下面截圖 -->
</param>
</result>
</action>
這樣后臺程序寫好了，然后開啟tomcat，測試一下，當我們點擊左側菜單欄的商品管理時，會彈出右邊如下窗口：
這樣我們就完成了商品管理窗口的框架了。
原文地址：http://blog.csdn.net/eson_15/article/details/51354932
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
這篇文章主要介紹了使用PHP從千千靜聽歌詞服務器獲取lrc歌詞的方法，大家參考使用吧2014-01-01
Java?SpringBoot整合shiro-spring-boot-starterqi項目報錯解決
這篇文章主要介紹了Java?SpringBoot整合shiro-spring-boot-starterqi項目報錯解決，文章圍繞主題展開詳細的內容介紹，具有一定的參考一下2022-08-08
這篇文章主要介紹了Spring?AOP對嵌套方法不起作用的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-01-01
Spring Boot是由Pivotal團隊提供的全新框架，該框架使用了特定的方式來進行配置，它默認配置了很多框架的使用方式，就像 Maven整合了所有的Jar包，Spring Boot 整合了所有的框架2021-06-06
這篇文章主要介紹了java實體類轉成map的實現(xiàn)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了SpringBoot中熔斷器的原理和使用詳解,熔斷器是一種用于處理分布式系統(tǒng)中故障的設計模式，它可以防止出現(xiàn)故障的服務對整個系統(tǒng)造成連鎖反應,需要的朋友可以參考下2023-07-07
mybatis自定義類型處理器TypehHandler示例詳解
我們在寫mapper映射器的配置文件時，不經意間已經用到類型轉換，不過是mybatis幫我們完成的，下面這篇文章主要給大家介紹了關于mybatis自定義類型處理器TypehHandler的相關資料，需要的朋友可以參考下2018-09-09
本文為大家提供一個java向文件末尾添加內容的示例分享，大家參考使用吧2014-01-01
這篇文章主要介紹了java8 streamList轉換使用詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了spring定時器定時任務到時間未執(zhí)行問題的解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-11-11