EasyUI项目之书籍管理（CRUD）

VIP文章亣柒

于 2021-09-25 19:40:11 发布

阅读量105

点赞数 1

分类专栏： EasyUI基础 J2EE基本框架文章标签： easyui

本文链接：https://blog.csdn.net/m0_58525944/article/details/120446447

版权

在上节课的基础上对书籍管理增加CRUD操作

目标效果：

目标：

1，点击新增，类型将会在下拉框中显示，增加成功后，该书会显示到未上架界面中。

2，未上架，已上架（上架，下架书籍是改变书籍的状态）。

3，已下架，查询状态为下架的书籍。

4，修改，在未上架中可选中书籍进行修改。

打开选项卡（在上节课基础上完善选项卡功能）


$(function() {
	$("#bookMenus").tree({
		url:$("#ctx").val()+"/permission.action?methodName=tree",
	    onClick:function(node){
	    	//判断有无重复选项卡
	    	var exists=$('#bookTabs').tabs('exists',node.text);
	    	if(exists){
	    		//存在则选中
	    		$('#bookTabs').tabs('select',node.text);
	    	}else{
	    		//不存在则打开新的选项卡
	    	$('#bookTabs').tabs('add',{ 
	    	    title:node.text,    
	    	    //node.attributes.self.menuURL决对路径
	    	    content:'<iframe width="100%" height="100%" src="'+$("#ctx").val()+node.attributes.self.url+'"></iframe>',  
	    	    closable:true,    
	    	    tools:[{    
	    	        iconCls:'icon-mini-refresh',    
	    	        handler:function(){    
	    	            alert('refresh');    
	    	        }    
	    	    }]    
	    	});
	    	}
	    }
	});
})

一，增加

1.1 ComboBox（利用ComboBox控件制作下拉列表框）

实体类

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);
	}
	
}

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;
	}
	
}

配置xml文件

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

js代码


	$(function () {
 	   $('#cid').combobox({
    	    url:'${pageContext.request.contextPath}/category.action?methodName=combobox',
   	     valueField:'id',
  	      textField:'name'
  	  })
	});

	//表单提交增加按钮
	function submitForm() {
	}

    function clearForm() {
    }

界面代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <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>
<div style="margin:20px 0;"></div>
<div class="easyui-panel" title="已下架书籍" style="width:100%;padding:30px 60px;">
    <form id="ff" action="" 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="类别" >
            <%--<select class="easyui-combobox" name="cid" label="类别" style="width:100%">--%>
                <%--<option value="1">文艺</option>--%>
                <%--<option value="2">小说</option>--%>
                <%--<option value="3">青春</option>--%>
            <%--</select>--%>
        </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>
        <d

最低0.47元/天解锁文章

亣柒

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
EasyUI项目之书籍管理（CRUD）

在上节课的基础上对书籍管理增加CRUD操作目标效果：目标：1，点击新增，类型将会在下拉框中显示，增加成功后，该书会显示到未上架界面中。2，未上架，已上架（上架，下架书籍是改变书籍的状态）。3，已下架，查询状态为下架的书籍。4，修改，在未上架中可选中书籍进行修改。打开选项卡（在上节课基础上完善选项卡功能）$(function() { $("#bookMenus").tree({ url:$("#ctx").val()+"/permission.actio
复制链接

扫一扫