java bootstrap+servlet(无框架)+mysql 实现增删改查（客户管理系统）（二）

------------恢复内容开始------------

初始化修改功能：在写修改功能之前要完成初始化修改功能

目的：（1）页面跳转（2）传值以在页面上可以显示所修改的行数据的原本信息

步骤：
（1）：编写update.jsp

（2）：编写servlet

代码：

    /*
    * 修改初始化，主要起页面跳转和数值传递作用
    * */
    public void initUpdate(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{
        // 获取主键ID
        String idStr = request.getParameter("id");
        Integer id = DataConvertUtil.stringConvertInteger(idStr);
        Classinfo classinfo=classinfoService.checkClassById(id);
        request.setAttribute("updateclass",classinfo);
        request.getRequestDispatcher("update.jsp").forward(request,response);

    }

update.jsp部分重要代码：

      <input type="text" class="form-control" name="heroName" id="heroName"
                               placeholder="请输入班级名称..." required="required" value="${updateclass.className}"/>
                        <input type="hidden" name="classId" value="${updateclass.classId}"/>

完成效果：

修改功能（部分，修改后仅在控制台提示是否修改成功，完整版查看后续源码）：

（1）：编写servlet代码

   public void Update(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        String className = request.getParameter("className");
        String classNote = request.getParameter("classNote");
        String idStr = request.getParameter("classId");
        Integer id = DataConvertUtil.stringConvertInteger(idStr);
        Classinfo classinfo=new Classinfo(id,className,classNote);
        boolean flag=classinfoService.updateClassById(classinfo);
        if(flag){
            System.out.println("修改成功");
        }else {
            System.out.println("修改失败");
        }
        
    }

（2）：部分jsp代码

 <!-- 表单（录入英雄信息） -->
            <form class="form-horizontal" id="saveFrm" action="classinfo?type=update" method="post">

       <input type="text" class="form-control" name="className" id="className"
                               placeholder="请输入班级名称..." required="required" value="${updateclass.className}"/>
                        <input type="hidden" name="classId" value="${updateclass.classId}"/>

     <input type="text" class="form-control" name="classNote" id="classNote"
                               placeholder="请输入班级备注..." required="required"  value="${updateclass.classNote}"/>

（3）：完成效果

删除功能：

（1）：编写Servlet代码

    public void delete(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{
        String idStr = request.getParameter("id");
        Integer id = DataConvertUtil.stringConvertInteger(idStr);
        classinfoService.deleteClass(id);
        response.sendRedirect("classinfo?type=show");
    }

（2) : 编写Jsp代码

 <A class="btn btn-Info" href="classinfo?type=delete&id=${classinfo.classId}">删除</A>

（3）：实现效果

不好截图，就不截了

详情功能：
目标：点击详情显示所有信息

（1）：编写servlet代码

   public void detail(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{
        // 获取主键ID
        String idStr = request.getParameter("id");
        Integer id = DataConvertUtil.stringConvertInteger(idStr);
        Classinfo classinfo=classinfoService.checkClassById(id);
        request.setAttribute("classdetail",classinfo);
        request.getRequestDispatcher("detail.jsp").forward(request, response);

    }

（2）：编写jsp代码

<html>
<head>
    <title>班级详情</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/login.css"/>
    <script src="js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="container">

    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="form-group">
                <label class="control-label col-sm-4">班级Id：</label>
                <div class="col-sm-5">
                    ${classdetail.classId}
                </div>
            </div>
        </div>
    </div>


    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="form-group">
                <label class="control-label col-sm-4">班级姓名：</label>
                <div class="col-sm-5">
                    ${classdetail.className}
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="form-group">
                <label class="control-label col-sm-4">修改时间：</label>
                <div class="col-sm-5">
                    ${classdetail.classDate}
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="form-group">
                <label class="control-label col-sm-4">班级备注：</label>
                <div class="col-sm-5">
                    ${classdetail.classNote}
                </div>
            </div>
        </div>
    </div>


    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="form-group">
                <label class="control-label col-sm-4"></label>
                <div class="col-sm-5">
                    <a href="classinfo?type=show" class="btn btn-success">返回</a>
                </div>
            </div>
        </div>
    </div>

</div>

</body>
</html>

（3）效果：

添加班级：

（1）：编写servlet代码

    public void add(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String className=request.getParameter("className");
        String classNote=request.getParameter("classNote");
        Classinfo classinfo=new Classinfo(className,classNote);
        classinfoService.addClass(classinfo);
        response.sendRedirect("classinfo?type=show");

    }

（2）：部分jsp代码

最主要的是i.表单属性：

  <form class="form-horizontal" id="saveFrm" action="classinfo?type=add" method="post">

其二 ii.输入框name设置

            <form class="form-horizontal" id="saveFrm" action="classinfo?type=add" method="post">
                <div class="form-group row">
                    <label class="control-label col-sm-2">班级名称：</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" name="className" id="className"
                               placeholder="请输入班级名称..." required="required" />
                    </div>
                    <div class="col-sm-2"></div>
                </div>



                <div class="form-group">
                    <label class="control-label col-sm-2">班级备注：</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" name="classNote" id="classNote"
                               placeholder="请输入班级备注..." required="required" />
                    </div>
                    <div class="col-sm-1"></div>
                </div>

页面效果：

至此，班级的增删查改已经结束

------------恢复内容结束------------

posted on 2021-11-12 14:47 realAdam 阅读(217) 评论(0) 收藏举报

刷新页面返回顶部

java bootstrap+servlet(无框架)+mysql 实现增删改查 （客户管理系统）（二）

公告

java bootstrap+servlet(无框架)+mysql 实现增删改查（客户管理系统）（二）