JSP+servlet+mysql个人博客系统

个人博客系统

个人博客系统主要功能实现:登录注册,日志模块,照片模块,评论模块,留言模块。
分为前台界面部分和后台管理部分。
实现了上传头像功能以及分页显示功能。
开发技术: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><
  • 36
    点赞
  • 128
    收藏
    觉得还不错? 一键收藏
  • 139
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 139
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值