添加后台管理功能

src/com/landaiqing/dao/AdminUserDao.java

@@ -6,6 +6,7 @@ import com.landaiqing.utils.JdbcUtils;
 import java.sql.Connection;
 import java.sql.PreparedStatement;
 import java.sql.ResultSet;
+import java.util.ArrayList;
 
 public class AdminUserDao {
     private AdminUserEntity adminUserEntity=new AdminUserEntity();
@@ -39,4 +40,32 @@ public class AdminUserDao {
             JdbcUtils.closeConnection(resultSet, preparedStatement, connection);
         }
     }
+    /**
+     * 查询所有管理员
+     * */
+    public ArrayList<AdminUserEntity> selectAllAdmin() {
+        ResultSet resultSet = null;
+        PreparedStatement preparedStatement = null;
+        Connection connection = null;
+        try {
+            connection = JdbcUtils.getConnection();
+            String loginSql = "select  * from  admin;";
+            preparedStatement = connection.prepareStatement(loginSql);
+            resultSet = preparedStatement.executeQuery();
+            ArrayList<AdminUserEntity> adminUserDaos=new ArrayList<>();
+            while (resultSet.next()) {
+                Integer id = resultSet.getInt(1);
+                String dbUserName = resultSet.getString(2);
+                String dbUserPwd = resultSet.getString(3);
+                AdminUserEntity adminUserEntity = new AdminUserEntity(id,dbUserName, dbUserPwd);
+                adminUserDaos.add(adminUserEntity);
+            }
+            return adminUserDaos;
+        } catch (Exception e) {
+            e.printStackTrace();
+            return null;
+        } finally {
+            JdbcUtils.closeConnection(resultSet, preparedStatement, connection);
+        }
+    }
 }

src/com/landaiqing/filter/UserSessionFilter.java

@@ -14,7 +14,7 @@ import java.io.IOException;
  */
 @WebFilter("/System/*")// 过滤器所有的请求
 public class UserSessionFilter implements Filter {
-    private String[] excludeUrls = new String[]{"/login", "/register", "/VerifycodeServlet"};
+    private String[] excludeUrls = new String[]{"/login", "/publish","/reply","/VerifycodeServlet"};
 
     @Override
     public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
@@ -38,7 +38,7 @@ public class UserSessionFilter implements Filter {
         if (user == null) {
             // 当前用户没有登录或者登录会话失效
             // 重定向到登录页面
-            httpServletResponse.sendRedirect(contextPath+"/login");
+            httpServletResponse.sendRedirect(contextPath+"/");
             return;
         }
         // 用户已经登录了 正常放行请求

src/com/landaiqing/service/AdminUserService.java

@@ -3,6 +3,8 @@ package com.landaiqing.service;
 import com.landaiqing.dao.AdminUserDao;
 import com.landaiqing.entity.AdminUserEntity;
 
+import java.util.ArrayList;
+
 public class AdminUserService {
     private AdminUserDao adminUserDao=new AdminUserDao();
 
@@ -12,4 +14,11 @@ public class AdminUserService {
     public AdminUserEntity login(String userName, String userPwd) {
         return adminUserDao.login(userName,userPwd);
     }
+
+    /**
+     * 查询所有管理员
+     * */
+    public ArrayList<AdminUserEntity> selectAllAdmin() {
+        return adminUserDao.selectAllAdmin();
+    }
 }

src/com/landaiqing/servlet/system/AllAdmin.java

@@ -0,0 +1,30 @@
+package com.landaiqing.servlet.system;
+
+import com.landaiqing.entity.AdminUserEntity;
+import com.landaiqing.service.AdminUserService;
+import jakarta.servlet.ServletException;
+import jakarta.servlet.annotation.WebServlet;
+import jakarta.servlet.http.HttpServlet;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+
+import java.io.IOException;
+import java.util.ArrayList;
+import java.util.List;
+
+@WebServlet("/allAdmin")
+public class AllAdmin extends HttpServlet {
+    private AdminUserService adminUserService=new AdminUserService();
+    @Override
+    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
+        doPost(req,resp);
+    }
+
+    @Override
+    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
+        List<AdminUserEntity> adminUserEntityList=adminUserService.selectAllAdmin();
+        req.setAttribute("allAdmin",adminUserEntityList);
+        req.getRequestDispatcher("./System/index.jsp").forward(req,resp);
+
+    }
+}

web/System/adminManage.jsp

@@ -0,0 +1,16 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: LDQ
+  Date: 2023/6/9
+  Time: 16:57
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>Title</title>
+</head>
+<body>
+ 管理员管理
+</body>
+</html>

web/System/index.jsp

@@ -12,6 +12,9 @@
     <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
     <!-- 引入 layui.css -->
     <link href="//unpkg.com/layui@2.8.0/dist/css/layui.css" rel="stylesheet">
+
+    <!-- 引入 layui.js -->
+    <script src="//unpkg.com/layui@2.8.0/dist/layui.js"></script>
     <meta name="renderer" content="webkit">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -22,119 +25,301 @@
 <body>
 <div class="layui-layout layui-layout-admin">
     <div class="layui-header">
-        <div class="layui-logo layui-hide-xs layui-bg-black">layout demo</div>
-        <!-- 头部区域（可配合layui 已有的水平导航） -->
-        <ul class="layui-nav layui-layout-left">
-            <!-- 移动端显示 -->
-            <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
-                <i class="layui-icon layui-icon-spread-left"></i>
-            </li>
-            <li class="layui-nav-item layui-hide-xs"><a href="javascript:;">nav 1</a></li>
-            <li class="layui-nav-item layui-hide-xs"><a href="javascript:;">nav 2</a></li>
-            <li class="layui-nav-item layui-hide-xs"><a href="javascript:;">nav 3</a></li>
-            <li class="layui-nav-item">
-                <a href="javascript:;">nav groups</a>
-                <dl class="layui-nav-child">
-                    <dd><a href="javascript:;">menu 11</a></dd>
-                    <dd><a href="javascript:;">menu 22</a></dd>
-                    <dd><a href="javascript:;">menu 33</a></dd>
-                </dl>
-            </li>
-        </ul>
+        <div class="layui-logo">后台管理系统</div>
         <ul class="layui-nav layui-layout-right">
-            <li class="layui-nav-item layui-hide layui-show-sm-inline-block">
+            <li class="layui-nav-item">
                 <a href="javascript:;">
-                    <img src="https://unpkg.com/outeres@0.0.10/img/layui/icon-v2.png" class="layui-nav-img">
-                    tester
+                    <img src="../static/img/头像修改.png" class="layui-nav-img">
+                    Admin
                 </a>
-                <dl class="layui-nav-child">
-                    <dd><a href="javascript:;">Your Profile</a></dd>
-                    <dd><a href="javascript:;">Settings</a></dd>
-                    <dd><a href="javascript:;">Sign out</a></dd>
-                </dl>
+<%--                <dl class="layui-nav-child">--%>
+
+<%--                    <dd>--%>
+<%--                        <!--TODO -->--%>
+<%--                        <!--需要修改为自己项目的部分：-->--%>
+<%--                        <!--1、属性data-url（需要在右边选项卡中打开的页面的路径）  -->--%>
+<%--                        <!--2、属性data-title（选项卡标题）-->--%>
+<%--                        <!--3、属性data-id必须唯一，tab选项卡根据这个值进行切换-->--%>
+
+<%--                        <a href="#" data-url="profile" data-title="个人资料" data-id="44" class="site-demo-active"--%>
+<%--                           data-type="tabAdd">--%>
+<%--                            个人资料--%>
+<%--                        </a>--%>
+<%--                    </dd>--%>
+
+<%--                    <dd>--%>
+<%--                        <!--TODO -->--%>
+<%--                        <!--需要修改为自己项目的部分：-->--%>
+<%--                        <!--1、属性data-url（需要在右边选项卡中打开的页面的路径）  -->--%>
+<%--                        <!--2、属性data-title（选项卡标题）-->--%>
+<%--                        <!--3、属性data-id必须唯一，tab选项卡根据这个值进行切换-->--%>
+
+<%--                        <a href="#" data-url="password" data-title="修改密码" data-id="55" class="site-demo-active" data-type="tabAdd">--%>
+<%--                            修改密码--%>
+<%--                        </a>--%>
+<%--                    </dd>--%>
+
+<%--                </dl>--%>
             </li>
-            <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
-                <a href="javascript:;">
-                    <i class="layui-icon layui-icon-more-vertical"></i>
-                </a>
+            <li class="layui-nav-item">
+                <!--TODO -->
+                <!--可能需要修改路径-->
+                <a href="${pageContext.request.contextPath}/">返回首页</a>
             </li>
         </ul>
     </div>
-    <div class="layui-side layui-bg-black">
-        <div class="layui-side-scroll">
-            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
-            <ul class="layui-nav layui-nav-tree" lay-filter="test">
-                <li class="layui-nav-item layui-nav-itemed">
-                    <a class="" href="javascript:;">menu group 1</a>
-                    <dl class="layui-nav-child">
-                        <dd><a href="javascript:;">menu 1</a></dd>
-                        <dd><a href="javascript:;">menu 2</a></dd>
-                        <dd><a href="javascript:;">menu 3</a></dd>
-                        <dd><a href="javascript:;">the links</a></dd>
-                    </dl>
-                </li>
-                <li class="layui-nav-item">
-                    <a href="javascript:;">menu group 2</a>
-                    <dl class="layui-nav-child">
-                        <dd><a href="javascript:;">list 1</a></dd>
-                        <dd><a href="javascript:;">list 2</a></dd>
-                        <dd><a href="javascript:;">超链接</a></dd>
-                    </dl>
-                </li>
-                <li class="layui-nav-item"><a href="javascript:;">click menu item</a></li>
-                <li class="layui-nav-item"><a href="javascript:;">the links</a></li>
-            </ul>
-        </div>
+
+
+    <!-- 左侧导航栏 -->
+    <div class="layui-tab  layui-side layui-tab-card site-demo-button">
+        <ul class="layui-nav layui-side layui-nav-tree layui-nav-side">
+
+            <li class="layui-nav-item layui-nav-itemed">
+
+                <a href="javascript:;">系统管理</a>
+
+                <dl class="layui-nav-child">
+
+                    <dd>
+                        <!--TODO -->
+                        <!--需要修改为自己项目的部分：-->
+                        <!--1、属性data-url（需要在右边选项卡中打开的页面的路径）  -->
+                        <!--2、属性data-title（选项卡标题）-->
+                        <!--3、属性data-id必须唯一，tab选项卡根据这个值进行切换-->
+                        <!--4、id，也必须唯一，这里id设置为default-tab，设置该选项卡为默认显示的-->
+                        <a href="#" data-url="${pageContext.request.contextPath}/System/adminManage" data-title="管理员管理" data-id="11" id="default-tab" class="site-demo-active"
+                           data-type="tabAdd">
+                            管理员管理
+                        </a>
+                    </dd>
+
+                    <dd>
+                        <!--TODO -->
+                        <!--需要修改为自己项目的部分：-->
+                        <!--1、属性data-url（需要在右边选项卡中打开的页面的路径）  -->
+                        <!--2、属性data-title（选项卡标题）-->
+                        <!--3、属性data-id必须唯一，tab选项卡根据这个值进行切换-->
+                        <a href="#" data-url="${pageContext.request.contextPath}/System/messageManage" data-title="留言管理" data-id="22" class="site-demo-active"
+                           data-type="tabAdd">
+                            留言管理
+                        </a>
+                    </dd>
+
+<%--                    <dd>--%>
+<%--                        <!--TODO -->--%>
+<%--                        <!--需要修改为自己项目的部分：-->--%>
+<%--                        <!--1、属性data-url（需要在右边选项卡中打开的页面的路径）  -->--%>
+<%--                        <!--2、属性data-title（选项卡标题）-->--%>
+<%--                        <!--3、属性data-id必须唯一，tab选项卡根据这个值进行切换-->--%>
+<%--                        <a href="#" data-url="profile" data-title="考核管理" data-id="33" class="site-demo-active"--%>
+<%--                           data-type="tabAdd">--%>
+<%--                            考核管理--%>
+<%--                        </a>--%>
+<%--                    </dd>--%>
+
+                </dl>
+            </li>
+
+
+<%--            <li class="layui-nav-item layui-nav-itemed">--%>
+<%--                <a href="javascript:;">个人管理</a>--%>
+<%--                <dl class="layui-nav-child">--%>
+
+<%--                    <dd>--%>
+<%--                        <!--TODO -->--%>
+<%--                        <!--需要修改为自己项目的部分：-->--%>
+<%--                        <!--1、属性data-url（需要在右边选项卡中打开的页面的路径）  -->--%>
+<%--                        <!--2、属性data-title（选项卡标题）-->--%>
+<%--                        <!--3、属性data-id必须唯一，tab选项卡根据这个值进行切换-->--%>
+<%--                        <a href="#" data-url="profile" data-title="个人资料" data-id="44" class="site-demo-active"--%>
+<%--                           data-type="tabAdd">--%>
+<%--                            个人资料--%>
+<%--                        </a>--%>
+<%--                    </dd>--%>
+
+<%--                    <dd>--%>
+<%--                        <!--TODO -->--%>
+<%--                        <!--需要修改为自己项目的部分：-->--%>
+<%--                        <!--1、属性data-url（需要在右边选项卡中打开的页面的路径）  -->--%>
+<%--                        <!--2、属性data-title（选项卡标题）-->--%>
+<%--                        <!--3、属性data-id必须唯一，tab选项卡根据这个值进行切换-->--%>
+<%--                        <a href="#" data-url="password" data-title="修改密码" data-id="55" class="site-demo-active"--%>
+<%--                           data-type="tabAdd">--%>
+<%--                            修改密码--%>
+<%--                        </a>--%>
+<%--                    </dd>--%>
+
+<%--                </dl>--%>
+<%--            </li>--%>
+        </ul>
+
+
     </div>
+
+
     <div class="layui-body">
         <!-- 内容主体区域 -->
-        <div style="padding: 15px;">
-            <blockquote class="layui-elem-quote layui-text">
-                Layui 框体布局内容主体区域
-            </blockquote>
-            <div class="layui-card layui-panel">
-                <div class="layui-card-header">
-                    下面是充数内容，为的是出现滚动条
-                </div>
-                <div class="layui-card-body">
-                    充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>你还真滑到了底部呀
-                </div>
+        <div class="layui-tab" lay-filter="demo" lay-allowClose="true">
+            <!--tab页标题-->
+            <ul class="layui-tab-title">
+            </ul>
+
+            <!--tab页标题上右键，出现下面的 关闭当前和关闭所有的选项-->
+            <ul class="rightMenu" style="display: none;position: absolute;">
+                <li data-type="closeThis" class="layui-bg-cyan">关闭当前</li>
+
+                <li data-type="closeAll" class="layui-bg-cyan">关闭所有</li>
+            </ul>
+
+            <!--tab页主体内容区域-->
+            <div class="layui-tab-content">
+
             </div>
-            <br><br>
+
         </div>
     </div>
+
+
     <div class="layui-footer">
         <!-- 底部固定区域 -->
-        底部固定区域
+        © landaiqing.space - 后台管理系统
     </div>
+
 </div>
-<script src="/cdn.staticfile.org/layui/2.8.0/layui.js"></script>
+
 <script>
-    //JS
-    layui.use(['element', 'layer', 'util'], function(){
-        var element = layui.element;
-        var layer = layui.layer;
-        var util = layui.util;
-        var $ = layui.$;
-        //头部事件
-        util.event('lay-header-event', {
-            menuLeft: function(othis){ // 左侧菜单事件
-                layer.msg('展开左侧菜单的操作', {icon: 0});
+
+    layui.use(['element','layer'], function () {
+        var $ = layui.jquery;
+        var element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
+
+        //触发事件
+        var active = {
+            // 在这里给active绑定几项事件，后面可通过active调用这些事件
+            tabAdd: function (url, id, name) {
+                // 新增一个Tab项 传入三个参数，分别对应其标题，tab页面的地址，还有一个规定的id，是标签中data-id的属性值
+                // 关于tabAdd的方法所传入的参数可看layui的开发文档中基础方法部分
+                element.tabAdd('demo', {
+                    title: name,
+                    // TODO
+                    // 这里的选项卡页面路径：  src="' + url + '.html"  ，可能需要根据自己项目实际的后缀名修改
+                    content: '<iframe data-frameid="' + id + '" scrolling="auto" frameborder="0" src="' + url + '.jsp" style="width:100%;height:99%;"></iframe>',
+                    id: id // 规定好的id
+                })
+                CustomRightClick(id); // 自定义函数，给tab绑定右击事件
+                FrameWH();  // 自定义函数，计算iframe层的大小
             },
-            menuRight: function(){  // 右侧菜单事件
-                layer.open({
-                    type: 1
-                    ,title: '更多'
-                    ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
-                    ,area: ['260px', '100%']
-                    ,offset: 'rt' //右上角
-                    ,anim: 'slideLeft'
-                    ,shadeClose: true
-                    ,scrollbar: false
-                });
+            tabChange: function (id) {
+                // 切换到指定Tab项
+                element.tabChange('demo', id); // 根据传入的id传入到指定的tab项
+            },
+            tabDelete: function (id) {
+                element.tabDelete("demo", id);// 删除
             }
+            , tabDeleteAll: function (ids) {// 删除所有
+                $.each(ids, function (i, item) {
+                    element.tabDelete("demo", item); //ids是一个数组，里面存放了多个id，调用tabDelete方法分别删除
+                })
+            }
+
+        };
+
+
+        // 当点击有site-demo-active属性的标签时，即左侧菜单栏中内容 ，触发点击事件
+        $('.site-demo-active').on('click', function () {
+            var dataid = $(this);
+
+            // 这时会判断右侧.layui-tab-title属性下的有lay-id属性的li的数目，即已经打开的tab项数目
+            if ($(".layui-tab-title li[lay-id]").length <= 0) {
+                // 如果比零小，则直接打开新的tab项
+                active.tabAdd(dataid.attr("data-url"), dataid.attr("data-id"), dataid.attr("data-title"));
+            } else {
+                // 否则判断该tab项是否已经存在
+
+                var isData = false; //初始化一个标志，为false说明未打开该tab项 为true则说明已有
+                $.each($(".layui-tab-title li[lay-id]"), function () {
+                    //如果点击左侧菜单栏所传入的id 在右侧tab项中的lay-id属性可以找到，则说明该tab项已经打开
+                    if ($(this).attr("lay-id") == dataid.attr("data-id")) {
+                        isData = true;
+                    }
+                })
+                if (isData == false) {
+                    //标志为false 新增一个tab项
+                    active.tabAdd(dataid.attr("data-url"), dataid.attr("data-id"), dataid.attr("data-title"));
+                }
+            }
+            // 最后不管是否新增tab，最后都转到要打开的选项页面上
+            active.tabChange(dataid.attr("data-id"));
         });
+
+
+        function CustomRightClick(id) {
+
+            //取消右键  rightMenu属性开始是隐藏的 ，当右击的时候显示，左击的时候隐藏
+            $('.layui-tab-title li').on('contextmenu', function () {
+                return false;
+            })
+
+            $('.layui-tab-title,.layui-tab-title li').click(function () {
+                $('.rightMenu').hide();
+            });
+
+            //桌面点击右击
+            $('.layui-tab-title li').on('contextmenu', function (e) {
+                var popupmenu = $(".rightMenu");
+                popupmenu.find("li").attr("data-id", id); //在右键菜单中的标签绑定id属性
+
+                //判断右侧菜单的位置
+                l = ($(document).width() - e.clientX) < popupmenu.width() ? (e.clientX - popupmenu.width()) : e.clientX;
+                t = ($(document).height() - e.clientY) < popupmenu.height() ? (e.clientY - popupmenu.height()) : e.clientY;
+                popupmenu.css({left: l, top: t}).show(); //进行绝对定位
+                //alert("右键菜单")
+                return false;
+            });
+        }
+
+        $(".rightMenu li").click(function () {
+
+            //右键菜单中的选项被点击之后，判断type的类型，决定关闭所有还是关闭当前。
+            if ($(this).attr("data-type") == "closeThis") {
+                //如果关闭当前，即根据显示右键菜单时所绑定的id，执行tabDelete
+                active.tabDelete($(this).attr("data-id"))
+            } else if ($(this).attr("data-type") == "closeAll") {
+                var tabtitle = $(".layui-tab-title li");
+                var ids = new Array();
+                $.each(tabtitle, function (i) {
+                    ids[i] = $(this).attr("lay-id");
+                })
+                //如果关闭所有 ，即将所有的lay-id放进数组，执行tabDeleteAll
+                active.tabDeleteAll(ids);
+            }
+
+            $('.rightMenu').hide(); //最后再隐藏右键菜单
+        })
+
+        // 计算frame高度
+        function FrameWH() {
+            var h = $(window).height() - 41 - 10 - 60 - 10 - 44 - 10;
+            $("iframe").css("height", h + "px");
+        }
+
+
+        $(window).resize(function () {
+            FrameWH();
+        })
+
+
+        var layer = layui.layer;
+        layer.ready(function(){
+            // layer.msg('您已进入页面了！');
+            // 触发点击事件，这样就可以设置默认显示的选项卡页面
+            // TODO
+            // 可能需要修改的地方，标签id值
+            $("#default-tab").trigger( "click" );
+        });
+
     });
+
 </script>
 </body>
 </html>

web/System/messageManage.jsp

@@ -0,0 +1,16 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: LDQ
+  Date: 2023/6/9
+  Time: 16:57
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>Title</title>
+</head>
+<body>
+留言管理
+</body>
+</html>