使用Easyui进行数据的新增

糖小媎

已于 2022-06-01 18:38:49 修改

阅读量449

点赞数

分类专栏： easyui 文章标签： java

于 2022-04-11 20:37:49 首次发布

本文链接：https://blog.csdn.net/m0_61148761/article/details/124107140

版权

本文介绍了如何使用Easyui进行数据的新增，包括前台页面的界面布局设计，后台开发中的dao方法和接口实现，以及前后端代码的整合与界面样式调整。

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

一、前台页面

前台界面代码如下：

<%@ 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">
<%@ include file="/common/head.jsp" %>
<title>Insert title here</title>
</head>
<body>
	<!-- 查询条件 -->
	<div style="margin-top: 15px; margin-left:10px;">
		<input class="easyui-textbox" id="bookName" style="width:300px">
		<a id="bookQry" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>  
	</div> 
	
	<div id="p" class="easyui-panel" style="padding:10px" data-options="fit:true, border:false">
		<table id="bookTable" class="easyui-datagrid" style="width:100%;height:90%;"> 
		</table>
	</div>
	
	<!-- 列表上方的工具条 -->
	&