企业项目实战第六天 === 角色模块 分页查询 新增 删除 详情查询

最新推荐文章于 2024-08-18 21:36:31 发布
最新推荐文章于 2024-08-18 21:36:31 发布
阅读量123 收藏
点赞数
分类专栏： 企业项目实战 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44629340/article/details/104660051
版权

分页查询

准备角色数据表
在这里插入图片描述
在这里插入图片描述
编写role类

package com.zhongruan.bean;
/*
* 实体类模型，映射数据字段 模型
* */
public class Role {
    private int rid;
    private String rname;
    private String rdesc;
    private String raddress;
    private int riphone;
    // new 对象(属性，属性，属性，...)
    public Role() {
    }

    public Role(int rid, String rname, String rdesc) {
        this.rid = rid;
        this.rname = rname;
        this.rdesc = rdesc;
    }

    public Role(int rid, String rname, String rdesc, String raddress,int riphone) {
        this.rid = rid;
        this.rname = rname;
        this.rdesc = rdesc;
        this.raddress = raddress;
        this.riphone = riphone;
    }

    public int getRiphone() {
        return riphone;
    }

    public void setRiphone(int riphone) {
        this.riphone = riphone;
    }

    public String getRaddress() {
        return raddress;
    }

    public void setRaddress(String raddress) {
        this.raddress = raddress;
    }

    public int getRid() {
        return rid;
    }

    public void setRid(int rid) {
        this.rid = rid;
    }

    public String getRname() {
        return rname;
    }

    public void setRname(String rname) {
        this.rname = rname;
    }

    public String getRdesc() {
        return rdesc;
    }

    public void setRdesc(String rdesc){
        this.rdesc = rdesc;
    }

    @Override
    public String toString() {
        return "Role{" +
                "rid=" + rid +
                ", rname='" + rname + '\'' +
                ", rdesc='" + rdesc + '\'' +
                ", raddress='" + raddress + '\'' +
                ", riphone=" + riphone +
                '}';
    }
}

Dao层
在这里插入图片描述
mapper映射文件
在这里插入图片描述
Service层
在这里插入图片描述
Impl实现类
在这里插入图片描述
控制器层
在这里插入图片描述
jsp页面
在这里插入图片描述
在这里插入图片描述
分页查询完成

编写新增模块

Dao层
在这里插入图片描述
Mapper映射文件
在这里插入图片描述
Service层

在这里插入图片描述
Impl实现类
在这里插入图片描述
控制器层
在这里插入图片描述
jsp页面
在这里插入图片描述
在这里插入图片描述
新增模块编写完成

编写删除模块

Dao层
在这里插入图片描述
mapper映射文件
在这里插入图片描述

Service层
在这里插入图片描述
Impl实现类
在这里插入图片描述
控制器层
在这里插入图片描述
jsp页面
在这里插入图片描述
删除模块编写完毕

编写详情查询

Dao层
在这里插入图片描述
Mapper映射文件

在这里插入图片描述
Service层
在这里插入图片描述
Impl实现类
在这里插入图片描述
控制器层
在这里插入图片描述
jsp页面

新建role-detail.jsp页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>数据 - AdminLTE2定制版</title>
    <meta name="description" content="AdminLTE2定制版">
    <meta name="keywords" content="AdminLTE2定制版">

    <!-- Tell the browser to be responsive to screen width -->
    <meta
            content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
            name="viewport">

    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/morris/morris.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/select2/select2.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/css/style.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css">
</head>

<body class="hold-transition skin-blue sidebar-mini">

<div class="wrapper">

    <!-- 页面头部 -->
    <jsp:include page="header.jsp"></jsp:include>
    <!-- 页面头部 /-->

    <!-- 导航侧栏 -->
    <jsp:include page="aside.jsp"></jsp:include>
    <!-- 导航侧栏 /-->

    <!-- 内容区域 -->
    <div class="content-wrapper">

        <!-- 内容头部 -->
        <section class="content-header">
            <h1>
                角色管理 <small>全部角色</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i
                        class="fa fa-dashboard"></i> 首页</a></li>
                <li><a
                        href="#">角色详情</a></li>

<%--                <li class="active">全部角色</li>--%>
            </ol>
        </section>
        <!-- 内容头部 /-->

        <!-- 正文区域 -->
        <section class="content"> <!-- .box-body -->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">列表</h3>
                </div>

                <div class="box-body">

                    <!-- 数据表格 -->
                    <div class="table-box">

                        <!--数据列表-->
                        <table id="dataList"
                               class="table table-bordered table-striped table-hover dataTable">
                            <thead>
                            <tr>
                                <th class="" style="padding-right: 0px"><input
                                        id="selall" type="checkbox" class="icheckbox_square-blue">
                                </th>
                                <th class="sorting_asc">ID</th>
                                <th class="sorting_desc">角色名称</th>
                                <th class="sorting_asc sorting_asc_disabled">描述</th>
                                <th class="text-center">地址</th>
                                <th class="text-center">手机</th>
                            </tr>
                            </thead>
                            <tbody>
<%--                            <c:forEach var="role" items="${roleById}">--%>
                                <tr>
                                    <td><input name="ids" type="checkbox"></td>
                                    <td>${roleById.rid}</td>
                                    <td>${roleById.rname}</td>
                                    <td>${roleById.rdesc}</td>
                                    <td>${roleById.raddress}</td>
                                    <td>${roleById.riphone}</td>
                                </tr>
<%--                            </c:forEach>--%>
                            </tbody>
                            <!--
                        <tfoot>
                        <tr>
                        <th>Rendering engine</th>
                        <th>Browser</th>
                        <th>Platform(s)</th>
                        <th>Engine version</th>
                        <th>CSS grade</th>
                        </tr>
                        </tfoot>-->
                        </table>
                        <!--数据列表/-->
                        <a href="${pageContext.request.contextPath}/role/findAllRole.do" style="float: right">
                            <button>返回</button>
                        </a>

                    </div>
                    <!-- 数据表格 /-->

                </div>
                <!-- /.box-body -->


            </div>

        </section>
        <!-- 正文区域 /-->

    </div>
    <!-- @@close -->
    <!-- 内容区域 /-->

    <!-- 底部导航 -->
    <footer class="main-footer">
        <div class="pull-right hidden-xs">
            <b>Version</b> 1.0.8
        </div>
        <strong>Copyright &copy; 2014-2017 <a
                href="http://www.itcast.cn">研究院研发部</a>.
        </strong> All rights reserved. </footer>
    <!-- 底部导航 /-->

</div>

<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../plugins/jQueryUI/jquery-ui.min.js"></script>
<script>
    $.widget.bridge('uibutton', $.ui.button);
</script>
<script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="../plugins/raphael/raphael-min.js"></script>
<script src="../plugins/morris/morris.min.js"></script>
<script src="../plugins/sparkline/jquery.sparkline.min.js"></script>
<script src="../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="../plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<script src="../plugins/knob/jquery.knob.js"></script>
<script src="../plugins/daterangepicker/moment.min.js"></script>
<script src="../plugins/daterangepicker/daterangepicker.js"></script>
<script src="../plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
<script src="../plugins/datepicker/bootstrap-datepicker.js"></script>
<script
        src="../plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<script
        src="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<script src="../plugins/fastclick/fastclick.js"></script>
<script src="../plugins/iCheck/icheck.min.js"></script>
<script src="../plugins/adminLTE/js/app.min.js"></script>
<script src="../plugins/treeTable/jquery.treetable.js"></script>
<script src="../plugins/select2/select2.full.min.js"></script>
<script src="../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
<script
        src="../plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
<script src="../plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
<script
        src="../plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
<script src="../plugins/bootstrap-markdown/js/markdown.js"></script>
<script src="../plugins/bootstrap-markdown/js/to-markdown.js"></script>
<script src="../plugins/ckeditor/ckeditor.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.js"></script>
<script
        src="../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.extensions.js"></script>
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../plugins/datatables/dataTables.bootstrap.min.js"></script>
<script src="../plugins/chartjs/Chart.min.js"></script>
<script src="../plugins/flot/jquery.flot.min.js"></script>
<script src="../plugins/flot/jquery.flot.resize.min.js"></script>
<script src="../plugins/flot/jquery.flot.pie.min.js"></script>
<script src="../plugins/flot/jquery.flot.categories.min.js"></script>
<script src="../plugins/ionslider/ion.rangeSlider.min.js"></script>
<script src="../plugins/bootstrap-slider/bootstrap-slider.js"></script>
<script>
    $(document).ready(function() {
        // 选择框
        $(".select2").select2();

        // WYSIHTML5编辑器
        $(".textarea").wysihtml5({
            locale : 'zh-CN'
        });
    });

    // 设置激活菜单
    function setSidebarActive(tagUri) {
        var liObj = $("#" + tagUri);
        if (liObj.length > 0) {
            liObj.parent().parent().addClass("active");
            liObj.addClass("active");
        }
    }

    $(document)
        .ready(
            function() {

                // 激活导航位置
                setSidebarActive("admin-datalist");

                // 列表按钮
                $("#dataList td input[type='checkbox']")
                    .iCheck(
                        {
                            checkboxClass : 'icheckbox_square-blue',
                            increaseArea : '20%'
                        });
                // 全选操作
                $("#selall")
                    .click(
                        function() {
                            var clicks = $(this).is(
                                ':checked');
                            if (!clicks) {
                                $(
                                    "#dataList td input[type='checkbox']")
                                    .iCheck(
                                        "uncheck");
                            } else {
                                $(
                                    "#dataList td input[type='checkbox']")
                                    .iCheck("check");
                            }
                            $(this).data("clicks",
                                !clicks);
                        });
            });
</script>
</body>

</html>

在这里插入图片描述
详情查询模块编写完成

weixin_44629340
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DataList增加复选框方法,以及获选中项的值
emailqjc的专栏
04-02 6149
1、为了有复选框，增加CheckBox到DataList上2、在DataList上的项上设置数据列3、确认选择获得选择项对应分店编号值                                                                                                runat="server" />            
【用户角色管理】用户多角色分页展示
weixin_30497527的博客
04-18 674
界面如下，前端layui完成分页，有对应查询，编辑，删除接口 用户多角色分页展示的实现： mapper.xml文件相关代码（直接在sql语句进行分页查询） mybatis一对多映射 <resultMap id="userdetailResult" type="com.cc.vo.VUser"> <id property="id" column="id"...
用户操作-用户详情服务器端代码实现
Leon_Jinhai_Sun的博客
02-22 306
用户详情 用户详情页面user-show.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCT...
DataList下使用CheckBox实现多选
weixin_30848775的博客
03-14 385
1.在页面中需要的地方放置<asp:CheckBox ID="CheckBox1" runat="server" /> 2.绑定数据时绑定 DataList1.DataKeyField = "Id"; 3.按钮事件 for (int i = 0; i < this.DataList1.Items.Count; i++) {...
mybatis-plus分页查询 学习mybatis-plus在项目中的简单使用，代码生成器，分页查询，多数据源等
02-23
本篇将详细介绍MyBatis-Plus在分页查询方面的应用以及如何在项目中使用它。 首先，MyBatis-Plus的分页查询功能是其亮点之一。在传统的MyBatis中，我们需要手动编写SQL来实现分页，这不仅繁琐，而且容易出错。而...
Vue.js实现分页查询功能
10-18
下面，我们将从不同角度深入解析在Vue.js项目中实现分页查询功能所需的关键知识点。 1. 分页查询的业务逻辑： 分页查询的核心思想是将服务器端的数据分批次（页）返回给前端，而非一次性返回全部数据。这样既可以...
MyBatis-Plus 分页查询以及自定义sql分页的实现
09-07
其中，分页查询是 MyBatis-Plus 提供的一个重要特性，对于处理大量数据时非常有用。 ## 一、分页查询原理 在数据库中，分页查询分为物理分页和逻辑分页两种方式： 1. **物理分页**：这是数据库层面的分页，通过 `...
springmvc 分页查询的简单实现示例代码
08-31
在开发Web应用时，列表...总的来说，Spring MVC中的分页查询可以通过自定义分页类结合动态SQL实现，这既简单又实用，适用于大多数小型项目。但随着项目规模的扩大，我们需要考虑优化策略，以提高系统的性能和用户体验。
SSH框架网上商城项目第5战之商品类别级联查询和分页功能
09-02
在这个“SSH框架网上商城项目”中，我们关注的是商品类别级联查询和分页功能的实现。级联查询允许我们获取一个实体的相关数据，比如在本例中，我们需要获取商品类别时同时包含管理员的信息。分页功能则是为了提高...
datalist中使用checkbox的问题
无心的爱的专栏
05-28 713
我在datalist中放置了checkbox，然后在页面放了一个删除按钮，我想实现这样的功能，假设session["uu"]==null，一点击checkbox后就弹出alert('你无法执行该操作');我把测试的代码简化了放上来，请各位看下 protected   void   Del_Click(object   sender,   EventArgs   e)         {      ...
form表单 input标签以及其属性，datalist标签
ztt0918的博客
03-26 7687
form表单 input标签以及其属性 datalist标签
解决checkbox点击选中问题
全干工程师
11-08 5142
文章目录通过手动布局通过append来实现 今天来了解下checkbox的点击效果，以及点击一行item同样实现checkbox的点击效果 通过2种方式来处理 1是直接通过元素布局 2是通过jquery的append方法来实现，因为append的元素，是异步的，通过query查找元素添加点击事件就失效了 通过手动布局 &amp;lt;div class=&quot;my-course&quot;&amp;gt; &amp;...
Day04-SSM项目前端页面与操作-2
踩屐小童的博客
07-23 444
Day04-SSM项目前端页面与操作-2 前言 昨天完成了简单的登录和注册操作以及三个页面（login.jsp、register.jsp、 mainUI.jsp）今天的内容主要是完成前端页面对用户进行管理的操作(展示、修改和删除) 1.导入和修改前端页面 mainUI.jsp <%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %> <html> <head&gt
SSM：实现用户信息的增删改和分页展示
ljcmy13579的博客
07-24 778
maven项目：实现用户信息的增删改和分页展示 接着上一篇博客项目的基础上开始 在page目录下，创建failer.jsp,当用户登录失败后，进入failer.jsp提示用户登录失败 <%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %> <html> <head> <title>操作失败</title> </h
MongoDB多条件分页查询，新增，删除操作
阿呆的专栏
05-26 5770
MongoDB多条件分页查询，新增，删除操作
JAVA进阶补充
2301_80150315的博客
08-15 1028
概念：把已经有的方法拿过来用，当作函数式接口中抽象方法的方法体条件：引用处必须是函数式接口被引用的方法需要已经存在被引用方法的形参和返回值需要跟抽象方法的形参和返回值保持一致被引用方法的功能需要满足当前需求：方法引用符意义：就是为让控制台的报错信息更加的见名知意自定义异常的步骤：定义异常类写继承关系空参构造带参构造​file对象就表示一个路径，可以是文件的路径、也可以是文件夹的路径；这个路径可以是存在的，也允许是不存在的构造方法描述根据文件路径创建对象。
【Spring框架】
最新发布
m0_71941456的博客
08-18 987
Spring框架的功能远不止于此，它还包括Spring MVC、Spring Data、Spring Security等多个模块，每个模块都有其独特的应用场景。
MybatisPlus实战：轻松实现高效分页查询
// 调用selectPage方法进行分页查询，第二个参数可传入查询条件 } } ``` 在这个例子中，`Page`类是MyBatisPlus提供的分页对象，它可以存储当前页的数据以及关于分页的相关信息，如总记录数、总页数等。`select...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值