EasyUI项目之门户书籍类别查询+图片上传

文渊.

于 2021-10-08 19:48:06 发布

阅读量160

点赞数

分类专栏：笔记文章标签： easyui java jquery

本文链接：https://blog.csdn.net/m0_52788922/article/details/120658323

版权

本文档详细介绍了如何使用EasyUI实现门户书籍类别的显示、类别跳转、后台图片上传功能，以及数据表格列显示的优化方法。涉及到的组件包括CategoryDao、CategoryAction、BookDao、BookAction等，同时探讨了两种不同数据优化方案的优缺点。

摘要由CSDN通过智能技术生成

目标功能：
在这里插入图片描述

目标：

1，门户书籍类别的显示

2，点击类别跳转到对象的类别界面

3，后台图片上传功能

一，门户书籍类别的显示

1.1 类别实体类
在这里插入图片描述 1.2 CategoryDao


package com.zking.dao;
 
import java.util.List;
 
import com.zking.entity.Category;
import com.zking.util.BaseDao;
import com.zking.util.PageBean;
 
public class CategoryDao extends BaseDao<Category>{
   
 
	//查询类别
	public List<Category> list( Category category, PageBean pageBean) throws Exception {
   
		String sql="select * from t_easyui_category where 1=1 ";
		long id = category.getId();
		if(id != 0) {
   
			sql += " and id =" + id;
		}
		return super.executeQuery(sql, Category.class, pageBean);
	}
	
}

1.3 CategoryAction

package com.zking.web;
 
import java.util.List;
 
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
import com.zking.dao.CategoryDao;
import com.zking.entity.Category;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.ResponseUtil;
 
public class CategoryAction extends ActionSupport implements ModelDriver<Category> {
   
 
	private Category category = new Category();
	private CategoryDao categoryDao = new CategoryDao();
 
	public Category getModel() {
   
		return category;
	}
 
	// 类别下拉框
	public String combobox(HttpServletRequest req, HttpServletResponse resp) throws Exception {
   
//		获取下拉框值
		List<Category> list = categoryDao.list(category, null);
		ResponseUtil.writeJson(resp, list);
		return null;
	}
 
}

1.4 配置mvc文件

<action path="/category" type="com.zking.web.CategoryAction">
	</action>

1.5 前端js


$(function(){
   
	$.ajax({
   
		url:$("#ctx").val()+"/category.action?methodName=combobox",
		success:function(data){
   
            //eval();可将json数组转换为json对象
            //jsonArr[i].id 为每个类别的id
	    	var jsonArr = eval("("+data+")");
	    	var html = '';
	    	for(var i in jsonArr){
   
	    		html += '<li class="list-group-item" οnclick="searchByType('+jsonArr[i].id+')">'+jsonArr[i].name+'</li>';
	    	}
	    	$(".list-group").append(html);
		}
	});
	
})

1.6 门户界面代码


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<html>
<head>
    <meta charset="utf-8">
    <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">--%>