个人博客系统
个人博客系统主要功能实现:登录注册,日志模块,照片模块,评论模块,留言模块。
分为前台界面部分和后台管理部分。
实现了上传头像功能以及分页显示功能。
开发技术:JSP+Servlet+Javabean
服务器: Tmocat
数据库:mysql
开发工具:MyEclipse8.6
前台界面部分
(1)个人博客注册
(2)首页显示
(3)用户登录
(4)查看日志
(5)查看照片
(6)发表评论
(7)用户留言
部分图片以及代码:
Index.jsp
<%@ page language="java" import="java.util.*,java.sql.*,java.util.Date" pageEncoding="UTF-8"%>
<%@page import="java.text.SimpleDateFormat"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<title>个人博客</title>
<style type="text/css">
body {
padding-top: 65px;
padding-bottom: 40px;
background-color: #eee;
}
</style>
</head>
<body>
<!-- 导航栏-->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation" >
<div class="container" >
<!--小屏幕的导航按钮和logo-->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-all"> <!-- 为了小窗口下点击按钮出现选项-->
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--小屏幕的导航按钮和logo-->
<a href="index.jsp" class="navbar-brand">博客首页</a>
</div>
<!--导航-->
<div class="collapse navbar-collapse" id="nav-all">
<ul class="nav navbar-nav navbar-right">
<script type="text/javascript">
function showTime(){
nowtime=new Date();
year=nowtime.getFullYear();
month=nowtime.getMonth()+1;
date=nowtime.getDate();
document.getElementById("mytime").innerText=year+"年"+month+"月"+date+" "+nowtime.toLocaleTimeString();
}
setInterval("showTime()",1000);
</script>
<li><a href="#"><span id="mytime"></span></a></li>
<li><a href="Note?status=selectall">日志</a></li>
<li><a href="Photo?status=selectall">相册</a></li>
<li><a href="Liuyan?status=selectall">留言</a></li>
<li><a href="login.jsp">登录</a><