1 概述
该系统分为三个权限,后台管理员登录、前台普通用户、前台作者管理,具体功能描述如下所示:
作者功能:
- 留言管理:作者登录系统后可以查看我的留言信息;
- 信息修改:作者登录系统后可以修改个人信息,如密码、姓名、性别、年龄等;
- 章节管理:作者登录系统后可以添加、删除章节信息,如章节名称、章节课时、课程名称等;
- 漫画管理:作者登录系统后可以添加、搜索、删除漫画信息,如发布作者、名称、介绍等;作者登录系统后可以添加、搜索、删除内容信息,如名称、内容、漫画章节名称、发布时间等。
- 内容管理:
普通用户功能:
- 留言管理:普通用户登录系统后可以查看我的留言信息、发布留言信息;
- 信息修改:普通用户登录系统后可以修改个人信息,如密码、姓名、性别、年龄等;
- 浏览记录:普通用户登录系统后可以查看、删除浏览内容信息;
管理员功能描述:
- 修改密码:管理员登录系统后可以修改密码修改;
- 管理员维护:管理员登录系统后可以添加、删除管理员账号信息;
- 漫画管理:管理员登录系统后可以添加、删除、管理漫画信息,如发布作者、名称、介绍等;
- 用户管理:管理员登录系统后可以查看、删除用户信息,如用户名、姓名、性别、年龄、注册日期等;
- 作者管理:管理员登录系统后可以查看、删除作者信息,如用户名、姓名、性别、年龄等;
2 数据库表
表4.3 t_gonggao 内容表
名称 | 类型 | 说明 |
id | int(11) | 编号 |
title | longtext | 标题 |
content | longtext | 内容 |
shijian | longtext | 时间 |
表4.4 t_liuyan 留言表
名称 | 类型 | 说明 |
id | int(11) | 编号 |
title | text | 标题 |
content | text | 内容 |
shijian | text | 时间 |
name | text | 留言人名称 |
表4.5 t_stu 用户表
名称 | 类型 | 说明 |
id | int(11) | 编号 |
xuehao | longtext | 用户名 |
name1 | longtext | 姓名 |
sex | longtext | 性别 |
age | longtext | 年龄 |
loginpw | longtext | 密码 |
3 关键代码
<%@ page language="java" import="java.util.*,com.util.*"
contentType="text/html;charset=gb2312"%>
<jsp:useBean id="sn" scope="page" class="com.bean.SystemBean" />
<jsp:useBean id="tb" scope="page" class="com.bean.dongmanClassBean" />
<%
String path = request.getContextPath();
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>后台管理</title>
<link href="<%=path%>/admin/css/bootstrap.min.css" rel="stylesheet">
<!--bootstrap框架-->
<link href="<%=path%>/admin/css/font-awesome.min.css" rel="stylesheet">
<!--图标字体框架-->
<link href="<%=path%>/admin/css/style.min.css" rel="stylesheet">
<!--后台管理样式主文件-->
<link href="<%=path%>/admin/css/bootstrap-table.min.css"
rel="stylesheet">
<!--bootstrap-table表格插件-->
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<!--标题栏开始-->
<div class="ibox-title">
<h5>分类管理</h5>
</div>
<!--标题栏结束-->
<div class="ibox-content">
<script language=Javascript src="<%=path%>/admin/js/Common.js"></script>
<%
String message = (String) request.getAttribute("message");
if (message == null) {
message = "";
}
if (!message.trim().equals("")) {
out.println("<script language='javascript'>");
out.println("alert('" + message + "');");
out.println("</script>");
}
request.removeAttribute("message");
%>
<%
String username = (String) session.getAttribute("user");
if (username == null) {
response.sendRedirect(path + "/error.jsp");
} else {
%>
<div class="table-responsive">
<table id="datalist">
<thead>
<tr>
<th data-halign="center" data-align="center">ID</th>
<th data-halign="center" data-align="center">名称</th>
<th data-halign="center" data-align="center">修改</th>
<th data-halign="center" data-align="center">选择</th>
</tr>
</thead>
<%
List pagelist3 = tb.getAllPdongmanclass();
if (!pagelist3.isEmpty()) {
for (int i = 0; i < pagelist3.size(); i++) {
List pagelist2 = (ArrayList) pagelist3.get(i);
%>
<tr>
<td><%=i + 1%></td>
<td><%=pagelist2.get(1).toString()%></td>
<td><a
href="<%=path%>/admin/dongmanclass/add.jsp?method=updongmanclass&id=<%=pagelist2.get(0).toString()%>">修改</a>
</td>
<td>
<form name="form1" class="form-horizontal"
action="<%=path%>/DongmanClass.shtml" method="post"
enctype="multipart/form-data">
<input type="hidden" name="method" value="deldongmanclass">
<input type="hidden" name="id"
value="<%=pagelist2.get(0).toString()%>"> <input
class="btn btn-primary" type='submit' name='button'
value='删除' onclick="return confirm('你真的确定要删除吗?');">
</form>
</td>
</tr>
<%
}
}
%>
</TABLE>
</div>
</div>
<%
}
%>
<!--表格数据区------------结束-->
</div>
</div>
</div>
</div>
<script src="<%=path%>/admin/js/jquery.min.js"></script>
<!--jquery框架-->
<script src="<%=path%>/admin/js/bootstrap.min.js"></script>
<!--bootstrap框架 -->
<script src="<%=path%>/admin/js/content.min.js"></script>
<!--后台网站主框架使用-->
<!--表格-->
<script
src="<%=path%>/admin/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script
src="<%=path%>/admin/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
<script
src="<%=path%>/admin/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="<%=path%>/admin/js/bootstrap-table.js"></script>
<!--表格-->
<!--导出-->
<script
src="<%=path%>/admin/js/plugins/bootstrap-table/bootstrap-table-export.js"></script>
<script src="<%=path%>/admin/js/plugins/bootstrap-table/tableExport.js"></script>
<!--弹窗插件-->
<script src="<%=path%>/admin/js/plugins/layer/layer.min.js"></script>
<script type="text/javascript" charset="utf-8">
!function(F, E, D) {
!function() {
D("#datalist22").bootstrapTable({
showExport : true, //显示导出按钮
exportDataType : "basic", //导出类型 striped: !0,
showToggle : 0,
showColumns : 0,
iconSize : "outline",
toolbar : "#Toolbar,#Toolbar2",
sortable : true, //是否启用排序
sortOrder : "asc", //排序方式
icons : {
refresh : "glyphicon-repeat",
toggle : "glyphicon-list-alt",
columns : "glyphicon-list"
}
});
}()
}(document, window, jQuery);
</script>
</body>
</html>
4 效果演示
idea或eclipse开发,mysql数据库