网上书城之购物车功能,门户书籍搜索
实现功能
今天要实现的功能就和标题一样 门户书籍搜索功能和购物车功能 今天也是直接上代码
代码块
因为有些代码在同一个包里面 所以我就直接上包 不分开了(有点麻烦哈哈哈哈)
Book
package com.huangjie.entity;
import java.util.Date;
import com.fasterxml.jackson.annotation.JsonFormat;
import com.huangjie.utils.PinYinUtil;
public class Book {
private long id;
private String name;
private String pinyin;
private long cid;
private String author;
private float price;
private String image="暂无图片";
private String publishing;
private String description;
private int state;
@JsonFormat(pattern="yyyy-MM-dd",timezone = "GMT+8")
private Date deployTime;
private int sales;
public void setName(String name) {
this.name = name;
this.pinyin= PinYinUtil.getAllPingYin(name);
}
public long getId() {
return id;
}
public void setId(long id) {
this.id = id;
}
public String getPinyin() {
return pinyin;
}
public void setPinyin(String pinyin) {
this.pinyin = pinyin;
}
public long getCid() {
return cid;
}
public void setCid(long cid) {
this.cid = cid;
}
public String getAuthor() {
return author;
}
public void setAuthor(String author) {
this.author = author;
}
public float getPrice() {
return price;
}
public void setPrice(float price) {
this.price = price;
}
public String getImage() {
return image;
}
public void setImage(String image) {
this.image = image;
}
public String getPublishing() {
return publishing;
}
public void setPublishing(String publishing) {
this.publishing = publishing;
}
public String getDescription() {
return description;
}
public void setDescription(String description) {
this.description = description;
}
public int getState() {
return state;
}
public void setState(int state) {
this.state = state;
}
public Date getDeployTime() {
return deployTime;
}
public void setDeployTime(Date deployTime) {
this.deployTime = deployTime;
}
public int getSales() {
return sales;
}
public void setSales(int sales) {
this.sales = sales;
}
public String getName() {
return name;
}
@Override
public String toString() {
return "Book [id=" + id + ", name=" + name + ", pinyin=" + pinyin + ", cid=" + cid + ", author=" + author
+ ", price=" + price + ", image=" + image + ", publishing=" + publishing + ", description="
+ description + ", state=" + state + ", deployTime=" + deployTime + ", sales=" + sales + "]";
}
public Book(long id, String name, String pinyin, long cid, String author, float price, String image,
String publishing, String description, int state, Date deployTime, int sales) {
super();
this.id = id;
this.name = name;
this.pinyin = pinyin;
this.cid = cid;
this.author = author;
this.price = price;
this.image = image;
this.publishing = publishing;
this.description = description;
this.state = state;
this.deployTime = deployTime;
this.sales = sales;
}
public Book() {
super();
}
}
BookDao
package com.huangjie.Dao;
import java.util.List;
import com.huangjie.entity.Book;
import com.huangjie.utils.BaseDao;
import com.huangjie.utils.PageBean;
import com.huangjie.utils.StringUtils;
public class BookDao extends BaseDao<Book> {
public List<Book> newsBook(Book book, PageBean pageBean) throws Exception {
String sql = "select * from t_easyui_book where state = 2 order by deployTime desc";
return super.executeQuery(sql, pageBean, Book.class);
}
public List<Book> hotBook(Book book, PageBean pageBean) throws Exception {
String sql = "select * from t_easyui_book where state = 2 order by sales desc";
return super.executeQuery(sql, pageBean, Book.class);
}
//书籍搜索
public List<Book> list(Book book, PageBean pageBean) throws Exception {
String name = book.getName();
long cid = book.getCid();
int state = book.getState();
String sql = "select * from t_easyui_book where true ";
if (StringUtils.isNotBlank(name)) {
sql += " and name like '%" + name + "%'";
}
if(cid != 0){
sql += " and cid = " + cid;
}
return super.executeQuery(sql, pageBean, Book.class);
}
}
BookAction
package com.huangjie.web;
import java.io.File;
import java.util.Iterator;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileItemFactory;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import com.huangjie.Dao.BookDao;
import com.huangjie.entity.Book;
import com.huangjie.framework.ActionSupport;
import com.huangjie.framework.ModelDriven;
import com.huangjie.utils.DateUtil;
import com.huangjie.utils.EasyuiResult;
import com.huangjie.utils.PageBean;
import com.huangjie.utils.PropertiesUtil;
import com.huangjie.utils.ResponseUtil;
public class BookAction extends ActionSupport implements ModelDriven<Book> {
private Book book = new Book();
private BookDao bookDao = new BookDao();
//书籍搜索
public String findByName(HttpServletRequest request, HttpServletResponse response) {
PageBean pageBean = new PageBean();
pageBean.setRequest(request);
try {
List<Book> list = this.bookDao.list(book, pageBean);
request.setAttribute("books", list);
request.setAttribute("pageBean", pageBean);
} catch (Exception e) {
e.printStackTrace();
}
return "findBook";
}
public String news(HttpServletRequest request, HttpServletResponse response) {
PageBean pageBean = new PageBean();
pageBean.setRequest(request);
try {
List<Book> list = this.bookDao.newsBook(book, pageBean);
ResponseUtil.writeJson(response, EasyuiResult.ok(pageBean.getTotal(), list));
} catch (Exception e) {
e.printStackTrace();
}
return null;
}
public String hot(HttpServletRequest request, HttpServletResponse response) {
PageBean pageBean = new PageBean();
pageBean.setRequest(request);
try {
List<Book> list = this.bookDao.hotBook(book, pageBean);
ResponseUtil.writeJson(response, EasyuiResult.ok(pageBean.getTotal(), list));
} catch (Exception e) {
e.printStackTrace();
}
return null;
}
@Override
public Book getModel() {
return book;
}
}
findBook.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%@ taglib prefix="h" uri="/huangjie" %>
<html>
<head>
<meta charset="utf-8">
<title>书籍搜索页</title>
<!-- 写全局样式 -->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/js/jquery-easyui-1.5.1/themes/default/easyui.css">
<!-- 定义图标的样式 -->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/js/jquery-easyui-1.5.1/themes/icon.css">
<!--组件库源文件的js文件-->
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery-easyui-1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/index.js"></script>
<title>网上书城首页</title>
<link href="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/css/bootstrap.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/css/fg.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
<script src="${pageContext.request.contextPath}/static/js/index.js"></script>
</head>
<body class="text-center">
<div class="container">
<div class="row head">
<div class="col-md-12">
<i>
您好,欢迎来到网上书城!
</i>
<b>
<a type="button" class="text-primary" href="${pageContext.request.contextPath}/login.jsp">登录</a> |
<a type="button" class="text-primary" href="${pageContext.request.contextPath}/register.jsp">注册</a> |
<a type="button" class="text-primary" href="${pageContext.request.contextPath}/shopping.action?methodName=list">我的购物车</a> |
<a type="button" class="text-primary" href="${pageContext.request.contextPath}/">网站首页</a>
</b>
</div>
</div>
<!-- 横幅搜索栏 start -->
<div class="row banner">
<div class="img1"></div>
<div class="col-md-12">
<form class="form" action="${pageContext.request.contextPath}/book.action?methodName=findByName" method="post">
<%--<input type="hidden" name="methodName" value="findByName">--%>
<input type="text" name="name" value="" id="input" class="search">
<input type="submit" class="btn btn-primary" value="查询">
</form>
</div>
</div>
<!-- 横幅搜索栏 end -->
<!-- 页面主体内容 start -->
<div class="row content">
<div class="col-md-3 float-left c-left">
<ul class="list-group">
<li class="list-group-item">书籍分类</li>
</ul>
</div>
<%--${books}--%>
<div class="col-md-9 float-right c-right">
<c:forEach var="b" items="${books}">
<div class="media">
<img style="width: 100px;height: 140px;" src="${pageContext.request.contextPath}${b.image}" class="align-self-center mr-3" alt="...">
<div class="media-body text-left">
<p>${b.name}</p>
<p>作者:${b.author}</p>
<p>价格:${b.price}</p>
<p>出版社:${b.publishing}</p>
<p>书籍简介:${b.description}</p>
<span>
<a type="button" class="btn btn-danger" href="${pageContext.request.contextPath}/shopping.action?methodName=add&name=${b.name}&price=${b.price}&num=1&total=${b.price}">加入购物车</a>
<a type="button" class="btn btn-danger" href="${pageContext.request.contextPath}/shopping.action?methodName=pay">去结算</a>
</span>
</div>
</div>
<hr>
</c:forEach>
<%--<div class="media">--%>
<%--<img src="imgs/2.png" class="align-self-center mr-3" alt="...">--%>
<%--<div class="media-body text-left">--%>
<%--<p>第一商会</p>--%>
<%--<p>作者:寒川子</p>--%>
<%--<p>价格:¥24.80</p>--%>
<%--<p>出版社:北京联合出版公司</p>--%>
<%--<p>书籍简介:超级畅销书作家寒川子创作历时三年全新力作!讲述财富与权力“离不开,靠不住”的明暗法则</p>--%>
<%--<span>--%>
<%--<button type="button" class="btn btn-danger">加入购物车</button>--%>
<%--<button type="button" class="btn btn-danger">去结算</button>--%>
<%--</span>--%>
<%--</div>--%>
<%--</div>--%>
<%--<hr>--%>
<h:page pageBean="${pageBean}"></h:page>
</div>
</div>
<!-- 页面主体内容 end -->
<!-- 网站版权 start -->
<div class="row footer">
<div class="col-md-12">
Copyright ©2020 MM教育,版权所有
</div>
</div>
<!-- 网站版权 end -->
</div>
<script type="text/javascript">
function searchByType(cid){
location.href='${pageContext.request.contextPath}/book.action?methodName=findByType&cid='+cid;
};
</script>
</body>
</html>
ShopGoodsVo
package com.huangjie.vo;
import java.util.Objects;
public class ShopGoodsVo {
private String name;
private float price;
private int num;
private float total;
private String consignee;
private String phone;
private String postalcode;
private String address;
private int sendType;
private String pageStr;
@Override
public boolean equals(Object o) {
if (this == o) return true;
if (o == null || getClass() != o.getClass()) return false;
ShopGoodsVo that = (ShopGoodsVo) o;
return Float.compare(that.price, price) == 0 &&
num == that.num &&
Float.compare(that.total, total) == 0 &&
Objects.equals(name, that.name);
}
@Override
public int hashCode() {
return Objects.hash(name, price, num, total);
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public float getPrice() {
return price;
}
public void setPrice(float price) {
this.price = price;
}
public int getNum() {
return num;
}
public void setNum(int num) {
this.num = num;
}
public float getTotal() {
return total;
}
public void setTotal(float total) {
this.total = total;
}
public String getConsignee() {
return consignee;
}
public void setConsignee(String consignee) {
this.consignee = consignee;
}
public String getPhone() {
return phone;
}
public void setPhone(String phone) {
this.phone = phone;
}
public String getPostalcode() {
return postalcode;
}
public void setPostalcode(String postalcode) {
this.postalcode = postalcode;
}
public String getAddress() {
return address;
}
public void setAddress(String address) {
this.address = address;
}
public int getSendType() {
return sendType;
}
public void setSendType(int sendType) {
this.sendType = sendType;
}
public String getPageStr() {
return pageStr;
}
public void setPageStr(String pageStr) {
this.pageStr = pageStr;
}
@Override
public String toString() {
return "ShopGoodsVo [name=" + name + ", price=" + price + ", num=" + num + ", total=" + total + ", consignee="
+ consignee + ", phone=" + phone + ", postalcode=" + postalcode + ", address=" + address + ", sendType="
+ sendType + ", pageStr=" + pageStr + "]";
}
public ShopGoodsVo(String name, float price, int num, float total, String consignee, String phone,
String postalcode, String address, int sendType, String pageStr) {
super();
this.name = name;
this.price = price;
this.num = num;
this.total = total;
this.consignee = consignee;
this.phone = phone;
this.postalcode = postalcode;
this.address = address;
this.sendType = sendType;
this.pageStr = pageStr;
}
public ShopGoodsVo() {
super();
}
}
ShoppingAction
package com.huangjie.web;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.huangjie.Dao.OrderDao;
import com.huangjie.Dao.OrderItemDao;
import com.huangjie.entity.Order;
import com.huangjie.entity.OrderItem;
import com.huangjie.entity.User;
import com.huangjie.framework.ActionSupport;
import com.huangjie.framework.ModelDriven;
import com.huangjie.utils.EasyuiResult;
import com.huangjie.utils.ResponseUtil;
import com.huangjie.utils.StringUtils;
import com.huangjie.vo.ShopGoodsVo;
public class ShoppingAction extends ActionSupport implements ModelDriven<ShopGoodsVo> {
private ShopGoodsVo shopGoodsVo = new ShopGoodsVo();
private OrderDao orderDao = new OrderDao();
private OrderItemDao orderItemDao = new OrderItemDao();
public String createOrder(HttpServletRequest request, HttpServletResponse response) {
try {
User currentUser = (User) request.getSession().getAttribute("currentUser");
long uid = currentUser.getId();
String pageStr = shopGoodsVo.getPageStr();
float total = 0;
List<OrderItem> orderItems = new ArrayList<>();
OrderItem orderItem = null;
for (String s : pageStr.substring(1).split(",")) {
orderItem = new OrderItem();
String[] items = s.split("-");
orderItem.setBid(items[0]);
orderItem.setQuantity(Integer.valueOf(items[2]));
total += Float.valueOf(items[items.length-1]);
orderItems.add(orderItem);
}
// System.out.println(shopGoodsVo);
Order order = new Order();
order.setAddress(shopGoodsVo.getAddress());
order.setConsignee(shopGoodsVo.getConsignee());
order.setOrderPrice(total);
order.setOrderState(1);
order.setPhone(shopGoodsVo.getPhone());
order.setPostalcode(shopGoodsVo.getPostalcode());
order.setSendType(shopGoodsVo.getSendType());
order.setUid(uid);
int res = this.orderDao.add(order);
Order newest = this.orderDao.newest();
for (OrderItem item : orderItems) {
item.setOid(newest.getId());
this.orderItemDao.add(item);
}
ResponseUtil.writeJson(response, res);
} catch (Exception e) {
e.printStackTrace();
}
return null;
}
public String del(HttpServletRequest request, HttpServletResponse response) {
ObjectMapper om = new ObjectMapper();
try {
User currentUser = (User) request.getSession().getAttribute("currentUser");
long uid = currentUser.getId();
String shopId = "shopId_" + uid;
String shopVoStr = (String) request.getServletContext().getAttribute(shopId);
List<ShopGoodsVo> shopGoodsVos = om.readValue(shopVoStr, List.class);
int index = Integer.valueOf(shopGoodsVo.getPageStr());
shopGoodsVos.remove(index);
request.getServletContext().setAttribute(shopId,om.writeValueAsString(shopGoodsVos));
} catch (Exception e) {
e.printStackTrace();
}
return list(request,response);
}
public String clear(HttpServletRequest request, HttpServletResponse response) {
User currentUser = (User) request.getSession().getAttribute("currentUser");
long uid = currentUser.getId();
String shopId = "shopId_" + uid;
request.getServletContext().removeAttribute(shopId);
try {
ResponseUtil.writeJson(response, EasyuiResult.SUCCESS);
} catch (Exception e) {
e.printStackTrace();
}
return null;
}
public String list(HttpServletRequest request, HttpServletResponse response) {
ObjectMapper om = new ObjectMapper();
try {
User currentUser = (User) request.getSession().getAttribute("currentUser");
long uid = currentUser.getId();
String shopId = "shopId_" + uid;
String shopVoStr = (String) request.getServletContext().getAttribute(shopId);
List<ShopGoodsVo> shopGoodsVos = null;
if (StringUtils.isNotBlank(shopVoStr)){
shopGoodsVos = om.readValue(shopVoStr, List.class);
}else
{
shopGoodsVos = new ArrayList<>();
}
request.setAttribute("shopGoodsVos",shopGoodsVos);
} catch (IOException e) {
e.printStackTrace();
}
return "shoppingCar";
}
public String add(HttpServletRequest request, HttpServletResponse response) {
ObjectMapper om = new ObjectMapper();
User currentUser = (User) request.getSession().getAttribute("currentUser");
long uid = currentUser.getId();
String shopId = "shopId_" + uid;
String shopVo = (String) request.getServletContext().getAttribute(shopId);
List<ShopGoodsVo> shopGoodsVos = null;
try {
if (StringUtils.isNotBlank(shopVo)) {
shopGoodsVos = (List<ShopGoodsVo>) om.readValue(shopVo, List.class);
shopGoodsVos.add(shopGoodsVo);
} else {
shopGoodsVos = new ArrayList<>();
shopGoodsVos.add(shopGoodsVo);
}
request.getServletContext().setAttribute(shopId,om.writeValueAsString(shopGoodsVos));
request.setAttribute("shopGoodsVos",shopGoodsVos);
} catch (IOException e) {
e.printStackTrace();
}
return "shoppingCar";
}
public String pay(HttpServletRequest request, HttpServletResponse response) {
return null;
}
@Override
public ShopGoodsVo getModel() {
return shopGoodsVo;
}
}
index.js
$(function(){
var ctx=$("#ctx").val();
//加载左侧书籍类别
$.ajax({
url:ctx+'/categroy.action?methodName=comboBox',
success:function(data){//使用success的回调函数
data=eval('('+data+')');//得到的是一个josn对象
//debugger;
//alert(data);
//<li class="list-group-item">现代言情</li>
for(i in data){
$(".list-group").append('<li class="list-group-item" οnclick="searchByType('+data[i].id+')">'+data[i].name+'</li>');
$(".c-category li").eq(0).addClass('bg-color1');
$(".c-category li:gt(0)").addClass('bg-color2');
$(".c-category li:gt(0)").hover(function() {
$(this).addClass('bg-opacity');
},function() {
$(this).removeClass('bg-opacity');
});
}
}
});
//按照书籍类别搜索
function searchByType(cid){
var ctx=$("#ctx").val();
location.href=ctx+"/book.action?methodName=search&cid="+cid;
}
//mhnr
$(".list-group-item:gt(0)").hover(function () {
// $(this).siblings().removeClass('list-group-item-hover');
$(this).addClass('list-group-item-hover');
}, function () {
$(this).removeClass('list-group-item-hover');
});
后面渲染的元素节点
$(".list-group").on('mouseenter','.list-group-item:gt(0)',function () {
$(this).addClass('list-group-item-hover');
});
$(".list-group").on('mouseleave','.list-group-item:gt(0)',function () {
$(this).removeClass('list-group-item-hover');
});
//分类
$.ajax({
url: '${pageContext.request.contextPath}/category.action?methodName=combobox',
success: function (data) {
data = eval('('+data+')');
// debugger;
for (i in data) {
$(".list-group").append('<li onclick="searchByType('+ data[i].id+')" class="list-group-item">' + data[i].name + '</li>');
}
}
});
//加载新书
$.ajax({
url:ctx+'/book.action?methodName=news',
success:function(data){
data = eval('('+data+')');
// 给news container 所属的div添加row或者列
appendBookDiv($(".news"),data.data,0,"");
}
});
//加载热销书籍
$.ajax({
url:ctx+'/book.action?methodName=hots',
success:function(data){
data = eval('('+data+')');
// 给news container 所属的div添加row或者列
appendBookDiv($(".hots"),data.data,0,"");
}
});
})
/*
* 1、给哪个div追加html内容(jquery对象)
* 2、最佳内容的数据来源
* 3、标识当前是第几行内容
* 4、最终追加的html
*/
function appendBookDiv($node,data,level,htmlstr){
//第一行:0-5
var start = level * 6;
//data的数据12条
var len = data.length;
htmlstr += '<div class="row book">';
for(i=start;i<start+6;i++){
if(i==len) break;
htmlstr += '<div class="col-sm-2" style="width: 90px;">';
htmlstr += '<img src="'+data[i].image+'" >';
htmlstr += '<p>'+data[i].name+'</p>';
htmlstr += '<b>¥'+data[i].price+'</b>';
htmlstr += '</div>';
}
htmlstr += '</div>';
level++;
if(start+6>=len){
$node.append(htmlstr);
}else{
appendBookDiv($node,data,level,htmlstr);
}
//mhnr
//书籍搜索
function search(){
var ctx=$("#ctx").val();
location.href=ctx+"/book.action?methodName=search&name="+$("#book_name").val();
}
}
mvc.xml
<?xml version="1.0" encoding="UTF-8"?>
<config>
<!--书籍-->
<action path="/book" type="com.wangqiuping.action.BookAction">
<forward name="search" path="/fg/search.jsp" redirect="false" />
</action>
<!--用户操作 -->
<action path="/user" type="com.wangqiuping.action.UserAction">
<forward name="login" path="/login.jsp" redirect="false"/>
<forward name="main" path="/bg/main.jsp" redirect="false"/>
</action>
<!--书籍类别加载 -->
<action path="/categroy" type="com.wangqiuping.action.CategroyAction">
</action>
<!--购物车 -->
<action path="/shopping" type="com.wangqiuping.action.ShoppingAction">
<forward name="shoppingCar" path="/fg/shoppingCar.jsp" redirect="false"/>
</action>
</config>
总结
今天的内容就是这么多啦!