为了复习之前学习的相关的html，javaweb等知识。自己有重新编写了一遍学生选课系统。

下面主要展示登录界面的代码，以及各个大的主页面的相关jsp。

<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

 <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">

 <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

 <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

 <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

<title>登录</title>

<style type="text/css">

*{

padding:0px;

margin:0px;

}

.header{

width:%;

height:120px;

background-color:#D2E9FF;

text-align:center;

}

.container{

width:%;

height:552px;

position:relative;

background-color:#A6FFFF;

}

.login{

width:500px;

height:auto;

background-color:white;

position:absolute;

top:50px;

left:320px;

border-radius:8px;

}

label{

float:left;

width:100px;

margin-top:7px;

margin-right:5px;

}

.form-control{

width:%;

}

.logtip{

padding-top:20px;

padding-bottom:20px;

border-bottom:2px solid red;

text-align:center;

}

.form-group{

margin-left:33px;

margin-top:33px;

}

.btn{

height:50px;

width:100px;

float:left;

border-radius:10px;

}

.logbtn{

margin-right:20px;

}

.btnbag{

margin-left:140px;

margin-right:140px;

height:50px;

overflow:hidden;

margin-top:30px;

margin-bottom:40px;

}

</style>

</head>

<body>

    <div class="header"><h2>学生选课系统</h2></div>

    <div class="container">

        <div class="login">

            <h2 class="logtip">登录</h2>

            <form action="login_do" method="post">

                <div class="form-group">

                    <label for="username">用户名</label>

                    <input type="text" class="form-control" id="username" name="username">

                </div>

                <div class="form-group">

                    <label for="password">密码</label>

                    <input type="password" class="form-control" id="password" name="password">

                </div>

            <div class="form-group">

                    <label for="name">类型</label>

                    <select name="leibie" id="leibie" required="required" class="form-control" >

                          <option value="管理员">管理员</option>

                          <option value="学生">学生</option>

                          <option value="老师">老师</option>

                      </select>

                </div>

                <div class="btnbag">

                    <input type="button" class="btn btn-primary logbtn" onclick="login()" value="登录">

                    <input type="button" class="btn btn-primary mangbtn" onclick="entermang()" value="进入管理">

                </div>

            </form>

        </div>

    </div>

    <div class="footer"></div>

</body>

<script>

    function login()

    {

        var username=$("#username").val();

        var password=$("#password").val();

        var leibie=$("#leibie").val();

        if(username==""||password=="")

            alert("请将信息填写完整！");

        else

        {

            $.post(

                "registecheck",

                {"name":username,

                    "password":password,

                    "role":leibie},

                function(data){

                        if(data=="yes")

                        {

                            if(leibie=="学生")

                                {

                                alert("学生身份验证成功登陆！");

                                window.location="TheWord1.jsp?value="+username;

                                }

                            else if(leibie=="老师")

                                {

                                alert("老师身份验证成功登陆！");

                                window.location="TheWord2.jsp?value="+username;

                                }

                            else

                                {

                                  alert("管理员登录，请点击进入管理按钮");

                                }

                        }

                        else

                        alert("用户名或密码错误,登录失败！");

                },

                "text"

            );

        }

    }

    function entermang()

    {

        var username=$("#username").val();

        var password=$("#password").val();

        var leibie=$("#leibie").val();

        if(username==""||password=="")

            alert("请将信息填写完整！");

        else

        {

            $.post(

                "registecheck",

                {"name":username,

                    "password":password,

                    "number":leibie},

                function(data){

                        if(data=="yes")

                        {

                            if(leibie=="管理员")

                                {

                                alert("管理员进入管理成功！");

                                window.location="TheWord3.jsp?value="+username;

                                }

                        }

                        else

                        alert("用户名或密码错误！");

                },

                "text"

            );

        }

    }

</script>

</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>

<script>

 function onload()

{

    <%

    String value="";

    value=request.getParameter("value");

    %>

    $("#informationshow").text("当前登录账户：<%=value %>");

}

function exitlog(event)

{

    var msg = "您确定要注销吗？";

    if (confirm(msg)==true){

        event.href="index.jsp";

    }

    else{

        alert("操作取消！");

    }

}

</script>

</head>

<body onload="onload()">

    <div class="header">

        <h2>欢迎来到学生选课系统</h2>

        <div class="loginfoshow" id="userinfor">

            <p id="informationshow"></p>

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            <a href="" onclick="exitlog(this)">[注销]</a>

        </div>

    </div>

    <div class="contain">

        <div class="list-group">

            <a id="" href="lookmessage?name=<%=value %>" class="list-group-item list-group-item-aciton" target="operation">查看个人信息</a>

            <a id="" href="updatamessage?name=<%=value %>" class="list-group-item list-group-item-aciton" target="operation">修改基本信息</a>

            <a id="" href="changepassword.jsp?name=<%=value %>" class="list-group-item list-group-item-aciton" target="operation">修改密码</a>

            <a id="" href="choiceclass?name=<%=value %>" class="list-group-item list-group-item-aciton" target="operation">进行选课</a>

            <a id="" href="lookclass?name=<%=value %>" class="list-group-item list-group-item-aciton" target="operation">查看已选课程</a>

        </div>

        <div class="operation">

            <iframe name="operation" src="" width="100%" height="100%" style="background-color: gray;"></iframe>

        </div>

    </div>

    <div class="footer"></div>

</body>

</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>

<script>

 function onload()

{

    <%

    String value="";

    value=request.getParameter("value");

    %>

    $("#informationshow").text("当前登录账户：<%=value %>");

}

function exitlog(event)

{

    var msg = "您确定要注销吗？";

    if (confirm(msg)==true){

        event.href="index.jsp";

    }

    else{

        alert("操作取消！");

    }

}

</script>

</head>

<body onload="onload()">

    <div class="header">

        <h2>欢迎来到老师课程系统</h2>

        <div class="loginfoshow" id="userinfor">

            <p id="informationshow"></p>

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            <a href="" onclick="exitlog(this)">[注销]</a>

        </div>

    </div>

    <div class="contain">

        <div class="list-group">

            <a id="" href="lookmessage?name=<%=value %>" class="list-group-item list-group-item-aciton" target="operation">查看个人信息</a>

            <a id="" href="updatamessage?name=<%=value %>" class="list-group-item list-group-item-aciton" target="operation">修改基本信息</a>

            <a id="" href="changepassword.jsp?name=<%=value %>" class="list-group-item list-group-item-aciton" target="operation">修改密码</a>

            <a id="" href="lookclassall?name=<%=value %>" class="list-group-item list-group-item-aciton" target="operation">查看本人课程</a>

            <a id="" href="lookclassseach?name=<%=value %>" class="list-group-item list-group-item-aciton" target="operation">课程操作</a>

            <a id="" href="addclass.jsp?name=<%=value %>" class="list-group-item list-group-item-aciton" target="operation">增加新的课程</a>

        </div>

        <div class="operation">

            <iframe name="operation" src="" width="100%" height="100%" style="background-color: gray;"></iframe>

        </div>

    </div>

    <div class="footer"></div>

</body>

</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>

<script>

 function onload()

{

    <%

    String value="";

    value=request.getParameter("value");

    %>

    $("#informationshow").text("当前登录账户：<%=value %>");

}

function exitlog(event)

{

    var msg = "您确定要注销吗？";

    if (confirm(msg)==true){

        event.href="index.jsp";

    }

    else{

        alert("操作取消！");

    }

}

</script>

</head>

<body onload="onload()">

    <div class="header">

        <h2>欢迎来到老师课程系统</h2>

        <div class="loginfoshow" id="userinfor">

            <p id="informationshow"></p>

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            <a href="" onclick="exitlog(this)">[注销]</a>

        </div>

    </div>

    <div class="contain">

        <div class="list-group">

            <a id="" href="lookmessage?name=<%=value %>" class="list-group-item list-group-item-aciton" target="operation">查看个人信息</a>

            <a id="" href="updatamessage?name=<%=value %>" class="list-group-item list-group-item-aciton" target="operation">修改基本信息</a>

            <a id="" href="changepassword.jsp?name=<%=value %>" class="list-group-item list-group-item-aciton" target="operation">修改密码</a>

            <a id="" href="addnewuser.jsp?name=<%=value %>" class="list-group-item list-group-item-aciton" target="operation">增加用户</a>

            <a id="" href="updatausermessage?name=<%=value %>" class="list-group-item list-group-item-aciton" target="operation">修改用户信息</a>    

        </div>

        <div class="operation">

            <iframe name="operation" src="" width="100%" height="100%" style="background-color: gray;"></iframe>

        </div>

    </div>

    <div class="footer"></div>

</body>

</body>

</html>

其中的登录界面的截图如下：

java web知识点复习，重新编写学生选课系统的先关操作。的更多相关文章

  1. JAVA | 学生选课系统

    这里使用JAVA语言编写的简易的学生选课系统,展现的都是这个系统核心代码. 其中有不足欢迎批评和指正! 链接数据库的代码 package connection;//连接数据库student impor ...

  2. java web知识点

    java web知识点 1.Java知识点 基本数据类型,面向对象,异常,IO,NIO,集合,多线程,JVM,高级特性. 2.web知识点 JSP,Serlvet,JDBC,Http 掌握Cookie ...

  3. 学生选课系统v1.0

    最近两天写了下老师课上留的作业:学生选课系统.感觉自己写的特别麻烦,思路特别不清晰,平常自己总会偷懒,一些太麻烦细节的功能就不去实现了,用简单的功能来替代,直到自己这回写完这个系统(但自己写的比较lo ...

  4. 学生选课系统 c语言

    /********************************* *主题:学生选修课程系统设计 * *设计要求: *1.添加功能:程序能够任意添加课程和学生记录,可提供选择界面供用户选择所需要添加 ...

  5. python开发项目：学生选课系统

    程序要求:1.创建北京.上海两所学校(分析:通过学校类实例化两个学校实例) 2.创建Linux.python.go三个课程,Linux\go在北京开,Linux在上海开(创建Linux.python. ...

  6. python基础-10 程序目录结构 学生选课系统面向对象练习

    一 程序目录结构 1 bin文件夹 二进制文件.代码程序  2 conf 配置文件  3 帮助文档  4 头文件库文件等 二 学生选课系统部分代码 未完待续 1 包内的__init__.py文件 在包 ...

  7. 学生选课系统（Java语言期末前测试）

      测试具体要求: 2.系统要求与功能设计 2.1 页面要求 (1)能够在Tomcat服务器中正确部署,并通过浏览器查看: (2)网站页面整体风格统一: (3)首页(登录页)要求实现不同用户登录后,进 ...

  8. 期末Java Web大作业----简易的学生管理系统

    学生信息管理系统(大作业) 2018-12-21:此文章已在我的网站更新,添加视图介绍等信息,源码请移步下载https://www.jeson.xin/javaweb-sims.html PS:首先不 ...

  9. 简单的学生选课系统——基于Servlet+Ajax

    以前挖的坑,早晚要往里掉.基础太薄弱,要恶补.在此程序前,我还对Servlet没有一个清晰的概念:一周时间写好此程序之后,对Servlet的理解清晰许多. 这周一直在恶补Spring,今天正好完成了S ...

随机推荐

  1. 蓝桥杯vip题阶乘计算

    蓝桥杯vip题阶乘计算 详细题目 输入一个正整数n,输出n!的值. 其中n!=123*-*n. 算法描述 n!可能很大,而计算机能表示的整数范围有限,需要使用高精度计算的方法.使用一个数组A来表示一个 ...

  2. 洛古 P1312 Mayan游戏（dfs+剪枝）

    题目链接 这道题和俄罗斯方块很像 很明显,我们可以看出这是一个dfs,但是,我们需要几条剪枝: 1.如果只剩下1个或2个同样颜色的方块,那么直接退出 2.相同的块不用交换 3.注意优先性,优先左边换右 ...

  3. Natas23 Writeup（php弱类型）

    Natas23: 一个登录页面,查看源码,发现关键代码: if(array_key_exists("passwd",$_REQUEST)){ if(strstr($_REQUEST ...

  4. JSP+Servlet+JDBC+Mysql实现的天才会议管理系统

    本文存在视频版本,请知悉 项目简介 项目来源于:https://github.com/hegexunmeng/meeting-system 这次分享一个会议管理系统,前端后端几乎没有使用任何框架,适合 ...

  5. angular的性能分析 -随记

    $watch 的实现原理和性能分析 只有双向绑定的 scope 才会被加入$watch队列,或者手动绑定$watch的$scope 所有放在 $scope 中的变量或函数都被加入到了$watch队列当 ...

  6. AutoJS4.1.0实战教程 ---火热持续更新中

    这个时代假货太多,虚假广告更是充斥着整个互联网.尤其是那个传奇的我都无语了.好几个明xing代言,问题是太假了……我好奇的是那么虚假怎么就没人管呢,XX部干嘛呢……另外互联网刷视频赚钱就是个炒作.几百 ...

  7. canvas绘制流星雨特效

    源码: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta n ...

  8. 《JavaScript 模式》读书笔记（4）— 函数4

    这篇文章我们主要来学习下即时对象初始化.初始化时分支.函数属性-备忘模式以及配置对象.这篇的内容会有点多. 六.即时对象初始化 保护全局作用域不受污染的另一种方法,即时对象初始化模式.这种模式使用带有 ...

  9. JS三个事件绑定方法

    1. JS三个事件绑定方法 1.1. 使用html进行事件绑定 1.直接在html标签上写入事件类型和事件处理方法. <button onclick = "alert('hello w ...

  10. MySQL----SQL操作

    1.什么是SQL? Structured Query Language:结构化查询语言 其实就是定义了操作所有关系型数据库的规则.每一种数据库操作的方式存在不一样的地方,称为“方言”. 2.SQL通用 ...