目录
1.将后台主页完善;
main.jsp页面代码:
主要还有一个session权限验证;
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>学生信息管理系统</title>
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/icon.css">
<script type="text/javascript" src="jquery-easyui-1.3.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
<%--session权限验证--%>
<%
if(session.getAttribute("currentUser")==null){
response.sendRedirect("login.jsp");
return;
}
%>
<script type="text/javascript">
$(function(){
//数据
var treeData=[{
text:"管理目录",
children:[{
text:"班级信息管理",
attributes:{
url:"gradeInfoManage.jsp"
}
},{
text:"学生信息管理",
attributes:{
url:"studentInfoManage.jsp"
}
}]
}];
//实例化菜单
$("#tree").tree({
data:treeData,
lines:true,
onClick:function(node){
if(node.attributes){
openTab(node.text,node.attributes.url);
}
}
});
//新增Tab
function openTab(text,url){
if($("#tabs").tabs('exists',text)){
$("#tabs").tabs('select',text);
}else{
var content="<iframe frameborder='0' scrolling='auto' style='width: 100%; height: 100%' src="+url+"></iframe>";
$("#tabs").tabs('add',{
title:text,
closable:true,
content:content
});
}
}
});
</script>
</head>
<body class="easyui-layout">
<div region="north" style="height: 80px; background-color:#E0EDFF ">
<img src="images/main.jpg">
<div style="float: right;padding-top: 40px;padding-right: 30px; font-size: 20px">当前用户: <font color="red">${currentUser.userName }</font></div>
</div>
<div region="center">
<div class="easyui-tabs" fit="true" border="false" id="tabs">
<div title="首页">
<div align="center" style="padding-top: 100px;"><font color="red"; size="10">欢迎使用!</font></div>
</div>
</div>
</div>
<div region="west" style="width: 150px" title="导航菜单" split="true">
<ul id="tree"></ul>
</div>
<div region="south" style="height: 50px;" align="center">版权所有 2019 Colin</div>
</body>
</html>
2. easyui-datagrid表格引入;
前面写了两个页面:gradeInfoManage.jsp和studentInfoManage.jsp;
首先在班级信息管理页面加上EasyUI的核心文件:
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/icon.css">
<script type="text/javascript" src="jquery-easyui-1.3.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
然后引入datagrid表格;
<table id="dg" title="班级信息" class="easyui-datagrid" fitColumns="true"
pagination="true" rownumbers="true" fit="true" url="gradelist">
<thead>
<tr>
<th field="id" width="50">编号</th>
<th field="gradeName" width="100">班级名称</th>
<th field="gradeDesc" width="100">班级描述</th>
</tr>
</thead>
</table>
3.model层,写班级实体;
Grade:
package com.java.model;
public class Grade {
private int id;
private String gradeName;
private String gradeDesc;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getGradeName() {
return gradeName;
}
public void setGradeName(String gradeName) {
this.gradeName = gradeName;
}
public String getGradeDesc() {
return gradeDesc;
}
public void setGradeDesc(String gradeDesc) {
this.gradeDesc = gradeDesc;
}
}
PageBean组件:
package com.java.util;
public class PageBean {
private int page; //当前页
private int rows;//每页大小
private int start; //起始页
public int getPage() {
return page;
}
public void setPage(int page) {
this.page = page;
}
public int getRows() {
return rows;
}
public void setRows(int rows) {
this.rows = rows;
}
public int getStart() {
return (page-1)*rows;
}
}
4. web层,写班级的Servlet;
package com.java.web;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
public class GradeListServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request,response);
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String page=request.getParameter("page");
String rows=request.getParameter("rows");
}
}
配置web.xml;
<!--班级信息管理请求-->
<servlet>
<servlet-name>gradeListServlet</servlet-name>
<servlet-class>com.java.web.GradeListServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>gradeListServlet</servlet-name>
<url-pattern>/gradelist</url-pattern>
</servlet-mapping>