基于JavaWeb的个人博客系统网站设计与实现

迈不过友情╰ 2024-04-01 12:02 37阅读 0赞

目录  
1.项目简介 1  
1.1项目概述 1  
1.2功能概述 2  
1.3用户需求分析 2  
1.4功能分析 3  
2.数据库设计 4  
2.1表结构 4  
2.2ER图 8  
3.项目实现 8  
3.1数据源配置 8  
3.2常用工具方法 9  
3.3业务代码 14  
3.4操作用例 15  
4.项目展示 16  
4.1前端页面 16  
4.2后台管理 20  
5.总结 26  
1.3用户需求分析  
需求一、写文章  
角色：作者  
使用场景  
进入创作页面，使用网页提供的编辑器创作或者自己在本地创作后上传  
用例  
1.用户打开创作页面，使用网页文本编辑器创作一篇文章，完成后发布  
2.用户打开创作页面，使用网页文本编辑器创作一篇文章，未完成保存  
3.用户打开创作页面，使用上传自己在本地写的文本，保存或发布  
4.用户写文章写一半觉得写的很垃圾，就退了，要问他是否要保存  
需求二、已发布文章的修改和删除  
角色：作者  
使用场景  
在文章管理页面可以选择已经发布的文章修改或者删除  
用例  
1.用户在文章管理页面要删除某篇文章，删除后的文章进入草稿箱  
2.用户觉得自己以前写的文章像个弟弟，想要修改，点击修改进入编辑器修改，修改完成后可以保存或者取消，取消便撤销修改返回原样，保存即发布  
需求三、草稿箱的半成品的修改和删除  
角色：作者  
使用场景  
草稿箱的未完成品，用户选择需要续写或者删除  
用例  
1.用户进入草稿箱，选择一个草稿删除，删除后草稿进入垃圾箱  
2.用户修改草稿，修改完成可以保存、发布、取消。  
需求四、垃圾箱的垃圾的删除和恢复  
角色：作者  
使用场景  
垃圾箱的垃圾，用户选择需要彻底删除或者恢复  
用例  
1.用户进入垃圾箱，选择一个垃圾文章删除，删除后彻底清除  
2.用户进入垃圾箱，选择一个垃圾文章恢复，恢复后的文章进入草稿箱，页面跳转至草稿箱  
1.4功能分析  
功能一、写文章  
1.文本编辑，markdown语法预览  
2.有发布、保存，分别对应发布、保存、取消功能  
3.点击发布按钮，文章进入发布状态，跳转文章页面  
4.点击保存按钮，弹出保存消息（成功、失败），文章放入草稿箱  
5,未保存点x，询问停留还是离开  
功能二、文章管理  
1.文章管理页面按列表展示所有文章，每个文章都有查看、删除、修改  
2.点击查看弹出文章展示页  
3.点击修改进入修改页，修改页同写文章页，不过要加载保存的数据  
4.删除直接将文章放入垃圾箱  
功能三、草稿箱管理  
草稿箱功能同文章管理，去除查看功能  
功能四、垃圾箱管理  
1.垃圾箱页面展示同文章管理和草稿箱管理  
2.垃圾箱提供恢复和删除功能  
3.点击删除永久删除内容  
http://www.biyezuopin.vip/onews.asp?id=16973  
4.点击恢复，将其恢复至草稿箱

<%@ page import="com.csw.entity.Blog" %>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <!DOCTYPE html>
    
    <html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="author" content="order by dede58.com" />
        <title>my personal blog | 后台管理系统</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
        <meta http-equiv="content-type" content="text/html;charset=UTF-8">
        <%--  引入head  --%>
        <jsp:include page="index/css.jsp" />
        <%--彩带--%>
    
    
    </head>
    
    
    <body class="hold-transition sidebar-mini">
    
    <div class="wrapper">
        
        <jsp:include page="index/header.jsp" />
    
        
        <jsp:include page="index/left.jsp" />
        
        <div class="content-wrapper">
            
            <div class="content-header">
                <div class="container-fluid">
                </div>
            </div>
            
            <div class="content">
                <div class="container-fluid">
                    <div class="card-header">
                        <h3 class="card-title">管理首页</h3>
                    </div> 
                    <div class="row" style="margin-top: 40px;border-top:0px;">
                        <div class="col-lg-4 col-6">
                            
                            <div class="small-box bg-info">
                                <div class="inner">
                                    <h3>新增博客</h3>
                                    <p>记心中所想</p>
                                </div>
                                <div class="icon">
                                    <i class="fa fa-pencil-square-o"></i>
                                </div>
                                <a href="EditServlet" class="small-box-footer">let's go <i
                                        class="fa fa-arrow-circle-right"></i></a>
                            </div>
                        </div>
                        
                        <div class="col-lg-4 col-6">
                            
                            <div class="small-box bg-success">
                                <div class="inner">
                                    <h3>${
        requestScope.counts[0]}</h3>
                                    <p>总文章数</p>
                                </div>
                                <div class="icon">
                                    <i class="fa fa-list-alt"></i>
                                </div>
                                <a href="BlogServlet" class="small-box-footer">More info <i
                                        class="fa fa-arrow-circle-right"></i></a>
                            </div>
                        </div>
                        
                        <div class="col-lg-4 col-6">
                            
                            <div class="small-box bg-primary">
                                <div class="inner">
                                    <p>收到评论数</p>
                                </div>
                                <div class="icon">
                                    <i class="fa fa-comments"></i>
                                </div>
                                <a href="comment.jsp" class="small-box-footer">More info <i
                                        class="fa fa-arrow-circle-right"></i></a>
                            </div>
                        </div>
                        
                        <div class="col-lg-4 col-6">
                            
                            <div class="small-box bg-warning">
                                <div class="inner">
                                    <h3>${
        requestScope.counts[1]}</h3>
                                    <p>分类数量</p>
                                </div>
                                <div class="icon">
                                    <i class="fa fa-bookmark"></i>
                                </div>
                                <a href="CategoryServlet" class="small-box-footer">More info <i
                                        class="fa fa-arrow-circle-right"></i></a>
                            </div>
                        </div>
                        
                        <div class="col-lg-4 col-6">
                            
                            <div class="small-box bg-danger">
                                <div class="inner">
                                    <h3 >${
        requestScope.counts[2]}</h3>
                                    <p>标签总量</p>
                                </div>
                                <div class="icon">
                                    <i class="fa fa-tags"></i>
                                </div>
                                <a href="TagServlet" class="small-box-footer">More info <i
                                        class="fa fa-arrow-circle-right"></i></a>
                            </div>
                        </div>
                        
                        <div class="col-lg-4 col-6">
                            
                            <div class="small-box bg-dark">
                                <div class="inner">
                                    <h3>${
        requestScope.counts[3]}</h3>
                                    <p>友情链接</p>
                                </div>
                                <div class="icon">
                                    <i class="fa fa-heart"></i>
                                </div>
                                <a href="LinkServlet" class="small-box-footer">More info <i
                                        class="fa fa-arrow-circle-right"></i></a>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
            
        </div>
        
        
        <jsp:include page="index/footer.jsp" />
    
    </div>
    
    <script src="admin/plugins/jquery/jquery.min.js"></script>
    
    <script src="admin/plugins/jQueryUI/jquery-ui.min.js"></script>
    <%----%>
    <script src="admin/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <%----%>
    <script src="admin/dist/js/adminlte.min.js"></script>
    <%----%>
    <script src="admin/plugins/sweetalert/sweetalert.min.js"></script>
    <script src="admin/dist/js/public.js"></script>
    
    
    
    
    
    
    <script>
    
    
        $(function () {
        
    
            /**
             * 登陆时间
             */
            function getNow(s) {
        
                return s < 10 ? '0' + s: s;
            }
    
            var myDate = new Date();
    
            var year=myDate.getFullYear();        //获取当前年
            var month=myDate.getMonth()+1;   //获取当前月
            var date=myDate.getDate();            //获取当前日
    
    
            var h=myDate.getHours();              //获取当前小时数(0-23)
            var m=myDate.getMinutes();          //获取当前分钟数(0-59)
            var s=myDate.getSeconds();
    
            var now=year+'-'+getNow(month)+"-"+getNow(date)+" "+getNow(h)+':'+getNow(m)+":"+getNow(s);
            $("#loginTime").html(now);
    
    
            if(${
        sessionScope.user!=null}){
        
    
                if ("${sessionScope.tan}"=="1"){
        
                swal("欢迎您的登陆:"+"${sessionScope.user.account}", {
        
                    icon: "success",
                });
                }
            }
        })
    
    
    </script>
    <%
    request.getSession().setAttribute("tan","2");
    request.getSession().setAttribute("blog",new Blog());
    %>
    </body>
    </html>

![在这里插入图片描述][8b918db3fbac4ef98a8641d72f883f17.png_pic_center]  
![在这里插入图片描述][dfbea88abd2c4192bc639e977150ca31.png_pic_center]  
![在这里插入图片描述][9d363ae480464ddbbd3a35be8701cf87.png_pic_center]  
![在这里插入图片描述][2c162472a164429996b3cf37733ffb02.png_pic_center]  
![在这里插入图片描述][ae8a9d9effd140db8ddce571215f54f9.png_pic_center]  
![在这里插入图片描述][81d8277a25f54eb5bf1686e307094737.png_pic_center]  
![在这里插入图片描述][1f9f658893ca4c4488d582e55b6593e1.png_pic_center]  
![在这里插入图片描述][e1197edc86ba4e29b6d13f58ae782e60.png_pic_center]  
![在这里插入图片描述][22701e23d56349cfa78da525f5136da1.png_pic_center]  
![在这里插入图片描述][861333b4b90a45e39a65c52f995b9bf3.png_pic_center]  
![在这里插入图片描述][5ae2737415fc44649f1bf891124e4296.png_pic_center]  
![在这里插入图片描述][f3348b4e328b4097ba36b0b36ab50a03.png_pic_center]  
![在这里插入图片描述][c3405f8ddede48d0bf8209e3b2acfc80.png_pic_center]  
![在这里插入图片描述][612500038fb848a8986d54801687d324.png_pic_center]  
![在这里插入图片描述][5b09ca74e3f147db9224868227a23bfe.png_pic_center]  
![在这里插入图片描述][47379531fb6c48aa9d7da6d17cf42542.png_pic_center]  
![在这里插入图片描述][1d4f3a22446e416e8500286a5de9eccf.png_pic_center]  
![在这里插入图片描述][14ffe5bfb12b4050a946c5408df92e4c.png_pic_center]  
![在这里插入图片描述][6ffd2ed798bb4df1a10ed85bad64c9a1.png_pic_center]  
![在这里插入图片描述][f6023c6b305d4330b22e7052c32d0615.png_pic_center]  
![在这里插入图片描述][aeba4d02d7d64740bd7a67f526dc5ab1.png_pic_center]  
![在这里插入图片描述][d01525f5b03c4e3a854a31ab0cfa6d83.png_pic_center]  
![在这里插入图片描述][1916def0aa024a609e64d5991e63477f.png_pic_center]

[8b918db3fbac4ef98a8641d72f883f17.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/75a1c863fcb146128e403e2137ac7069.png
[dfbea88abd2c4192bc639e977150ca31.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/6249ac14846c445ca1c79c6f3ba32b05.png
[9d363ae480464ddbbd3a35be8701cf87.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/cf4af5f2b28046e0a6a144b77d7dfb18.png
[2c162472a164429996b3cf37733ffb02.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/146de64b62544251a2a54596ab2750d6.png
[ae8a9d9effd140db8ddce571215f54f9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/bd7f08d0c0214f3ab1c9fa45a89940b0.png
[81d8277a25f54eb5bf1686e307094737.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/16f6729a0da34e69a8aec4d16c581890.png
[1f9f658893ca4c4488d582e55b6593e1.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/312efce5d01c4cf285920e6d5144e648.png
[e1197edc86ba4e29b6d13f58ae782e60.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/92ad3a00fe684a398c5ffe4b06033131.png
[22701e23d56349cfa78da525f5136da1.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/71957cb2f7ce4d268f08b0bfa17882d4.png
[861333b4b90a45e39a65c52f995b9bf3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f6241513bd5f44028cd931168276c62e.png
[5ae2737415fc44649f1bf891124e4296.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/70b9d05c30ec4a28b978e8ceb833f06f.png
[f3348b4e328b4097ba36b0b36ab50a03.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/dbfbe34f27c849d8903bf65144307a01.png
[c3405f8ddede48d0bf8209e3b2acfc80.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/64223f11f0284ec897a9bf81d8c825fc.png
[612500038fb848a8986d54801687d324.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/2e9dd65a3f2d4b0fa21ef93cbbabfc46.png
[5b09ca74e3f147db9224868227a23bfe.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/794b5d3ebf774db1a1b14ed84781877c.png
[47379531fb6c48aa9d7da6d17cf42542.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/9300e4d44c074675b9f23103004b65a2.png
[1d4f3a22446e416e8500286a5de9eccf.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7cb9c2d7b1ca416f9aca6b89b5998f19.png
[14ffe5bfb12b4050a946c5408df92e4c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/dd4c0871efe7418c9077b7bb65534341.png
[6ffd2ed798bb4df1a10ed85bad64c9a1.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/9a84df64faa040f188c24477a52b1af8.png
[f6023c6b305d4330b22e7052c32d0615.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/1eecd2226ca446a4acc4fffeb2c01228.png
[aeba4d02d7d64740bd7a67f526dc5ab1.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/6d6c0ee4ddfc4fb2b0098c00dbace207.png
[d01525f5b03c4e3a854a31ab0cfa6d83.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/87de04a6f4a8473c8c3c2628043c7d2e.png
[1916def0aa024a609e64d5991e63477f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/df601592ff4243ab9e17e3326b98e0d8.png