网上书城的老板客户的后台管理功能

2024-05-02 11:58
文章标签 功能 管理 后台 网上 客户 书城 老板

本文主要是介绍网上书城的老板客户的后台管理功能，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

老板客户的后台管理功能界面

  • 前言
  • 老板客户共同所需要用的的实体类，dao包，web包，mvc.xml配置
    • 实体类（老板客户）
    • dao包
    • web包
    • mvc.xml配置
  • 界面代码所需的js样式
  • 老板的后台管理功能界面代码及效果
      • 书籍管理
        • 书籍新增
        • 未上架书籍
        • 已上架书籍
        • 已下架书籍
      • 订单管理
        • 未发货
        • 已发货
        • 已签收
        • 订单项
  • 客户的后台管理功能界面代码及效果
      • 订单管理
        • 未发货
        • 已发货
        • 已签收

前言

上次我们只写了登录注册，还有登录之后的老板、客户的后台管理界面，没有写其中的功能，今天就把后台中的功能完善

在访问项目的时候出现org.apache.catalina.core.ApplicationContextFacade@629b9065 报错是因为eclipse搭建环境问题请点击解决方法，推荐去了解一下
解决方法

老板客户共同所需要用的的实体类，dao包，web包，mvc.xml配置

实体类（老板客户）

book（之前写了），order，orderItem
订单表 order

package com.tang.entity;import java.util.Date;import com.fasterxml.jackson.annotation.JsonFormat;public class Order {private long id;private long uid;@JsonFormat(pattern="yyyy-MM-dd HH:mm:ss",timezone = "GMT+8")private Date orderTime;private String consignee;//收货人private String phone;private String postalcode;//收货人邮编private String address;private int sendType;//发货方式：1 平邮 2 快递@JsonFormat(pattern="yyyy-MM-dd HH:mm:ss",timezone = "GMT+8")private Date sendTime;private float orderPrice;private int orderState;//"订单状态：1 未发货 2 已发货 3 已签收 4 已撤单 默认值1public long getId() {return id;}public void setId(long id) {this.id = id;}public long getUid() {return uid;}public void setUid(long uid) {this.uid = uid;}public Date getOrderTime() {return orderTime;}public void setOrderTime(Date orderTime) {this.orderTime = orderTime;}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 Date getSendTime() {return sendTime;}public void setSendTime(Date sendTime) {this.sendTime = sendTime;}public float getOrderPrice() {return orderPrice;}public void setOrderPrice(float orderPrice) {this.orderPrice = orderPrice;}public int getOrderState() {return orderState;}public void setOrderState(int orderState) {this.orderState = orderState;}@Overridepublic String toString() {return "Order [id=" + id + ", uid=" + uid + ", orderTime=" + orderTime + ", consignee=" + consignee + ", phone="+ phone + ", postalcode=" + postalcode + ", address=" + address + ", sendType=" + sendType+ ", sendTime=" + sendTime + ", orderPrice=" + orderPrice + ", orderState=" + orderState + "]";}public Order(long id, long uid, Date orderTime, String consignee, String phone, String postalcode, String address,int sendType, Date sendTime, float orderPrice, int orderState) {super();this.id = id;this.uid = uid;this.orderTime = orderTime;this.consignee = consignee;this.phone = phone;this.postalcode = postalcode;this.address = address;this.sendType = sendType;this.sendTime = sendTime;this.orderPrice = orderPrice;this.orderState = orderState;}public Order() {super();}}

订单项表 orderItem

package com.tang.entity;public class OrderItem {private long id;private long oid;//订单ID：外键private String bid;//书籍ID：外键private int quantity;public long getId() {return id;}public void setId(long id) {this.id = id;}public long getOid() {return oid;}public void setOid(long oid) {this.oid = oid;}public String getBid() {return bid;}public void setBid(String bid) {this.bid = bid;}public int getQuantity() {return quantity;}public void setQuantity(int quantity) {this.quantity = quantity;}@Overridepublic String toString() {return "OrderItem [id=" + id + ", oid=" + oid + ", bid=" + bid + ", quantity=" + quantity + "]";}public OrderItem(long id, long oid, String bid, int quantity) {super();this.id = id;this.oid = oid;this.bid = bid;this.quantity = quantity;}public OrderItem() {super();}}

dao包

BookDao（上次只写了查询跟新增的方法，这次完善bookDao）

package com.tang.dao;import java.util.List;import com.tang.entity.Book;
import com.tang.util.BaseDao;
import com.tang.util.PageBean;
import com.tang.util.StringUtils;public class BookDao extends BaseDao<Book>{//查询public List<Book> list(Book book, PageBean pageBean) throws Exception {String sql = "select * from t_easyui_book where true ";String name = book.getName();long cid = book.getCid();int state = book.getState();if (StringUtils.isNotBlank(name)) {sql += " and name like '%" + name + "%'";}if (state != 0) {sql += " and state = " + state;}if(cid != 0){sql += " and cid = " + cid;}return super.executeQuery(sql, pageBean, Book.class);}//    新增public int add(Book book) throws Exception {String sql = "insert into t_easyui_book(name,pinyin,cid,author,price,image,publishing,description,state,deployTime,sales) " +"values(?,?,?,?,?,?,?,?,?,now(),?)";return super.executeUpdate(sql, book, new String[]{"name", "pinyin", "cid", "author", "price", "image", "publishing", "description", "state", "sales"});}//    新书上架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 int edit(Book book) throws Exception {String sql = "update t_easyui_book set name = ?,pinyin=?,cid=?" +",author=?,price=?,image=?,publishing=?,description=?,state=?" +",sales=? where id = ?";return super.executeUpdate(sql, book, new String[]{"name", "pinyin", "cid", "author", "price", "image", "publishing", "description", "state", "sales", "id"});}//    改变书籍上架下架状态public int editState(Book book) throws Exception {String sql = "update t_easyui_book set state = ? where id = ?";return super.executeUpdate(sql, book, new String[]{"state", "id"});}//    上传图片public int editImgUrl(Book book) throws Exception {String sql = "update t_easyui_book set image=? where id = ?";return super.executeUpdate(sql, book, new String[]{"image", "id"});}}

OrderDao（ 订单列表， 最新产生的订单，新增订单 撤单、、验收，发货）

package com.tang.dao;import java.util.List;import com.tang.entity.Order;
import com.tang.util.BaseDao;
import com.tang.util.PageBean;public class OrderDao extends BaseDao<Order>{//    订单列表public List<Order> list(Order order, PageBean pageBean) throws Exception {String sql = "select * from t_easyui_order where true ";long id = order.getId();int orderState = order.getOrderState();if (id != 0) {sql += " and id =" + id;}if (orderState != 0){sql += " and orderState = "+orderState;}return super.executeQuery(sql, pageBean, Order.class);}//    最新产生的订单public Order newest() throws Exception {String sql = "select * from t_easyui_order order by id desc ";return super.executeQuery(sql, null, Order.class).get(0);}//    新增订单public int add(Order order) throws Exception {String sql = "insert into t_easyui_order(`uid`,`orderTime`,`consignee`,`phone`,`postalcode`,`address`,`sendType`,`orderPrice`,`orderState`) " +"values(?,now(),?,?,?,?,?,?,?)";return super.executeUpdate(sql, order, new String[]{"uid","consignee","phone","postalcode","address","sendType","orderPrice","orderState"});}// 撤单、、验收public int cancelAndReceive(Order order) throws Exception {String sql = "update t_easyui_order set orderState=? where id = ?";return super.executeUpdate(sql, order, new String[]{"orderState","id"});}//    发货public int sendGoods(Order order) throws Exception {String sql = "update t_easyui_order set orderState=?,sendTime=now() where id = ?";return super.executeUpdate(sql, order, new String[]{"orderState","id"});}}

OrderItemDao（ 新增订单项， 订单项查询）

package com.tang.dao;import java.util.List;import com.tang.entity.OrderItem;
import com.tang.util.BaseDao;
import com.tang.util.PageBean;public class OrderItemDao extends BaseDao<OrderItem>{//  新增订单项public int add(OrderItem orderItem) throws Exception {String sql = "insert into t_easyui_orderitem(oid,bid,quantity) values(?,?,?)";return executeUpdate(sql,orderItem,new String[]{"oid","bid","quantity"});}//  订单项查询public List<OrderItem> list(OrderItem orderItem, PageBean pageBean) throws Exception {String sql = "select * from t_easyui_orderitem where true ";long oid = orderItem.getOid();if (oid != 0){sql += " and oid ="+oid;}return super.executeQuery(sql,pageBean,OrderItem.class);}}

web包

BookAction

package com.tang.web;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.tang.dao.BookDao;
import com.tang.entity.Book;
import com.tang.util.DateUtil;
import com.tang.util.EasyuiResult;
import com.tang.util.PageBean;
import com.tang.util.PropertiesUtil;
import com.tang.util.ResponseUtil;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriven;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.File;
import java.util.Iterator;
import java.util.List;
import java.util.Queue;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 findByType(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;}//    加载书籍列表public String list(HttpServletRequest request, HttpServletResponse response) {PageBean pageBean = new PageBean();pageBean.setRequest(request);try {List<Book> list = this.bookDao.list(book, pageBean);ResponseUtil.writeJson(response, EasyuiResult.ok(pageBean.getTotal(), list));} catch (Exception e) {e.printStackTrace();}return null;}//    上架public String shangjia(HttpServletRequest request, HttpServletResponse response) {try {int res = this.bookDao.editState(book);ResponseUtil.writeJson(response, res);} catch (Exception e) {e.printStackTrace();}return null;}//    下架public String xiajia(HttpServletRequest request, HttpServletResponse response) {try {int res = this.bookDao.editState(book);ResponseUtil.writeJson(response, res);} catch (Exception e) {e.printStackTrace();}return null;}public String edit(HttpServletRequest request, HttpServletResponse response) {try {int res = this.bookDao.edit(book);ResponseUtil.writeJson(response, res);} catch (Exception e) {e.printStackTrace();}return null;}//    新增public String add(HttpServletRequest request, HttpServletResponse response) {try {int res = this.bookDao.add(book);ResponseUtil.writeJson(response, res);} catch (Exception e) {e.printStackTrace();}return null;}//    上传public String upload(HttpServletRequest request, HttpServletResponse response) {try {FileItemFactory factory = new DiskFileItemFactory();ServletFileUpload upload = new ServletFileUpload(factory);List<FileItem> items = upload.parseRequest(request);Iterator<FileItem> itr = items.iterator();HttpSession session = request.getSession();while (itr.hasNext()) {FileItem item = (FileItem) itr.next();if (item.isFormField()) {System.out.println("普通字段处理");book.setId(Long.valueOf(request.getParameter("id")));} else if (!"".equals(item.getName())) {String imageName = DateUtil.getCurrentDateStr();// 存入数据的的数据，以及浏览器访问图片的映射地址String serverDir = PropertiesUtil.getValue("serverDir");// 图片真实的存放位置String diskDir = PropertiesUtil.getValue("diskDir");// 图片的后缀名String subfix = item.getName().split("\\.")[1];book.setImage(serverDir + imageName + "." + subfix);item.write(new File(diskDir + imageName + "." + subfix));int res = this.bookDao.editImgUrl(book);ResponseUtil.writeJson(response, res);}}} catch (Exception e) {e.printStackTrace();}return null;}
*/@Overridepublic Book getModel() {return book;}
}

OrderAction

package com.tang.web;import java.util.List;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.tang.dao.OrderDao;
import com.tang.entity.Order;
import com.tang.util.EasyuiResult;
import com.tang.util.PageBean;
import com.tang.util.ResponseUtil;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriven;public class OrderAction extends ActionSupport implements ModelDriven<Order>{private Order order = new Order();private OrderDao orderDao = new OrderDao();//    订单列表public String list(HttpServletRequest request, HttpServletResponse response) {PageBean pageBean = new PageBean();pageBean.setRequest(request);try {List<Order> list = this.orderDao.list(order, pageBean);ResponseUtil.writeJson(response, EasyuiResult.ok(pageBean.getTotal(), list));} catch (Exception e) {e.printStackTrace();}return null;}//   撤单和签收public String cancelAndReceive(HttpServletRequest request, HttpServletResponse response) {try {int res = this.orderDao.cancelAndReceive(order);ResponseUtil.writeJson(response, res);} catch (Exception e) {e.printStackTrace();}return null;}//   发货public String sendGoods(HttpServletRequest request, HttpServletResponse response) {try {int res = this.orderDao.sendGoods(order);ResponseUtil.writeJson(response, res);} catch (Exception e) {e.printStackTrace();}return null;}@Overridepublic Order getModel() {return order;}}

OrderItemAction

package com.tang.web;import java.util.List;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.tang.dao.OrderItemDao;
import com.tang.entity.Order;
import com.tang.entity.OrderItem;
import com.tang.util.EasyuiResult;
import com.tang.util.PageBean;
import com.tang.util.ResponseUtil;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriven;public class OrderItemAction extends ActionSupport implements ModelDriven<OrderItem>{private OrderItem orderItem = new OrderItem();private OrderItemDao orderItemDao = new OrderItemDao();public String list(HttpServletRequest request, HttpServletResponse response) {PageBean pageBean = new PageBean();pageBean.setRequest(request);try {List<OrderItem> list = this.orderItemDao.list(orderItem, pageBean);ResponseUtil.writeJson(response, EasyuiResult.ok(pageBean.getTotal(),list));} catch (Exception e) {e.printStackTrace();}return null;}@Overridepublic OrderItem getModel() {return orderItem;}}

mvc.xml配置

mvc.xml

<?xml version="1.0" encoding="UTF-8"?>
<config><!--用户相关业务--><action path="/user" type="com.tang.web.UserAction"><forward name="login" path="/login.jsp" redirect=""/><forward name="register" path="/register.jsp" redirect=""/><forward name="mainTemp" path="/bg/mainTemp.jsp" redirect="false"/></action><!--权限相关业务--><action path="/permission" type="com.tang.web.PermissionAction"></action><!--书籍相关业务--><action path="/book" type="com.tang.web.BookAction"><forward name="findBook" path="/fg/findBook.jsp" redirect="false"/></action><!--书籍类别相关业务--><action path="/category" type="com.tang.web.CategoryAction"></action><!--订单功能--><action path="/order" type="com.tang.web.OrderAction"></action><!--订单项功能--><action path="/orderItem" type="com.tang.web.OrderItemAction"></action></config>

界面代码所需的js样式

main.js

$(function () {var ctx  = $("#ctx").val();$('#bookMenus').tree({url:ctx+'/permission.action?methodName=menuTree',onClick: function(node){// alert(node.text);  // 在用户点击的时候提示// alert($('#bookTabs').tabs('exists',node.text));if($('#bookTabs').tabs('exists',node.text)){$('#bookTabs').tabs('select',node.text)}else {var url = node.attributes.self.url;if(url){var content = '<iframe width="100%" height="100%" src="'+ctx+url+'"></iframe>>';$('#bookTabs').tabs('add',{title:node.text,content:content,closable:true,tools:[{// iconCls:'icon-mini-refresh',// handler:function(){//     alert('refresh');// }}]});}}}});});

老板的后台管理功能界面代码及效果

书籍管理

书籍新增

addBook.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css"href="${pageContext.request.contextPath}/static/js/easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/js/easyui/themes/icon.css"><script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/static/js/easyui/jquery.easyui.min.js"></script><script src="${pageContext.request.contextPath}/static/js/main.js"></script>
<title>书籍新增</title>
</head>
<body><div style="margin:20px 0;"></div>
<div class="easyui-panel" title="新增书籍" style="width:100%;padding:30px 60px;"><form id="ff" action="${pageContext.request.contextPath}/book.action?methodName=add" method="post"><div style="margin-bottom:20px"><input class="easyui-textbox" name="name" style="width:100%" data-options="label:'书名:',required:true"></div><div style="margin-bottom:20px"><input id="cid" name="cid" value="" label="类别" ></div><div style="margin-bottom:20px"><input class="easyui-textbox" name="author" style="width:100%" data-options="label:'作者:',required:true"></div><div style="margin-bottom:20px"><input class="easyui-textbox" name="price" style="width:100%"data-options="label:'价格:',required:true"></div><div style="margin-bottom:20px"><input class="easyui-textbox" name="publishing" style="width:100%"data-options="label:'出版社:',required:true"></div><div style="margin-bottom:20px"><input class="easyui-textbox" name="description" style="width:100%;height:60px"data-options="label:'简介:',required:true"></div><%--默认未上架--%><input type="hidden" name="state" value="1"><%--默认起始销量为0--%><input type="hidden" name="sales" value="0"></form><div style="text-align:center;padding:5px 0"><a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()" style="width:80px">Submit</a><a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()" style="width:80px">Clear</a></div>
</div>
<script>$(function () {$('#cid').combobox({url:'${pageContext.request.contextPath}/category.action?methodName=list',valueField:'id',textField:'name'});});function submitForm() {$('#ff').form('submit',{success:function (param) {$('#ff').form('clear');}});}function clearForm() {$('#ff').form('clear');}
</script></body>
</html>

效果图
在这里插入图片描述

未上架书籍

listBook1.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>未上架书籍</title>
<link rel="stylesheet" type="text/css"href="${pageContext.request.contextPath}/static/js/easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/js/easyui/themes/icon.css"><script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/static/js/easyui/jquery.easyui.min.js"></script><script src="${pageContext.request.contextPath}/static/js/main.js"></script>
</head>
<body><!-- 未上架书籍界面 --><table id="dg" style="style=" width:400px;height:200px;"></table><div id="tb"><input class="easyui-textbox" id="name" name="name" style="width:20%;padding-left: 10px" data-options="label:'书名:',required:true"><a id="btn-search" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">搜索</a></div><!-- 弹出框提交表单所用 --><div id="dd" class="easyui-dialog" title="编辑窗体" style="width:600px;height:450px;"data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true,buttons:'#bb'"><form id="ff" action="${pageContext.request.contextPath}/book.action?methodName=edit" method="post"><div style="margin-bottom:20px"><input class="easyui-textbox" name="name" style="width:100%" data-options="label:'书名:',required:true"></div><div style="margin-bottom:20px"><input id="cid" name="cid" value="" label="类别" ></div><div style="margin-bottom:20px"><input class="easyui-textbox" name="author" style="width:100%" data-options="label:'作者:',required:true"></div><div style="margin-bottom:20px"><input class="easyui-textbox" name="price" style="width:100%"data-options="label:'价格:',required:true"></div><div style="margin-bottom:20px"><input class="easyui-textbox" name="publishing" style="width:100%"data-options="label:'出版社:',required:true"></div><div style="margin-bottom:20px"><input class="easyui-textbox" name="description" style="width:100%;height:60px"data-options="label:'简介:',required:true"></div><%--默认未上架--%><input type="hidden" name="state" value=""><%--默认起始销量为0--%><input type="hidden" name="sales" value=""><input type="hidden" name="id" value=""><input type="hidden" name="image" value=""></form><div style="text-align:center;padding:5px 0"><a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()" style="width:80px">Submit</a><a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()" style="width:80px">Clear</a></div></div><!-- 图片上传 --><div id="dd2" class="easyui-dialog" title="书籍图标上传" style="width:600px;height:450px;"data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true,buttons:'#bb'"><form id="ff2" action="" method="post" enctype="multipart/form-data"><div style="margin-bottom:20px"><input type="file" name="file"></div></form><div style="text-align:center;padding:5px 0"><a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm2()" style="width:80px">Submit</a><a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()" style="width:80px">Clear</a></div></div></body><script>function shangjia() {$.messager.confirm('确认','您确认想要上架此书籍吗？',function(r){if (r){var row = $('#dg').datagrid('getSelected');if (row){$.ajax({url:'${pageContext.request.contextPath}/book.action?methodName=shangjia&state=2&id=' + row.id,success:function (data) {}})} }});}//修改function edit() {$('#cid').combobox({url:'${pageContext.request.contextPath}/category.action?methodName=list',valueField:'id',textField:'name'});var row = $('#dg').datagrid('getSelected');if (row) {$('#ff').form('load', row);$('#dd').dialog('open');}}//提交编辑信息的表单function submitForm() {$('#ff').form('submit',{success: function (param) {$('#dd').dialog('close');$('#dg').datagrid('reload');$('#ff').form('clear');}});}function clearForm() {$('#ff').form('clear');}//图片上传function upload() {$('#dd2').dialog('open');}//图片上传表单提交function submitForm2() {var row = $('#dg').datagrid('getSelected');console.log(row);// if (row) {//     $('#ff2').attr("action", $('#ff2').attr("action") + "&id=" + row.id);// }$('#ff2').form('submit', {url: '${pageContext.request.contextPath}/book.action?methodName=upload&id=' + row.id,success: function (param) {$('#dd2').dialog('close');$('#dg').datagrid('reload');$('#ff2').form('clear');}})}$(function () {$("#btn-search").click(function () {$('#dg').datagrid('load', {name: $("#name").val()});});$('#dg').datagrid({url: '${pageContext.request.contextPath}/book.action?methodName=list&&state=1',fit: true,fitColumns: true,pagination: true,singleSelect: true,toolbar:'#tb',columns: [[// {field:'id',title:'id',width:100},{field: 'id', title: '书籍名称', hidden: true},{field: 'name', title: '书籍名称', width: 50},{field: 'pinyin', title: '拼音', width: 50},{field: 'cid', title: '书籍类别', width: 50, formatter: function (value, row, index) {if (row.cid == 1) {return "文艺";} else if (row.cid == 2) {return "小说";} else if (row.cid == 3) {return "青春";} else {return value;}}},{field: 'author', title: '作者', width: 50},// {field:'price',title:'价格',width:100},{field: 'image', title: '图片路径', width: 100, formatter: function (value, row, index) {return '<img style="width:80px;height: 60px;" src="' + row.image + '"></img>';}},{field: 'publishing', title: '出版社', width: 50},// {field:'desc',title:'描述',width:100},// {field:'state',title:'书籍状态',width:100},{field: 'sales', title: '销量', width: 50},{field: 'deployTime', title: '上架时间', width: 50, align: 'right'},{field: 'xxxx', title: '操作', width: 100, formatter: function (value, row, index) {return '<a href="#" onclick="upload()">图片上传</a>&nbsp;&nbsp;' +'<a href="#" onclick="shangjia()">上架</a>&nbsp;&nbsp;' +'<a href="#" onclick="edit();">修改</a>';}}]]});})</script>
</html>

效果图
在这里插入图片描述

已上架书籍

listBook2.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>已上架书籍界面</title>
<link rel="stylesheet" type="text/css"href="${pageContext.request.contextPath}/static/js/easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/js/easyui/themes/icon.css"><script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/static/js/easyui/jquery.easyui.min.js"></script><script src="${pageContext.request.contextPath}/static/js/main.js"></script>
</head>
<body><!-- 已上架书籍界面 --><table id="dg" style="style=" width:400px;height:200px;"></table><script>function xiajia() {$.messager.confirm('确认','您确认想要下架此书籍吗？',function(r){if (r){var row = $('#dg').datagrid('getSelected');if (row){$.ajax({url:'${pageContext.request.contextPath}/book.action?methodName=shangjia&state=3&id=' + row.id,success:function (data) {}})}}});}$(function () {$('#dg').datagrid({url: '${pageContext.request.contextPath}/book.action?methodName=list&&state=2',fit: true,fitColumns: true,pagination: true,singleSelect: true,columns: [[// {field:'id',title:'id',width:100},{field: 'id', title: '书籍名称', hidden: true},{field: 'name', title: '书籍名称', width: 50},{field: 'pinyin', title: '拼音', width: 50},{field: 'cid', title: '书籍类别', width: 50, formatter: function (value, row, index) {if (row.cid == 1) {return "文艺";} else if (row.cid == 2) {return "小说";} else if (row.cid == 3) {return "青春";} else {return value;}}},{field: 'author', title: '作者', width: 50},// {field:'price',title:'价格',width:100},{field: 'image', title: '图片路径', width: 100, formatter: function (value, row, index) {return '<img style="width:80px;height: 60px;" src="' + row.image + '"></img>';}},{field: 'publishing', title: '出版社', width: 50},// {field:'desc',title:'描述',width:100},// {field:'state',title:'书籍状态',width:100},{field: 'sales', title: '销量', width: 50},{field: 'deployTime', title: '上架时间', width: 50, align: 'right'},{field: 'xxxx', title: '操作', width: 100, formatter: function (value, row, index) {return  '<a href="#" onclick="xiajia();">下架</a>';}}]]});})</script>
</body>
</html>

效果图
在这里插入图片描述

已下架书籍

listBook3.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>已下架书籍界面</title>
<link rel="stylesheet" type="text/css"href="${pageContext.request.contextPath}/static/js/easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/js/easyui/themes/icon.css"><script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/static/js/easyui/jquery.easyui.min.js"></script><script src="${pageContext.request.contextPath}/static/js/main.js"></script>
</head>
<body>
<table id="dg" style="style=" width:400px;height:200px;"></table><script>$(function () {$('#dg').datagrid({url: '${pageContext.request.contextPath}/book.action?methodName=list&&state=3',fit: true,fitColumns: true,pagination: true,singleSelect: true,columns: [[// {field:'id',title:'id',width:100},{field: 'id', title: '书籍名称', hidden: true},{field: 'name', title: '书籍名称', width: 50},{field: 'pinyin', title: '拼音', width: 50},{field: 'cid', title: '书籍类别', width: 50, formatter: function (value, row, index) {if (row.cid == 1) {return "文艺";} else if (row.cid == 2) {return "小说";} else if (row.cid == 3) {return "青春";} else {return value;}}},{field: 'author', title: '作者', width: 50},// {field:'price',title:'价格',width:100},{field: 'image', title: '图片路径', width: 100, formatter: function (value, row, index) {return '<img style="width:80px;height: 60px;" src="' + row.image + '"></img>';}},{field: 'publishing', title: '出版社', width: 50},// {field:'desc',title:'描述',width:100},// {field:'state',title:'书籍状态',width:100},{field: 'sales', title: '销量', width: 50},{field: 'deployTime', title: '上架时间', width: 50, align: 'right'}]]});})
</script>
</body>
</html>

效果图
在这里插入图片描述

订单管理

未发货

listOrder1.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>未发货订单界面</title>
<link rel="stylesheet" type="text/css"href="${pageContext.request.contextPath}/static/js/easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/js/easyui/themes/icon.css"><script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/static/js/easyui/jquery.easyui.min.js"></script><script src="${pageContext.request.contextPath}/static/js/main.js"></script>
</head>
<body>
<table id="dg" style="style=" width:400px;height:200px;"></table><script>$(function () {$('#dg').datagrid({url: '${pageContext.request.contextPath}/order.action?methodName=list&&orderState=1',fit: true,fitColumns: true,pagination: true,singleSelect: true,columns: [[// {field:'id',title:'id',width:100},{field: 'id', title: '书籍名称', hidden: true},{field: 'postalcode', title: '收货人邮编', hidden: true},{field: 'uid', title: '用户', width: 50},{field: 'consignee', title: '收货人', width: 50},{field: 'phone', title: '手机号', width: 50},{field: 'address', title: '收获人地址', width: 50},{field: 'orderPrice', title: '价格', width: 50},{field: 'sendTime', title: '发货时间', width: 50},{field: 'orderTime', title: '订单时间', width: 50},{field: 'sendType', title: '发送方式', width: 50, formatter: function (value, row, index) {if (row.sendType == 1) {return "平邮";} else if (row.sendType == 2) {return "快递";}}},{field: 'orderState', title: '订单状态', width: 100, formatter: function (value, row, index) {if (row.orderState == 1) {return "未发货";} else if (row.orderState == 2) {return "已发货";} else if (row.orderState == 3) {return "已签收";} else if (row.orderState == 4) {return "已撤单";}}},{field: 'xxxx', title: '操作', width: 100, formatter: function (value, row, index) {return '<a href="#" onclick="sendOrder();">发货</a>';}}]]});})function sendOrder() {var row = $('#dg').datagrid('getSelected');var id=0;if (row) {id = row.id;}else {alert("请勾选数据...");return;}$.messager.confirm('确认', '您确认想要发货吗？', function (r) {if (r) {$.ajax({url: '${pageContext.request.contextPath}/order.action?methodName=cancelAndReceive&&orderState=2&id='+id,success: function (data) {$('#dg').datagrid('reload');}});}})}
</script>
</body>
</html>

效果图
在这里插入图片描述

已发货

listOrder2.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>已发货订单界面</title><link rel="stylesheet" type="text/css"href="${pageContext.request.contextPath}/static/js/easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/js/easyui/themes/icon.css"><script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/static/js/easyui/jquery.easyui.min.js"></script><script src="${pageContext.request.contextPath}/static/js/main.js"></script>
</head>
<body>
<table id="dg" style="style=" width:400px;height:200px;"></table><script>$(function () {$('#dg').datagrid({url: '${pageContext.request.contextPath}/order.action?methodName=list&&orderState=2',fit: true,fitColumns: true,pagination: true,singleSelect: true,columns: [[// {field:'id',title:'id',width:100},{field: 'id', title: '书籍名称', hidden: true},{field: 'postalcode', title: '收货人邮编', hidden: true},{field: 'uid', title: '用户', width: 50},{field: 'consignee', title: '收货人', width: 50},{field: 'phone', title: '手机号', width: 50},{field: 'address', title: '收获人地址', width: 50},{field: 'orderPrice', title: '价格', width: 50},{field: 'sendTime', title: '发货时间', width: 50},{field: 'orderTime', title: '订单时间', width: 50},{field: 'sendType', title: '发送方式', width: 50, formatter: function (value, row, index) {if (row.sendType == 1) {return "平邮";} else if (row.sendType == 2) {return "快递";}}},{field: 'orderState', title: '订单状态', width: 100, formatter: function (value, row, index) {if (row.orderState == 1) {return "未发货";} else if (row.orderState == 2) {return "已发货";} else if (row.orderState == 3) {return "已签收";} else if (row.orderState == 4) {return "已撤单";}}}]]});})</script>
</body>
</html>

效果图
在这里插入图片描述

已签收

listOrder3.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>商家订单页面</title><link rel="stylesheet" type="text/css"href="${pageContext.request.contextPath}/static/js/easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/js/easyui/themes/icon.css"><script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/static/js/easyui/jquery.easyui.min.js"></script><script src="${pageContext.request.contextPath}/static/js/main.js"></script>
</head>
<body><table id="dg" style="style=" width:400px;height:200px;"></table><script>$(function () {$('#dg').datagrid({url: '${pageContext.request.contextPath}/order.action?methodName=list&&orderState=3',fit: true,fitColumns: true,pagination: true,singleSelect: true,columns: [[// {field:'id',title:'id',width:100},{field: 'id', title: '书籍名称', hidden: true},{field: 'postalcode', title: '收货人邮编', hidden: true},{field: 'uid', title: '用户', width: 50},{field: 'consignee', title: '收货人', width: 50},{field: 'phone', title: '手机号', width: 50},{field: 'address', title: '收获人地址', width: 50},{field: 'orderPrice', title: '价格', width: 50},{field: 'sendTime', title: '发货时间', width: 50},{field: 'orderTime', title: '订单时间', width: 50},{field: 'sendType', title: '发送方式', width: 50, formatter: function (value, row, index) {if (row.sendType == 1) {return "平邮";} else if (row.sendType == 2) {return "快递";}}},{field: 'orderState', title: '订单状态', width: 100, formatter: function (value, row, index) {if (row.orderState == 1) {return "未发货";} else if (row.orderState == 2) {return "已发货";} else if (row.orderState == 3) {return "已签收";} else if (row.orderState == 4) {return "已撤单";}}}]]});})</script>
</body>
</html>

效果图
在这里插入图片描述

订单项

listOrderItem.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>商家订单页面</title><link rel="stylesheet" type="text/css"href="${pageContext.request.contextPath}/static/js/easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/js/easyui/themes/icon.css"><script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/static/js/easyui/jquery.easyui.min.js"></script><script src="${pageContext.request.contextPath}/static/js/main.js"></script>
</head>
<body><table id="dg" style="style=" width:400px;height:200px;"></table><div id="tb"><input class="easyui-textbox" id="oid" name="oid" style="width:20%;padding-left: 10px" data-options="label:'订单号:',required:true"><a id="btn-search" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">搜索</a></div><script>$(function () {$("#btn-search").click(function () {$('#dg').datagrid('load', {oid: $("#oid").val()});});$('#dg').datagrid({url: '${pageContext.request.contextPath}/orderItem.action?methodName=list',fit: true,fitColumns: true,pagination: true,singleSelect: true,toolbar:'#tb',columns: [[// {field:'id',title:'id',width:100},{field: 'id', title: '订单项流水号', hidden: true},{field: 'oid', title: '订单号', width: 50},{field: 'bid', title: '书籍名称', width: 50},{field: 'quantity', title: '数量', width: 50}]]});})</script>
</body>
</html>

效果图
在这里插入图片描述

客户的后台管理功能界面代码及效果

订单管理

未发货

listMyOrder1.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>商家订单页面</title><link rel="stylesheet" type="text/css"href="${pageContext.request.contextPath}/static/js/easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/js/easyui/themes/icon.css"><script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/static/js/easyui/jquery.easyui.min.js"></script><script src="${pageContext.request.contextPath}/static/js/main.js"></script>
</head>
<body><table id="dg" style="style=" width:400px;height:200px;"></table><script>$(function () {$('#dg').datagrid({url: '${pageContext.request.contextPath}/order.action?methodName=list&&orderState=1',fit: true,fitColumns: true,pagination: true,singleSelect: true,columns: [[// {field:'id',title:'id',width:100},{field: 'id', title: '书籍名称', hidden: true},{field: 'postalcode', title: '收货人邮编', hidden: true},{field: 'uid', title: '用户', width: 50},{field: 'consignee', title: '收货人', width: 50},{field: 'phone', title: '手机号', width: 50},{field: 'address', title: '收获人地址', width: 50},{field: 'orderPrice', title: '价格', width: 50},{field: 'sendTime', title: '发货时间', width: 50},{field: 'orderTime', title: '订单时间', width: 50},{field: 'sendType', title: '发送方式', width: 50, formatter: function (value, row, index) {if (row.sendType == 1) {return "平邮";} else if (row.sendType == 2) {return "快递";}}},{field: 'orderState', title: '订单状态', width: 100, formatter: function (value, row, index) {if (row.orderState == 1) {return "未发货";} else if (row.orderState == 2) {return "已发货";} else if (row.orderState == 3) {return "已签收";} else if (row.orderState == 4) {return "已撤单";}}},{field: 'xxxx', title: '操作', width: 100, formatter: function (value, row, index) {return '<a href="#" onclick="cancel();">撤单</a>';}}]]});})function cancel() {var row = $('#dg').datagrid('getSelected');var id=0;if (row) {id = row.id;}else {alert("请勾选数据...");return;}$.messager.confirm('确认', '您确认想要撤单吗？', function (r) {if (r) {$.ajax({url: '${pageContext.request.contextPath}/order.action?methodName=cancelAndReceive&&orderState=4&id='+id,success: function (data) {$('#dg').datagrid('reload');}});}})}</script>
</body>
</html>

效果图
在这里插入图片描述

已发货

listMyOrder2.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>商家订单页面</title><link rel="stylesheet" type="text/css"href="${pageContext.request.contextPath}/static/js/easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/js/easyui/themes/icon.css"><script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/static/js/easyui/jquery.easyui.min.js"></script><script src="${pageContext.request.contextPath}/static/js/main.js"></script>
</head>
<body><table id="dg" style="style=" width:400px;height:200px;"></table><script>$(function () {$('#dg').datagrid({url: '${pageContext.request.contextPath}/order.action?methodName=list&&orderState=2',fit: true,fitColumns: true,pagination: true,singleSelect: true,columns: [[// {field:'id',title:'id',width:100},{field: 'id', title: '书籍名称', hidden: true},{field: 'postalcode', title: '收货人邮编', hidden: true},{field: 'uid', title: '用户', width: 50},{field: 'consignee', title: '收货人', width: 50},{field: 'phone', title: '手机号', width: 50},{field: 'address', title: '收获人地址', width: 50},{field: 'orderPrice', title: '价格', width: 50},{field: 'sendTime', title: '发货时间', width: 50},{field: 'orderTime', title: '订单时间', width: 50},{field: 'sendType', title: '发送方式', width: 50, formatter: function (value, row, index) {if (row.sendType == 1) {return "平邮";} else if (row.sendType == 2) {return "快递";}}},{field: 'orderState', title: '订单状态', width: 100, formatter: function (value, row, index) {if (row.orderState == 1) {return "未发货";} else if (row.orderState == 2) {return "已发货";} else if (row.orderState == 3) {return "已签收";} else if (row.orderState == 4) {return "已撤单";}}},{field: 'xxxx', title: '操作', width: 100, formatter: function (value, row, index) {return '<a href="#" onclick="receive();">签收</a>';}}]]});})function receive() {var row = $('#dg').datagrid('getSelected');var id=0;if (row) {id = row.id;}else {alert("请勾选数据...");return;}$.messager.confirm('确认', '请确认签收？', function (r) {if (r) {$.ajax({url: '${pageContext.request.contextPath}/order.action?methodName=cancelAndReceive&&orderState=3&id='+id,success: function (data) {$('#dg').datagrid('reload');}});}})}</script>
</body>
</html>

效果图
在这里插入图片描述

已签收

listMyOrder3.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>会员订单页面</title><link rel="stylesheet" type="text/css"href="${pageContext.request.contextPath}/static/js/easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/js/easyui/themes/icon.css"><script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/static/js/easyui/jquery.easyui.min.js"></script><script src="${pageContext.request.contextPath}/static/js/main.js"></script>
</head>
<body><table id="dg" style="style=" width:400px;height:200px;"></table><script>$(function () {$('#dg').datagrid({url: '${pageContext.request.contextPath}/order.action?methodName=list&&orderState=3',fit: true,fitColumns: true,pagination: true,singleSelect: true,columns: [[// {field:'id',title:'id',width:100},{field: 'id', title: '书籍名称', hidden: true},{field: 'postalcode', title: '收货人邮编', hidden: true},{field: 'uid', title: '用户', width: 50},{field: 'consignee', title: '收货人', width: 50},{field: 'phone', title: '手机号', width: 50},{field: 'address', title: '收获人地址', width: 50},{field: 'orderPrice', title: '价格', width: 50},{field: 'sendTime', title: '发货时间', width: 50},{field: 'orderTime', title: '订单时间', width: 50},{field: 'sendType', title: '发送方式', width: 50, formatter: function (value, row, index) {if (row.sendType == 1) {return "平邮";} else if (row.sendType == 2) {return "快递";}}},{field: 'orderState', title: '订单状态', width: 100, formatter: function (value, row, index) {if (row.orderState == 1) {return "未发货";} else if (row.orderState == 2) {return "已发货";} else if (row.orderState == 3) {return "已签收";} else if (row.orderState == 4) {return "已撤单";}}}]]});})</script>
</body>
</html>

效果图
在这里插入图片描述

这篇关于网上书城的老板客户的后台管理功能的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/954186。

相关文章

用Microsoft.Extensions.Hosting 管理WPF项目.

用Microsoft.Extensions.Hosting 管理WPF项目.

首先引入必要的包: <ItemGroup><PackageReference Include="CommunityToolkit.Mvvm" Version="8.2.2" /><PackageReference Include="Microsoft.Extensions.Hosting" Version="8.0.0" /><PackageReference Include="Serilog
阅读更多...
关于如何更好管理好数据库的一点思考

关于如何更好管理好数据库的一点思考

本文尝试从数据库设计理论、ER图简介、性能优化、避免过度设计及权限管理方面进行思考阐述。 一、数据库范式 以下通过详细的示例说明数据库范式的概念，将逐步规范化一个例子，逐级说明每个范式的要求和变换过程。 示例：学生课程登记系统 初始表格如下： 学生ID学生姓名课程ID课程名称教师教师办公室1张三101数学王老师101室2李四102英语李老师102室3王五101数学王老师101室4赵六103物理陈
阅读更多...
android 免费短信验证功能

android 免费短信验证功能

没有太复杂的使用的话，功能实现比较简单粗暴。 在www.mob.com网站中可以申请使用免费短信验证功能。 步骤： 1.注册登录。 2.选择“短信验证码SDK” 3.下载对应的sdk包，我这是选studio的。 4.从头像那进入后台并创建短信验证应用，获取到key跟secret 5.根据技术文档操作（initSDK方法写在setContentView上面） 6.关键：在有用到的Mo
阅读更多...
android一键分享功能部分实现

android一键分享功能部分实现

为什么叫做部分实现呢，其实是我只实现一部分的分享。如新浪微博，那还有没去实现的是微信分享。还有一部分奇怪的问题：我QQ分享跟QQ空间的分享功能，我都没配置key那些都是原本集成就有的key也可以实现分享，谁清楚的麻烦详解下。 实现分享功能我们可以去www.mob.com这个网站集成。免费的，而且还有短信验证功能。等这分享研究完后就研究下短信验证功能。 开始实现步骤（新浪分享，以下是本人自己实现
阅读更多...
Android我的二维码扫描功能发展史（完整）

Android我的二维码扫描功能发展史（完整）

最近在研究下二维码扫描功能，跟据从网上查阅的资料到自己勉强已实现扫描功能来一一介绍我的二维码扫描功能实现的发展历程： 首页通过网络搜索发现做android二维码扫描功能看去都是基于google的ZXing项目开发。 2、搜索怎么使用ZXing实现自己的二维码扫描：从网上下载ZXing-2.2.zip以及core-2.2-source.jar文件，分别解压两个文件。然后把.jar解压出来的整个c
阅读更多...
springboot家政服务管理平台 LW +PPT+源码+讲解

springboot家政服务管理平台 LW +PPT+源码+讲解

3系统的可行性研究及需求分析 3.1可行性研究 3.1.1技术可行性分析 经过大学四年的学习，已经掌握了JAVA、Mysql数据库等方面的编程技巧和方法，对于这些技术该有的软硬件配置也是齐全的，能够满足开发的需要。 本家政服务管理平台采用的是Mysql作为数据库，可以绝对地保证用户数据的安全；可以与Mysql数据库进行无缝连接。 所以，家政服务管理平台在技术上是可以实施的。 3.1
阅读更多...
高度内卷下，企业如何通过VOC（客户之声）做好竞争分析？

高度内卷下，企业如何通过VOC（客户之声）做好竞争分析？

VOC，即客户之声，是一种通过收集和分析客户反馈、需求和期望，来洞察市场趋势和竞争对手动态的方法。在高度内卷的市场环境下，VOC不仅能够帮助企业了解客户的真实需求，还能为企业提供宝贵的竞争情报，助力企业在竞争中占据有利地位。 那么，企业该如何通过VOC（客户之声）做好竞争分析呢？深圳天行健企业管理咨询公司解析如下： 首先，要建立完善的VOC收集机制。这包括通过线上渠道（如社交媒体、官网留言
阅读更多...
vue3项目将所有访问后端springboot的接口统一管理带跨域

vue3项目将所有访问后端springboot的接口统一管理带跨域

vue3项目将所有访问后端springboot的接口统一管理带跨域 一、前言1.安装Axios2.创建Axios实例3.创建API服务文件4.在组件中使用API服务 二、跨域三、总结 一、前言 在Vue 3项目中，统一管理所有访问后端Spring Boot接口的最佳实践是创建一个专门的API服务层。这可以让你的代码更加模块化、可维护和集中管理。你可以使用Axios库作为HTT
阅读更多...
开启青龙 Ninja 扫码功能失效后修改成手动填写CK功能【修正Ninja拉库地址】

开启青龙 Ninja 扫码功能失效后修改成手动填写CK功能【修正Ninja拉库地址】

国内：进入容器docker exec -it qinglong bash #获取ninjagit clone -b main https://ghproxy.com/https://github.com/wjx0428/ninja.git /ql/ninja#安装cd /ql/ninja/backend && pnpm install cp .env.example .env
阅读更多...
【机器学习】半监督学习可以实现什么功能？

【机器学习】半监督学习可以实现什么功能？

目录 一、什么是机器学习二、半监督学习算法介绍三、半监督学习算法的应用场景四、半监督学习可以实现什么功能？ 一、什么是机器学习 机器学习是一种人工智能技术，它使计算机系统能够从数据中学习并做出预测或决策，而无需明确编程。它涉及到使用算法和统计模型来分析大量数据，识别其中的模式和关系，并利用这些信息来预测未来事件或做出决策。机器学习可以应用于各种领域，包括图像识别、自然语言
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2