为了复习之前学习的相关的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. Python模块二

    os模块是与操作系统交互的一个接口​ <em>#和文件夹相关 os.makedirs('dirname1/dirname2')    可生成多层递归目录 os.removedirs('di ...

  2. 部署nginx后无法访问数据库,查看www-error.log日志报错Class 'mysqli' not found in /usr/local/nginx/html/mysql.php on line 2

    检查你的php-mysql包是否安装 [root@localhost nginx]# rpm -qa php-mysql 没有任何输出则没有安装,接下来用yum安装php-mysql yum -y i ...

  3. Spark入门（二）--如何用Idea运行我们的Spark项目

    用Idea搭建我们的Spark环境 用IDEA搭建我们的环境有很多好处,其中最大的好处,就是我们甚至可以在工程当中直接运行.调试我们的代码,在控制台输出我们的结果.或者可以逐行跟踪代码,了解spark ...

  4. tersserorc的简单使用

    tesserocr 是 python 的一个 OCR 库,它是对 tesseract 做的一层 Python API 封装,所以他的核心是tesseract. tesseract 的安装见 https ...

  5. 标题 发布状态 评论数 阅读数 操作 操作 CNN目标检测系列算法发展脉络简析——学习笔记（三）：Fast R-CNN

    最近两周忙着上网课.投简历,博客没什么时间写,姑且把之前做的笔记放上来把... 下面是我之前看论文时记的笔记,之间copy上来了,内容是Fast R-CNN的,以后如果抽不出时间写博客,就放笔记上来( ...

  6. Tomcat 启动过滤器异常

    严重 [RMI TCP Connection(2)-127.0.0.1] org.apache.catalina.core.StandardContext.filterStart 启动过滤器异常 ja ...

  7. video.js 视频自动全屏播放

    1.头部引用脚本 <link href="css/video-js.min.css" rel="stylesheet"> <link href ...

  8. Django之CBV装饰器，跨站请求伪造，auth认证

    CBV加装饰器 基于session实现登录 def login(request): if request.method == 'POST': username = request.POST.get(' ...

  9. nop 配置阿里cdn 联通4g 页面显示不全 查看源代码发现被截断

    开发中遇见特别诡异的问题, 项目使用nop框架,pavilion主题,之后配置阿里cdn,然后在联通4g的情况下苹果手机网页显示不完全,nop首页和产品详情页都是如此,排查过程: 1.阿里cdn设置了 ...

  10. Ruby使用记录

    1.首先,重要的事情说三遍,不用在Windows里开发Ruby 1.第一次在windows里安装ruby,装的最新版,当时就遇到了很奇怪的编码问题,如运行命令gem install xxx,提示编码错 ...