zoukankan      html  css  js  c++  java
  • 2020.12.17

    一、今日学习内容

          对昨天的代码进行完善

    //登录界面
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
        <%
              Object message = request.getAttribute("message");
              if(message!=null && !"".equals(message)){
          
         %>
              <script type="text/javascript">
                   alert("<%=request.getAttribute("message")%>");
              </script>
         <%} %>
         <div align="center">
         <h1>登录页面</h1>
         <div class="content">
            <div class="main">
            <br/><br/>
            <form name="form" action="LoginServlet?method=loginadd" method="post" onsubmit="return check()">
                   用户名 <input type="text" name="IDuser" placeholder="八位数字组成" /><br/><br/>&nbsp;&nbsp;<input type="password" name="password" /><br/><br/>&nbsp;&nbsp;<select name="flag" class="shortselect">
                                <option value="读者">读者</option>
                                <option value="管理员">管理员</option>
                        </select><br/><br/>
                <input type="submit" value="登录" />
            </form>
            </div>
        </div>
        <script type="text/javascript">
            function check() {
                var IDuser = document.getElementById("IDuser").value;
                //var teacher = document.getElementById("teacher");
                //var classroom = document.getElementById("classroom");
                 
                //非空
                /*if(name.value == '') {
                    alert('课程名称为空');
                    name.focus();
                    return false;
                }*/
                if(IDuser.length!=8) {
                    alert('用户名长度不为8!');
                    IDuser.focus();
                    return false;
                }
            }
            </script>
    </body>
    </html>
    //manager.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title> </title>
    
    </head>
    <body>
        <%
              Object message = request.getAttribute("message");
              if(message!=null && !"".equals(message)){
          
         %>
              <script type="text/javascript">
                   alert("<%=request.getAttribute("message")%>");
              </script>
         <%} %>
         <div align="center">
            <h1 style="color: black;">管理员功能页面</h1>
            <a href="login.jsp">返回登录页面</a>
    
            <div class="a">
                <a href="mareaadd.jsp">添加读者信息</a>
            </div>
            <div class="a">
                <a href="delete2.jsp">删除读者信息</a>
            </div>
            <div class="a">
                <a href="LoginServlet?method=liulan">浏览读者信息</a>
            </div>
            <div class="a">
                <a href="chaxun.jsp">查询读者信息</a>
            </div>
             <div class="a">
                <a href="xiugai.jsp">修改读者信息</a>
            </div>
        </div>
    </body>
    </html>
    //mareaadd.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
       <%
              Object message = request.getAttribute("message");
              if(message!=null && !"".equals(message)){
          
         %>
              <script type="text/javascript">
                   alert("<%=request.getAttribute("message")%>");
              </script>
         <%} %>
         <div align="center">
            <h1 style="color: black;">添加学生信息</h1>
            <a href="manager.jsp">返回管理员页面</a>
    
        <div class="content">
            <div class="main">
            <form name="form" action="LoginServlet?method=useradd" method="post" >
                <table>
                    <tr>
                        <td>用户学号</td>
                        <td><input type="text" id="IDuser" name="IDuser" placeholder="八位数字组成" /></td>
                    </tr>
                    <tr>
                        <td>用户姓名</td>
                        <td><input type="text" id="username" name="username"/></td>
                    </tr>   
                    <tr>
                        <td>用户密码</td>
                        <td><input type="password" id="password" name="password"/></td>
                    </tr>              
                    <tr>
                        <td>性        别</td>
                        <td>
                        <input type="radio" name="usersex" value="男"checked><input type="radio" name="usersex" value="女"></td>
                    </tr>
                    <tr>
                        <td>所在班级</td>
                        <td><input type="text" id="userclass" name="userclass"/></td>
                    </tr>   
                    <tr>
                        <td><button type="submit" class="b">提      交<tton></td>
                    </tr>
                </table>
            </form>
    <script type="text/javascript"></script>
            </div>
        </div>
    </body>
    </html>
    //chaxun.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <%
              Object message = request.getAttribute("message");
              if(message!=null && !"".equals(message)){
          
         %>
              <script type="text/javascript">
                   alert("<%=request.getAttribute("message")%>");
              </script>
         <%} %>
         <div align="center">
            <h1>查询读者信息</h1>
        <div class="content">
            <div class="main">
            <a href="manager.jsp">返回管理员页</a>
            <br/><br/>
            <form name="form" action="LoginServlet?method=chaxun" method="post" ">
                <a>读者姓名</a>&nbsp;&nbsp;<input type="text" name="username" />
                <br/><br/>
                <a>读者ID</a>&nbsp;&nbsp;<input type="text" name="IDuser" />
                <br/><br/>
                <input type="submit" value="查找" /></td>
            </form>
            </div>
        </div>
    </body>
    </html>
    //list.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
         
         <div align="center">
         <h1>读者信息</h1>
            <a href="manager.jsp">返回管理员页面</a>
            <table align="center">
                <tr>
                    <th>读者姓名</th>
                    <th>读者ID</th>
                    <th>密    码</th>
                    <th>班    级</th>
                    <th>性    别</th>
                </tr>
                    <c:forEach items="${users}" var="item" varStatus="status">
                    <tr>
                        <td>${item.username}</td>
                        <td>${item.IDuser}</td>
                        <td>${item.password}</td>
                        <td>${item.userclass}</td>
                        <td>${item.usersex}</td>
                        <td><a href="LoginServlet?method=getByname&username=${item.username}">删除</a></td>
                        <td><a href="LoginServlet?method=getByname1&username=${item.username}">修改</a></td>
                    </tr>
                    </c:forEach>
            </table>
        </div>
    </body>
    //liulan.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <%
              Object message = request.getAttribute("message");
              if(message!=null && !"".equals(message)){
          
         %>
              <script type="text/javascript">
                   alert("<%=request.getAttribute("message")%>");
              </script>
         <%} %>
         <div align="center">
         <h1>读者信息</h1>
            <a href="manager.jsp">返回管理员页面</a>
            <table align="center">
                <tr>
                    <th>读者姓名</th>
                    <th>读者ID</th>
                    <th>密    码</th>
                    <th>班    级</th>
                    <th>性    别</th>
                </tr>
                    <c:forEach items="${users}" var="item">
                    <tr>
                        <td>${item.username}</td>
                        <td>${item.IDuser}</td>
                        <td>${item.password}</td>
                        <td>${item.userclass}</td>
                        <td>${item.usersex}</td>
                    </tr>
                    </c:forEach>
            </table>
        </div>
    </body>
    //delete1.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <div align="center">
            <h1 style="color: black;">读者信息删除</h1>
            <a href="delete2.jsp">返回上页</a>
            <table class="tb">
                <tr>
                    <td>读者姓名</td>
                    <td>${user1.username}</td>
                </tr>
                <tr>
                    <td>读者ID</td>
                    <td>${user1.IDuser}</td>
                </tr>
                <tr>
                    <td>性   别</td>
                    <td>${user1.usersex}</td>
                </tr>
                <tr>
                    <td>班     级</td>
                    <td>${user1.userclass}</td>
                </tr>
                <tr>
                    <td>密     码</td>
                    <td>${user1.password}</td>
                </tr>
            </table>
            <form action="LoginServlet?method=delete2" method="post" onsubmit="return check();">
             <input type="hidden" name="username" value="${user1.username}"> 
               <input type="submit" name="action1" value="确定删除">
            </form>
        </div>
        <script type="text/javascript">
            function check() {
                if (confirm("确定删除吗?")){
                    return true;
                }else{
                    return false;
                }
            }
        </script>
    </body>
    </html>
    
    </body>
    </html>
    //delete2.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <%
              Object message = request.getAttribute("message");
              if(message!=null && !"".equals(message)){
          
         %>
              <script type="text/javascript">
                   alert("<%=request.getAttribute("message")%>");
              </script>
         <%} %>
         <div align="center">
            <h1>删除读者信息</h1>
        <div class="content">
            <div class="main">
            <a href="manager.jsp">返回管理员页</a>
            <br/><br/>
            <form name="form" action="LoginServlet?method=getByname" method="post" ">
                <a>读者姓名</a>&nbsp;&nbsp;<input type="text" name="username" />
                <br/><br/>
                <input type="submit" value="删除" /></td>
            </form>
            </div>
        </div>
    </body>
    </html>
    //xiugai.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <%
              Object message = request.getAttribute("message");
              if(message!=null && !"".equals(message)){
          
         %>
              <script type="text/javascript">
                   alert("<%=request.getAttribute("message")%>");
              </script>
         <%} %>
         <div align="center">
            <h1>修改读者信息</h1>
        <div class="content">
            <div class="main">
            <a href="manager.jsp">返回管理员页</a>
            <br/><br/>
            <form name="form" action="LoginServlet?method=getByname1" method="post" ">
                <a>读者姓名</a>&nbsp;&nbsp;<input type="text" name="username" />
                <br/><br/>
                <input type="submit" value="修改" /></td>
            </form>
            </div>
        </div>
    </body>
    </html>
    //xiugai1.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    
    </head>
    <body>
        <%
             Object message = request.getAttribute("message");
             if(message!=null && !"".equals(message)){
    
        %>
             <script type="text/javascript">
                  alert("<%=request.getAttribute("message")%>");
             </script>
        <%} %>
        <div align="center">
            <h1 style="color: black;">读者信息修改</h1>
            <a href="xiugai.jsp">返回上页</a>
            <form action="LoginServlet?method=xiugai" method="post" onsubmit="return check()">
                <div class="a">
                    读者姓名<input type="text" id="username" name="username" value="${user2.username}"/><br/><br/>
                </div>
                <div class="a">&nbsp;&nbsp;ID<input type="text" id="IDuser" name="IDuser" value="${user2.IDuser}"/><br/><br/>
                </div>
                <div class="a">&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="password" name="password" value="${user2.password}"/><br/><br/>
                </div>
                <div class="a">&nbsp; &nbsp;&nbsp;&nbsp;<input type="text" id="userclass" name="userclass" value="${user2.userclass}"/><br/><br/>
                </div>
                <div class="a">&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="usersex" name="usersex" value="${user2.usersex}"/><br/><br/>
                </div>
                <input type="hidden" id="id" name="id" value="${user2.id}"/>
                <div class="a">
                    <button type="submit" class="b">修   改</button>
                </div>
            </form>
        </div>
        <script type="text/javascript">
            function check() {
                var username = document.getElementById("username");;
                var IDuser = document.getElementById("IDuser");
                var password = document.getElementById("password");
                var userclass = document.getElementById("userclass");
                var usersex = document.getElementById("usersex");
    
                //非空
                if(username.value == '') {
                    alert('读者姓名为空');
                    username.focus();
                    return false;
                }
                if(IDuser.value == '') {
                    alert('读者ID为空');
                    IDuser.focus();
                    return false;
                }
                if(password.value == '') {
                    alert('密码为空');
                    password.focus();
                    return false;
                }
                if(userclass.value == '') {
                    alert('班级为空');
                    userclass.focus();
                    return false;
                }
                if(usersex.value == '') {
                    alert('性别为空');
                    usersex.focus();
                    return false;
                }
                
            }
        </script>
    </body>
    </html>

    二、遇到的问题

        关于增删改查的完整流程,可以做出来,但是很不熟练,需要很长时间,需要多加练习

    三、明日计划

        明天继续练习

         

  • 相关阅读:
    Windows API 之 Windows Service
    揭开Socket编程的面纱 (一)
    开发中“错误: 意外地调用了方法或属性访问。” 和 第一行错误 的IE 两个问题( JQ 进行转义字符 , 分页JS 调用 时参数问题。)
    结合MSDN理解windows service 服务安装的三个类。
    VFW基础知识(一些定义性质的。从CSDN中得到的。)
    初次接触WIN FORM,深入事件、委托、方法 ,深入看不到的C#探索。
    C#: +(特性 ) + Attitude C#(类)前面或者(方法)前面 (中括号)定义
    VFW系列教程经典
    依赖注入
    Windows Service:SC 和 InstallUtil 区别
  • 原文地址:https://www.cnblogs.com/wmdww/p/14165735.html
Copyright © 2011-2022 走看看