首页 > 技术文章 > 课程管理系统JAVAweb前端代码

520520520zl 2020-01-01 10:40 原文

<%@ 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="index.jsp">返回主页</a>
        <form action="CourseServlet?method=add" method="post" onsubmit="return check()">
            <div class="a">
                姓名<input type="text" id="name" name="name"/>
            </div>
            <div class="a">
                性别<input type="text" id="sex" name="sex" />
            </div>
            <div class="a">
                民族<input type="text" id="minzu" name="minzu" />
            </div>
            <div class="a">
                注册时间<input type="text" id="zhuce" name="zhuce" />
            </div>
            <div class="a">
                年龄<input type="text" id="age" name="age" />
            </div>
            <div class="a">
                政治面貌<input type="text" id="zhengzhi" name="zhengzhi" />
            </div>
            <div class="a">
                服务类别<input type="text" id="fuwu" name="fuwu" />
            </div>
            <div class="a">
                <button type="submit" class="b">&nbsp;&nbsp;&nbsp;</button>
            </div>
        </form>
    </div>
    <script type="text/javascript">
        function check() {
            var name = document.getElementById("name");;
            var sex = document.getElementById("sex");
            var minzu = document.getElementById("minzu");
            var zhuce = document.getElementById("zhuce");;
            var age = document.getElementById("age");
            var zhengzhi = document.getElementById("zhengzhi");
            var fuwu = document.getElementById("fuwu");;
            
            //非空
            if(name.value == '') {
                alert('志愿者姓名为空');
                name.focus();
                return false;
            }
            if(sex.value == '') {
                alert('性别为空');
                sex.focus();
                return false;
            }
            if(minzu.value == '') {
                alert('民族为空');
                minzu.focus();
                return false;
            }
            if(zhuce.value == '') {
                alert('注册时间为空');
                zhuce.focus();
                return false;
            }
            if(age.value == '') {
                alert('年龄为空');
                age.focus();
                return false;
            }
            if(zhengzhi.value == '') {
                alert('政治面貌为空');
                zhengzhi.focus();
                return false;
            }
            if(fuwu.value == '') {
                alert('服务类别为空');
                fuwu.focus();
                return false;
            }
            //教师
            
        }
    </script>
</body>
</html>
<%@ 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="index.jsp">返回主页</a>
        <form action="CourseServlet?method=getcoursebyname" method="post" onsubmit="return check()">
            <div class="a">
                志愿者姓名<input type="text" id="name" name="name"/>
            </div>
            <div class="a">
                <button type="submit" class="b">&nbsp;&nbsp;&nbsp;</button>
            </div>
        </form>
    </div>
    <script type="text/javascript">
        function check() {
            var name = document.getElementById("name");;
            
            //非空
            if(name.value == '') {
                alert('志愿者姓名为空');
                name.focus();
                return false;
            }
        }
    </script>
</body>
</html>
<%@ 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>
<style>
    .a{
        margin-top: 20px;
    }
    .b{
        font-size: 20px;
        width: 160px;
        color: white;
        background-color: greenyellow;
    }
    .tb, td {
        border: 1px solid black;
        font-size: 22px;
    }
</style>
</head>
<body>
    <div align="center">
        <h1 style="color: black;">信息删除</h1>
        <a href="index.jsp">返回主页</a>
        <table class="tb">
            <tr>
                <td>姓名</td>
                <td>${course.name}</td>
            </tr>
            <tr>
                <td>性别</td>
                <td>${course.sex}</td>
            </tr>
            <tr>
                <td>民族</td>
                <td>${course.minzu}</td>
            </tr>
            <tr>
                <td>注册时间</td>
                <td>${course.zhuce}</td>
            </tr>
            <tr>
                <td>年龄</td>
                <td>${course.age}</td>
            </tr>
            <tr>
                <td>政治面貌</td>
                <td>${course.zhengzhi}</td>
            </tr>
            <tr>
                <td>服务类别</td>
                <td>${course.fuwu}</td>
            </tr>
        </table>
        <div class="a">
            <a onclick="return check()" href="CourseServlet?method=del&id=${course.id}">&nbsp;&nbsp;&nbsp;</a>
        </div>
    </div>
    <script type="text/javascript">
        function check() {
            if (confirm("真的要删除吗?")){
                return true;
            }else{
                return false;
            }
        }
    </script>
</body>
</html>
<%@ 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="index.jsp">返回主页</a>
        <form action="CourseServlet?method=update" method="post" onsubmit="return check()">
            <div class="a">
                姓名<input type="text" id="name" name="name" value="${course.name}"/>
            </div>
            <div class="a">
                性别<input type="text" id="sex" name="sex" value="${course.sex}"/>
            </div>
            <div class="a">
                民族<input type="text" id="minzu" name="minzu" value="${course.minzu}"/>
            </div>
            <div class="a">
                注册时间<input type="text" id="zhuce" name="zhuce" value="${course.zhuce}"/>
            </div>
            <div class="a">
                年龄<input type="text" id="age" name="age" value="${course.age}"/>
            </div>
            <div class="a">
                政治面貌<input type="text" id="zhengzhi" name="zhengzhi" value="${course.zhengzhi}"/>
            </div>
            <div class="a">
                服务类别<input type="text" id="fuwu" name="fuwu" value="${course.fuwu}"/>
            </div>
            <input type="hidden" id="id" name="id" value="${course.id}"/>
            <div class="a">
                <button type="submit" class="b">&nbsp;&nbsp;&nbsp;</button>
            </div>
        </form>
    </div>
    <script type="text/javascript">
        function check() {
            var name = document.getElementById("name");;
            var sex = document.getElementById("sex");
            var minzu = document.getElementById("minzu");
            var zhuce = document.getElementById("zhuce");;
            var age = document.getElementById("age");
            var zhengzhi = document.getElementById("zhengzhi");
            var fuwu = document.getElementById("fuwu");;
            
            
            //非空
            if(name.value == '') {
                alert('志愿者姓名为空');
                name.focus();
                return false;
            }
            if(sex.value == '') {
                alert('性别为空');
                sex.focus();
                return false;
            }
            if(minzu.value == '') {
                alert('民族为空');
                minzu.focus();
                return false;
            }
            if(zhuce.value == '') {
                alert('注册时间为空');
                zhuce.focus();
                return false;
            }
            if(age.value == '') {
                alert('年龄为空');
                age.focus();
                return false;
            }
            if(zhengzhi.value == '') {
                alert('政治面貌为空');
                zhengzhi.focus();
                return false;
            }
            if(fuwu.value == '') {
                alert('服务类别为空');
                fuwu.focus();
                return false;
            }
        }
    </script>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>青年志愿者服务网</title>

</head>
<body>
    <div align="center">  
        
        <div class="a">
            <a href="add.jsp">信息登记</a>
        </div>
        <div class="a">
            <a href="CourseServlet?method=list">信息修改</a>
        </div>
        <div class="a">
            <a href="del.jsp">信息删除</a>
        </div>
        <div class="a">
            <a href="search.jsp">信息查询</a>
        </div>
    </div>
</body>
</html>
<%@ 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 style="color: black;">志愿者信息列表</h1>
        <a href="index.jsp">返回主页</a>
        <table class="tb">
            <tr>
                <td>id</td>
                <td>姓名</td>
                <td>性别</td>
                <td>民族</td>
                <td>注册时间</td>
                <td>年龄</td>
                <td>政治面貌</td>
                <td>服务类别</td>
                
                
                <td align="center" colspan="2">操作</td>
            </tr>
            <c:forEach items="${courses}" var="item">
                <tr>
                    <td>${item.id}</td>
                    <td>${item.name}</td>
                    <td>${item.sex}</td>
                    <td>${item.minzu}</td>
                    <td>${item.zhuce}</td>
                    <td>${item.age}</td>
                    <td>${item.zhengzhi}</td>
                    <td>${item.fuwu}</td>
                    <td><a href="CourseServlet?method=getcoursebyid&id=${item.id}">修改</a></td>
                </tr>
            </c:forEach>
        </table>
    </div>
</body>
</html>
<%@ 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="index.jsp">返回主页</a>
        <form action="CourseServlet?method=search" method="post" onsubmit="return check()">
            <div class="a">
                姓名<input type="text" id="name" name="name"/>
            </div>
            <div class="a">
                性别<input type="text" id="sex" name="sex" />
            </div>
            <div class="a">
                民族<input type="text" id="minzu" name="minzu" />
            </div>
            <div class="a">
                注册时间<input type="text" id="zhuce" name="zhuce" />
            </div>
            <div class="a">
                年龄<input type="text" id="age" name="age" />
            </div>
            <div class="a">
                政治面貌<input type="text" id="zhengzhi" name="zhengzhi" />
            </div>
            <div class="a">
                服务类别<input type="text" id="fuwu" name="fuwu" />
            </div>
            <div class="a">
                <button type="submit" class="b">&nbsp;&nbsp;&nbsp;</button>
            </div>
        </form>
    </div>
    <script type="text/javascript">
        function check() {
            var name = document.getElementById("name");;
            var sex = document.getElementById("sex");
            var minzu = document.getElementById("minzu");
            var zhuce = document.getElementById("zhuce");;
            var age = document.getElementById("age");
            var zhengzhi = document.getElementById("zhengzhi");
            var fuwu = document.getElementById("fuwu");;
            
            //非空
            
            }
        }
    </script>
</body>
</html>
<%@ 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 style="color: black;">信息列表</h1>
        <a href="index.jsp">返回主页</a>
        <table class="tb">
            <tr>
                <td>id</td>
                <td>姓名</td>
                <td>性别</td>
                <td>民族</td>
                <td>注册时间</td>
                <td>年龄</td>
                <td>政治面貌</td>
                <td>服务类别</td>
            </tr>
            <!-- forEach遍历出adminBeans -->
            <c:forEach items="${courses}" var="item" varStatus="status">
                <tr>
                    <td>${item.id}</td>
                    <td>${item.name}</td>
                    <td>${item.sex}</td>
                    <td>${item.minzu}</td>
                    <td>${item.zhuce}</td>
                    <td>${item.age}</td>
                    <td>${item.zhengzhi}</td>
                    <td>${item.fuwu}</td>
                </tr>
            </c:forEach>
        </table>
    </div>
</body>
</html>

推荐阅读