基于javaweb+JSP+Servlet个人日记管理系统
基于javaweb+JSP+Servlet个人日记管理系统
开发工具：eclipse/idea/myeclipse/sts等均可配置运行
适用
课程设计，大作业，毕业设计，项目练习，学习演示等
/**
* @see HttpServlet#HttpServlet()
*/
public DailyAddServlet() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setCharacterEncoding("utf-8");
HttpSession session = request.getSession();
User user = (User)session.getAttribute("user");
String dailyJson = request.getParameter("daily");
JSONObject jsonObject = JSON.parseObject(dailyJson);
String title = jsonObject.getString("title");
String context = jsonObject.getString("context");
String records = jsonObject.getString("records");
String type = jsonObject.getString("type");
Daily daily = new Daily();
daily.setTitle(title);
daily.setContext(context);
daily.setUid(user.getUid());
daily.setRecords(records);
daily.setType(type);
DailyService dailyService = new DailyServiceImpl();
int result = dailyService.insertDaily(daily);
Map<String,Object> map = new HashMap<>();
if(result>0) {
Connection conn = null;
PreparedStatement ps = null;
ResultSet rs = null;
try {
conn = Util.getConn();
StringBuffer sql = new StringBuffer("select did,title,context,pic,uid,recorded,createtime,`type` from daily ");
keyword = keyword != null && !keyword.trim().equals("") ? keyword : "";
sql.append(" where (title like '%" + keyword + "%' or context like '%" + keyword + "%' or recorded like '%" + keyword + "%')");
if (start != null && end != null && !start.trim().equals("") && !end.trim().equals("")) {
sql.append(" and DATE_FORMAT(createtime,'%Y-%m-%d')>='" + start.trim() + "' and DATE_FORMAT(createtime,'%Y-%m-%d')<='" + end.trim() + "'");
}
sql.append("limit ?,?");
ps = conn.prepareStatement(sql.toString());
ps.setInt(1, (pageIndex - 1) * pageSize);
ps.setInt(2, pageSize);
rs = ps.executeQuery();
while (rs.next()) {
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request, response);
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
HttpSession session = request.getSession();
User user = (User)session.getAttribute("user");
String dailyJson = request.getParameter("daily");
JSONObject jsonObject = JSON.parseObject(dailyJson);
String title = jsonObject.getString("title");
String context = jsonObject.getString("context");
String records = jsonObject.getString("records");
var daily = "{\"title\":\"" + title + "\",\"context\":\"" + context + "\",\"type\":\"" + type + "\",\"uid\":\"" + uid + "\",\"records\":\"" + records + "\",\"did\":\"" + did + "\"}";
console.log(daily);
$.ajax({
type: "POST",
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
url: "dailyUpdateServlet",
dataType: 'json',
data: {"daily": daily},
success: function (result) {
console.log("success");
if (result.code == 0) {
alert(result.msg);
top.location.href = "dailyListServlet";
}
if (result.code == 500) {
alert(result.msg);
box-shadow: 0px 0px 0px #333333;
top: 50%;
left: 50%;
margin-top: -250px;
margin-left: -175px;
transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari 和 Chrome */
-o-transition: all 1s; /* Opera */
}
.login-top {
font-size: 24px;
margin-top: 80px;
padding-left: 40px;
box-sizing: border-box;
color: #333333;
margin-bottom: 50px;
}
<input name="uid" id="uid" type='hidden' value="${descDaily.uid}">
<input name="did" id="did" type='hidden' value="${descDaily.did}">
<div class="layui-form-item">
<label for="title" class="layui-form-label"> <span
class="x-red">*span>标题：
label>
<div class="layui-input-inline">
<input type="text" id="title" name="title" required
autocomplete="off" class="layui-input" value="${descDaily.title }">
div>
<select id="type" name="type">
<%-- <option if test="${'生活'==descDaily.type}">selectedc:if>>生活option>
<option if test="${'电影'==descDaily.type}">selectedc:if>>电影option>
<option if test="${'音乐'==descDaily.type}">selectedc:if>>音乐option>
<option if test="${'读书'==descDaily.type}">selectedc:if>>读书option>
<option if test="${'学习'==descDaily.type}">selectedc:if>>学习option>--%>
<option value="生活">生活option>
<option value="电影">电影option>
<option value="音乐">音乐option>
<option value="读书">读书option>
<option value="学习">学习option>
this.pic = pic;
this.uid = uid;
this.type = type;
}
public int getDid() {
return did;
}
public String getType() {
return type;
}
public void setType(String type) {
}
});
//监听提交
form.on('submit(add)', function(data){
console.log(data);
//发异步，把数据提交给php
layer.alert("增加成功", {icon: 6},function () {
// 获得frame索引
var index = parent.layer.getFrameIndex(window.name);
//关闭当前frame
parent.layer.close(index);
});
return false;
});
});
import java.io.IOException;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import cn.demo.vo.Daily;
import cn.demo.vo.User;
import cn.demo.service.DailyService;
import cn.demo.service.impl.DailyServiceImpl;
@WebServlet("/dailyAddServlet")
public class DailyAddServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public DailyAddServlet() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request, response);
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
map.put("count", 0);
}else {
map.put("code", 500);
map.put("msg", "服务器异常，删除失败");
map.put("count", 0);
}
out.print(JSON.toJSON(map));
out.close();
}
}
package cn.demo.servlet;
return 0;
}
public static void close(Connection conn, Statement st, ResultSet rs) {
try {
if (rs != null) {
rs.close();
}
if (st != null) {
st.close();
}
if (conn != null) {
conn.close();
}
} catch (Exception e) {
e.printStackTrace();
}
}
}
package cn.demo.servlet;
import cn.demo.vo.User;
}
return dailyList;
}
@Override
public List<Daily> getAllDailyByPage(int pageIndex, int pageSize, String keyword, String start, String end) {
List<Daily> dailyList = new ArrayList<Daily>();
Connection conn = null;
PreparedStatement ps = null;
ResultSet rs = null;
try {
conn = Util.getConn();
<head>
<meta charset="UTF-8">
<title>欢迎页面-生活点滴记录系统title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="./css/font.css">
<link rel="stylesheet" href="./css/xadmin.css">
<script type="text/javascript" src="./js/jquery-3.1.1.js">script>
<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8">script>
<script type="text/javascript" src="./js/xadmin.js">script>
<style>
td div{
ps = conn.prepareStatement(sql);
rs = ps.executeQuery();
while (rs.next()) {
Daily daily = new Daily();
daily.setDid(rs.getInt(1));
daily.setTitle(rs.getString(2));
daily.setContext(rs.getString(3));
daily.setPic(rs.getString(4));
daily.setUid(rs.getInt(5));
daily.setRecords(rs.getString(6));
daily.setCreatetime(rs.getDate(7));
dailyList.add(daily);
}
} catch (SQLException e) {
e.printStackTrace();
} finally {
Util.close(conn, ps, rs);
}
return dailyList;
}
@Override
public List<Daily> getAllDailyByPage(int pageIndex, int pageSize, String keyword, String start, String end) {
List<Daily> dailyList = new ArrayList<Daily>();
transition: all 0.5s;
padding-left: 10px;
color: #333333;
width: 100%;
height: 30px;
border: 0;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
box-sizing: border-box;
outline: none;
position: relative;
}
.login-center-input input:focus {
border: 1px solid dodgerblue;
}
.login-center-input input:focus ~
.login-center-input-text {
top: 0;
z-index: 3;
opacity: 1;
}
public void setContext(String context) {
this.context = context;
}
public Date getCreatetime() {
return createtime;
}
public void setCreatetime(Date createtime) {
<meta charset="UTF-8">
<title>后台管理-生活点滴记录系统title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="./css/font.css">
<link rel="stylesheet" href="./css/xadmin.css">
<script type="text/javascript" src="./js/jquery-3.1.1.js">script>
<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8">script>
<script type="text/javascript" src="./js/xadmin.js">script>
}else{
$(obj).attr('title','启用')
$(obj).find('i').html('');
$(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
layer.msg('已启用!',{icon: 5,time:1000});
}
});
}
/*用户-删除*/
function member_del(obj,id){
layer.confirm('确认要删除吗？',function(index){
//发异步删除数据
$.ajax({
method:"post",
url:"dailyDelServlet",
data:{"delId":id},
success:function(data){
//
}
});
$(obj).parents("tr").remove();
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="./css/font.css">
<link rel="stylesheet" href="./css/xadmin.css">
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js">script>
<style>
img {
width: 200px;
height: 200px;
border: 1px solid whitesmoke;
background-color: white;
cursor: pointer;
}
.layui-upload {
display: inline-block;
}
.layui-form-label {
width: 90px;
}
script>
body>
html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>生活点滴记录系统title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="./css/font.css">
<link rel="stylesheet" href="./css/xadmin.css">
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js">script>
<style>
return true;
}
script>
html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
public String getPic() {
return pic;
}
public void setPic(String pic) {
this.pic = pic;
}
public int getUid() {
return uid;
}
public void setUid(int uid) {
this.uid = uid;
}
public String getRecords() {
return records;
}
public void setRecords(String records) {
this.records = records;
}
div>
<div class="layui-form-item">
<label class="layui-form-label">总结：label>
<div class="layui-input-block">
<input type="text" name="records" id="records" required
autocomplete="off" class="layui-input" value="${descDaily.records }">
div>
div>
<div class="layui-form-item">
<button class="layui-btn" lay-filter="add" id="recordbutton" name="recordbutton" lay-submit="">修改button>
div>
div>
<script>
$(function () {
$("#recordbutton").click(function () {
var uid = $('#uid').val();
var did = $('#did').val();
var title = $('#title').val();
运行环境
Java≥6、Tomcat≥7.0、MySQL≥5.5
开发工具
eclipse/idea/myeclipse/sts等均可配置运行
技术框架
JSP Servlet MySQL CSS JavaScript layui
适用
课程设计，大作业，毕业设计，项目练习，学习演示等
功能说明
个人日记的增删改查管理
↖[获取源码方式]见左侧