基于javaweb+jsp实现个人日记管理系统的代码_F11 - 专业站长和开发者的学习网站

分享到

基于javaweb+jsp实现个人日记管理系统的代码

JSP 来源：互联网作者：秩名发布时间：2022-01-29 22:14:11 人浏览

摘要

介绍运行环境 Java6、Tomcat7.0、MySQL5.5 开发工具 idea/eclipse/MyEclipse 技术框架 JavaWeb JavaBean JSP MVC MySQL Tomcat JavaScript 基础JSP+Servlet或JSP+SSM(Spring、SpringMVC、MyBatis)框架或JSP+SSM+Maven(pom.xml)框架均

介绍

运行环境

Java≥6、Tomcat≥7.0、MySQL≥5.5

开发工具

idea/eclipse/MyEclipse

技术框架

JavaWeb JavaBean JSP MVC MySQL Tomcat JavaScript

基础JSP+Servlet或JSP+SSM(Spring、SpringMVC、MyBatis)框架或JSP+SSM+Maven(pom.xml)框架…均可

开发工具：idea或eclipse或myeclipse

适用

课程设计，大作业，毕业设计，项目练习，学习演示等

功能说明

效果图展示

主要代码

</div>

<br>

<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">

<div class="row">

<div class="col-sm-7">

<div class="input-group">

<input class="form-control" type="hidden" id="searchColumn" name="searchColumn" value="diary_name"/>

<input class="form-control" type="text" id="search_keyword" name="search_keyword" placeholder="标题"/> <span class="input-group-btn"><button class="btn btn-pill btn-success" type="button" onclick="searchList()">搜索</button></span>

</div>

<div class="col-sm-5">

<button type="button" <c:if test="${loginUser.userType != '管理员'}">disabled="disabled" title="没有权限！！！"</c:if> class="btn btn-pill btn-default" data-toggle="modal" data-target="#modal-add">添加日记

<label for="edit-diaryName" class="control-label">标题:</label>

<input type="text" class="form-control" name="diaryName" id="edit-diaryName">

</div>

<div class="form-group">

<label for="edit-diaryText" class="control-label">内容:</label>

<textarea style="height: 100px;" class="form-control" name="diaryText" id="edit-diaryText"></textarea>

</div>

<div class="form-group">

<label for="edit-diaryType" class="control-label">类别:</label>

<input type="text" class="form-control" name="diaryType" id="edit-diaryType">

</div>

<div class="form-group">

<label for="edit-diaryDate" class="control-label">时间:</label>

<input type="text" class="form-control" name="diaryDate" id="edit-diaryDate">

<div class="modal-content">

<form action="diaryDelete">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">×</span>

</button>

<h4 class="modal-title">删除日记 </h4>

</div>

<div class="modal-body">

确认要删除该日记记录吗？

<div class="form-group hidden">

<label class="control-label">(hidden)</label>

<th style="text-align: center;">

<button class="btn btn-pill btn-primary btn-sm" data-id="${vo.id}"

data-toggle="modal" data-target="#modal-info">详情

</button>

<button class="btn btn-pill btn-info btn-sm"

<c:if test="${loginUser.userType != '管理员'}">disabled="disabled" title="没有权限！！！"</c:if>

data-id="${vo.id}"

data-toggle="modal" data-target="#modal-edit">编辑

</button>

<button class="btn btn-pill btn-default btn-sm" <c:if test="${loginUser.userType != '管理员'}">disabled="disabled" title="没有权限！！！"</c:if> data-id="${vo.id}"

data-toggle="modal" data-target="#modal-delete">删除

</button>

</tr>

</c:forEach>

</tbody>

</table>

</div>

<div style="float: right;padding-right: 10px;color: #515151;"><jsp:include page="split.jsp"/></div>

</div>

<div class="modal fade" id="modal-add" tabindex="-1" role="dialog"

<div class="form-group hidden">

<label for="edit-createTime" class="control-label">创建时间:</label>

<input type="text" class="form-control" name="createTime" id="edit-createTime">

</div>

<div class="modal-footer">

<button type="button" class="btn btn-pill btn-info" data-dismiss="modal">取消</button>

<button type="submit" class="btn btn-pill btn-default">提交</button>

</div>

</form>

</div>

<div class="modal fade" id="modal-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

<div class="form-group">

<label for="add-diaryText" class="control-label">内容:</label>

<textarea style="height: 100px;" class="form-control" name="diaryText" id="add-diaryText"></textarea>

</div>

<div class="form-group">

<label for="add-diaryType" class="control-label">类别:</label>

<input type="text" class="form-control" name="diaryType" id="add-diaryType">

</div>

<div class="form-group">

<label for="add-diaryDate" class="control-label">时间:</label>

<input type="text" class="form-control" name="diaryDate" id="add-diaryDate">

</div>

<div class="modal-footer">

<button type="button" class="btn btn-pill btn-info" data-dismiss="modal">取消</button>

<button type="submit" class="btn btn-pill btn-default">提交</button>

</div>

</form>

</div>

alert("时间不能为空");

return false;

}

return true;

}

//编辑表单提交之前进行检查，如果return false，则不允许提交

function editCheck() {

//根据ID获取值

if (document.getElementById("edit-diaryName").value.trim().length == 0) {

alert("标题不能为空");

return false;

}

if (document.getElementById("edit-diaryType").value.trim().length == 0) {

alert("类别不能为空");

modal.find('#edit-diaryDate').val(vo.diaryDate);

}

})

$('#modal-info').on('show.bs.modal', function (event) {

let button = $(event.relatedTarget);

let id = button.data('id');

let modal = $(this);

$.ajax({

url: 'diaryGet?id=' + id,

type: "get",

success: function (voString) {

let vo = eval('(' + voString + ')');

modal.find('#info-diaryName').text(vo.diaryName);

modal.find('#info-diaryText').text(vo.diaryText);

modal.find('#info-diaryType').text(vo.diaryType);

modal.find('#info-diaryDate').text(vo.diaryDate);

<div class="modal fade" id="modal-info" tabindex="-1" role="dialog"

aria-labelledby="myModalLabel">

<div class="modal-dialog" role="document">

<div class="modal-content">

<form>

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">×</span>

</button>

<h4 class="modal-title">日记 </h4>

</div>

<div class="modal-body">

<table class="table table-striped table-hover" style="font-size: 15px;">

<tr>

<td style="width: 15%;">标题:</td>

<td><b id="info-diaryName"></b></td>

<tr>

<td style="width: 15%;">内容:</td>

<td><b id="info-diaryText"></b></td>

</tr>

<tr>

<td style="width: 15%;">类别:</td>

<td><b id="info-diaryType"></b></td>

</tr>

<tr>

<td style="width: 15%;">时间:</td>

<td><b id="info-diaryDate"></b></td>

</tr>

</table>

<br>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-pill btn-info" data-dismiss="modal">关闭</button>

</div>

</form>

</div>

<br>

<div class="table-responsive">

<table class="table table-striped table-hover">

<thead>

<tr>

<th>标题</th>

<th>类别</th>

<th>时间</th>

<th style="text-align: center;">操作</th>

</tr>

</thead>

<tbody>

<c:forEach items="${list}" var="vo">

<tr>

<td>${vo.diaryName}</td>

<td>${vo.diaryType}</td>

<div class="modal-dialog" role="document">

<div class="modal-content">

<form action="diaryAdd" onsubmit="return addCheck()">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal"

aria-label="Close">

<span aria-hidden="true">×</span>

</button>

<h4 class="modal-title" id="myModalLabel">增加日记 </h4>

</div>

<div class="modal-body">

<div class="form-group hidden">

<label class="control-label">(hidden)</label>

<input type="text" class="form-control" name="action" value="add">

</div>

<div class="form-group">

<label for="add-diaryName" class="control-label">标题:</label>

<input type="text" class="form-control" name="diaryName" id="add-diaryName">

}

if (document.getElementById("edit-diaryDate").value.trim().length == 0) {

alert("时间不能为空");

return false;

}

return true;

}

</script>

</div>

<div class="modal fade" id="modal-edit" tabindex="-1" role="dialog"

aria-labelledby="myModalLabel">

<div class="modal-dialog" role="document">

<div class="modal-content">

<form action="diaryEdit" onsubmit="return editCheck()">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">×</span>

</button>

<h4 class="modal-title">更新日记 </h4>

</div>

<div class="modal-body">

<div class="form-group hidden">

<label class="control-label">(hidden)</label>

<input type="text" class="form-control" name="action" value="edit">

<input type="text" readonly class="form-control" name="id" id="edit-id">

</div>

<input type="text" class="form-control" name="id" id="delete-id">

</div>

<div class="modal-footer">

<button type="button" class="btn btn-pill btn-info" data-dismiss="modal">取消</button>

<button type="submit" class="btn btn-pill btn-default">删除</button>

</div>

</form>

</div>

</body>

<script>

$('#modal-delete').on('show.bs.modal', function (event) {

let button = $(event.relatedTarget);

let id = button.data('id');

<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>日记管理</title>

<link rel="stylesheet" href="css/bootstrap.css" rel="external nofollow" >

<link rel="stylesheet" href="css/main.css" rel="external nofollow" >

<script src="js/jquery-3.5.1.js"></script>

<script src="js/bootstrap.js"></script>

</head>

<body>

<nav class="navbar navbar-inverse navbar-fixed-top">

<div class="container-fluid">

})

function searchList() {

window.location.href = "diaryList?searchColumn="+document.getElementById("searchColumn").value+"&keyword=" + document.getElementById("search_keyword").value;

}

//增加表单提交之前进行检查，如果return false，则不允许提交

function addCheck() {

//根据ID获取值

if (document.getElementById("add-diaryName").value.trim().length == 0) {

alert("标题不能为空");

return false;

}

if (document.getElementById("add-diaryType").value.trim().length == 0) {

alert("类别不能为空");

return false;

}

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">

<span class="sr-only">个人日记管理系统</span> <span class="icon-bar"></span>

<span class="icon-bar"></span> <span class="icon-bar"></span>

</button>

<a class="navbar-brand" href="#" rel="external nofollow" rel="external nofollow" >个人日记管理系统</a>

</div>

<div id="navbar" class="navbar-collapse collapse">

<ul class="nav navbar-nav navbar-right">

<li><a href="#" rel="external nofollow" rel="external nofollow" >欢迎：<span style="color: yellow">${loginUser.username}</span></a></li>

<li><a href="authLogout" rel="external nofollow" >退出</a></li>

</ul>

</div>

</nav>

<div class="container-fluid">

<div class="row">

<div class="col-sm-3 col-md-2 sidebar">

<jsp:include page="menu.jsp">

<jsp:param value="active" name="Diary_active"/>

modal.find('#delete-id').val(id);

})

$('#modal-edit').on('show.bs.modal', function (event) {

let button = $(event.relatedTarget);

let id = button.data('id');

let modal = $(this);

$.ajax({

url: 'diaryGet?id=' + id,

type: "get",

success: function (voString) {

let vo = eval('(' + voString + ')');

modal.find('#edit-id').val(vo.id);

modal.find('#edit-diaryName').val(vo.diaryName);

modal.find('#edit-diaryText').val(vo.diaryText);

您可能感兴趣的文章 :

原文链接 : https://blog.csdn.net/javayms/article/details/122226339

Tag : jsp(12)管理系统(44)javaweb(7)

JSP页面实现验证码校验功能

在网页页面的使用中为防止非人类的大量操作和防止一些的信息冗余，增加验证码校验是许多网站常用的方式。而让用户输入字母和数字组
JSP动态实现web网页登陆和注册功能的介绍

前言涉及到相关内容如下：数据库安装 JSP网页连接数据库注册和登录的JSP页面数据库安装教程 ?? ??软件安装（可视化数据库界面软件安
基于javaweb+jsp实现企业财务记账管理系统的介绍

前言运行环境 Java6、Tomcat7.0、MySQL5.5 开发工具 idea/eclipse/MyEclipse 技术框架 JavaWeb JavaBean JSP MVC MySQL Tomcat JavaScript 基础JSP+Servlet或JSP+SSM(Spring、
基于javaweb+jsp实现个人日记管理系统的代码

介绍运行环境 Java6、Tomcat7.0、MySQL5.5 开发工具 idea/eclipse/MyEclipse 技术框架 JavaWeb JavaBean JSP MVC MySQL Tomcat JavaScript 基础JSP+Servlet或JSP+SSM(Spring、
JSP登录中Session的用法介绍

登录页面 %@ 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/loo
jsp实现用户自动登录功能的方法

理解并掌握Cookie的作用以及利用cookie实现用户的自动登录功能，实现下图效果当服务器判断出该用户是首次登录的时候，会自动跳转到登录
JSP实现带查询条件的通用分页组件的方法

本篇文章介绍JSP实现带查询条件的通用分页组件的方法分页功能的代码就是这样的，在需要展示列表的页面，我们基本都需要加上分页功能
servlet+jsp实现过滤器防止用户未登录访问的方法

我们可能经常会用到这一功能，比如有时，我们不希望用户没有进行登录访问后台的操作页面，而且这样的非法访问会让系统极为的不安全
jsp实现登录验证的过滤器的方法

方法如下： 1.新建一个Dynamic Web Project项目，里面新建1个filter文件、1个servlet文件和2个jsp文件，整体的框架如图所示： 2.LoginFilter.java里面的
实现JavaServlet的文件上传和下载方法

本篇文章给大家介绍实现JavaServlet的文件上传和下载方法。先分析一下上传文件的流程： 1.先通过前段页面中的选择文件选择要上传的图片