|
|
<%@page import="java.sql.*"%> <!-- 导入Java SQL包 -->
|
|
|
<%@page import="javabean.Base"%> <!-- 导入自定义的Base类 -->
|
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
|
pageEncoding="UTF-8"%> <!-- 设置页面语言为Java，内容类型和字符编码为UTF-8 -->
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- 定义文档类型为HTML 4.01 Transitional -->
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- 设置内容类型和字符编码为UTF-8 -->
|
|
|
<link rel="stylesheet" href="../public/layui/css/layui.css"> <!-- 引入Layui样式表 -->
|
|
|
|
|
|
<title>Insert title here</title> <!-- 页面标题 -->
|
|
|
</head>
|
|
|
<body>
|
|
|
<jsp:useBean id="check" scope="session" class="javabean.JDBCBean"></jsp:useBean> <!-- 使用JSP标签声明一个名为check的JavaBean，作用域为session，类为javabean.JDBCBean -->
|
|
|
<%
|
|
|
String id = request.getParameter("id");
|
|
|
Connection connection = (Connection)Base.getConnection();
|
|
|
String sql = "select * from announcement where id=?";
|
|
|
PreparedStatement pstmt = connection.prepareCall(sql);
|
|
|
pstmt.setString(1,id);
|
|
|
ResultSet resultSet = pstmt.executeQuery();
|
|
|
resultSet.next();
|
|
|
%>
|
|
|
<form class="layui-form layui-form-pane" action="" lay-filter="formFilter"> <!-- 创建一个表单，action属性为空，lay-filter属性为formFilter -->
|
|
|
<input type="text" name="id" value=<%=id %> lay-verify="required" required autocomplete="off" placeholder="请输入姓名" class="layui-input layui-hide"> <!-- 隐藏的输入框，用于存储公告的id -->
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">标题</label> <!-- 标题标签 -->
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="title" value=<%=resultSet.getString("title") %> lay-verify="required" required autocomplete="off" placeholder="请输入标题" class="layui-input"> <!-- 输入框，用于编辑公告标题 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">公告</label> <!-- 公告标签 -->
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="detail" value=<%=resultSet.getString("detail") %> lay-verify="required" placeholder="请输入公告" autocomplete="off" class="layui-input"> <!-- 输入框，用于编辑公告内容 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-input-block">
|
|
|
<button type="submit" class="layui-btn" lay-submit="" lay-filter="submitButton">立即提交</button> <!-- 提交按钮，触发表单提交事件 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
<script>
|
|
|
|
|
|
|
|
|
layui.use(['form', 'jquery'], function(){ <!-- 使用Layui的form和jQuery模块 -->
|
|
|
$ = layui.jquery; <!-- 将jQuery赋值给$变量 -->
|
|
|
var form = layui.form <!-- 获取form模块 -->
|
|
|
,layer = layui.layer <!-- 获取layer模块 -->
|
|
|
//监听提交
|
|
|
form.on('submit(submitButton)', function(data){ <!-- 监听表单提交事件 -->
|
|
|
$.ajax({
|
|
|
url: './announcementEdit', <!-- AJAX请求的URL -->
|
|
|
method: 'post', <!-- HTTP请求方法为POST -->
|
|
|
data: data.field, <!-- 发送的数据为表单数据 -->
|
|
|
dataType: 'json', <!-- 期望服务器返回的数据类型为JSON -->
|
|
|
success: function(data){ <!-- AJAX请求成功时的回调函数 -->
|
|
|
if(data.code == "0"){ <!-- 如果返回的code为0，表示操作成功 -->
|
|
|
parent.layer.msg("添加成功",{ <!-- 显示成功消息 -->
|
|
|
icon: 6, <!-- 消息图标类型 -->
|
|
|
time: 500 <!-- 消息显示时间 -->
|
|
|
});
|
|
|
setTimeout(function(){ <!-- 延迟500毫秒后刷新父页面 -->
|
|
|
parent.location.reload();
|
|
|
}, 500);
|
|
|
}else{
|
|
|
layer.msg(data.msg); <!-- 如果操作失败，显示错误消息 -->
|
|
|
}
|
|
|
|
|
|
}
|
|
|
})
|
|
|
|
|
|
return false; <!-- 阻止表单默认提交行为 -->
|
|
|
});
|
|
|
});
|
|
|
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
