精华内容
下载资源
问答
  • 登录界面html源代码
    千次阅读
    2020-12-29 13:24:04

    《学生管理系统(界面+源代码)》由会员分享,可在线阅读,更多相关《学生管理系统(界面+源代码)(16页珍藏版)》请在人人文库网上搜索。

    1、内蒙古信息工程系学 实 训 报 告系部:信息技术系课程名称:网站网页制作专业班级:14计算机网络技术一班姓名:xxx任课老师:xxx实验实训项目名称网站制作实验类型验证型实验室思科网络实验室实验时间实验方案设计(步骤)实验目的:1. 熟练掌握SQL语句的编写。2. 掌握使用VS2010对网页的设计。实验步骤:1. 登录页面主要代码:protected void Button1_Click(object sender, EventArgs e)string username = TextBox1.Text;string password = TextBox2.Text;string connSt。

    2、r = server=(local);uid=sa;pwd=;database=StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlCommand cmd = new SqlCommand(select * from UserInfo where username= + username + and password= + password + , conn);conn.Open();SqlDataReader reader = cmd.ExecuteReader();/记?录?集if (reader.Read()。

    3、Response.Redirect(main.aspx);elseLabel1.Text = 用?户名?或者?密码?错洙?误!?!?;conn.Close();2. 主页面+用户信息管理页面左侧主要运用了TreeView控件,然后用户信息运用了GridView控件,链接数据源,在页面中展示用户信息,主要代码: DeleteCommand=DELETE FROM UserInfo WHERE Userid = Userid InsertCommand=INSERT INTO UserInfo (Userid, UserName, Password, Email) VALUES (Userid, 。

    4、UserName, Password, Email) SelectCommand=SELECT * FROM UserInfo UpdateCommand=UPDATE UserInfo SET UserName = UserName, Password = Password, Email = Email WHERE Userid = Userid3. 学籍信息添加页面主要代码:protected void Button1_Click(object sender, EventArgs e)string connStr = server=(local);uid=sa;pwd=;database=。

    5、StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlCommand cmd = new SqlCommand(insert into StudentXj(Sno,Sname,Ssex,Sbrithday,DepartNo,ClassNo,Tel,Srxtime,xuezhi,xueli,address,youbian,zzmm,pingjia)values( + this.TextBox1.Text + , + this.TextBox2.Text + , + RadioButtonList1.Text + , +。

    6、 this.TextBox3.Text + , + this.TextBox12.Text + , + this.TextBox4.Text + , + this.TextBox5.Text + , + this.TextBox6.Text + , + this.TextBox7.Text + , + this.TextBox8.Text + , + this.TextBox9.Text + , + this.TextBox10.Text + , + DropDownList1.Text + , + this.TextBox11.Text + ), conn);conn.Open();cmd.。

    7、ExecuteNonQuery();conn.Close();4. 学籍信息修改本页面也是用GridView控件,与数据库连接,展示出学籍信息,然后生成“修改”,单击“修改”方可进行修改,主要代码: DeleteCommand=DELETE FROM StudentXj WHERE Sno = Sno InsertCommand=INSERT INTO StudentXj (Sno, Sname, Ssex, Sbrithday, DepartNo, ClassNo, Tel, Srxtime, xuezhi, xueli, address, youbian, zzmm, pingjia) V。

    8、ALUES (Sno, Sname, Ssex, Sbrithday, DepartNo, ClassNo, Tel, Srxtime, xuezhi, xueli, address, youbian, zzmm, pingjia) SelectCommand=SELECT * FROM StudentXj UpdateCommand=UPDATE StudentXj SET Sname = Sname, Ssex = Ssex, Sbrithday = Sbrithday, DepartNo = DepartNo, ClassNo = ClassNo, Tel = Tel, Srxtime 。

    9、= Srxtime, xuezhi = xuezhi, xueli = xueli, address = address, youbian = youbian, zzmm = zzmm, pingjia = pingjia WHERE Sno = Sno5. 学籍信息查询本页面运用GridView控件展示出学生信息,设置三种条件查询,按学号、姓名、系别方可查询出学生信息,主要代码:protected void Page_Load(object sender, EventArgs e)string connStr = server=(local);uid=sa;pwd=;database=Stu。

    10、dentManager;SqlConnection conn = new SqlConnection(connStr);SqlDataAdapter da = new SqlDataAdapter(select * from StudentXj, conn);DataSet ds = new DataSet();da.Fill(ds);GridView1.DataSource = ds;GridView1.DataBind();protected void Button1_Click(object sender, EventArgs e)string connStr = server=(loc。

    11、al);uid=sa;pwd=;database=StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlDataAdapter da = new SqlDataAdapter(select * from StudentXj where Sno= + this.TextBox1.Text + or Sname= + this.TextBox2.Text + or DepartNo= + this.TextBox3.Text + , conn);DataSet ds = new DataSet();da.Fill(ds)。

    12、;GridView1.DataSource = ds;GridView1.DataBind();6. 课程信息添加主要代码:protected void Button1_Click(object sender, EventArgs e)string connStr = server=(local);uid=sa;pwd=;database=StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlCommand cmd = new SqlCommand(insert into Course(Courseid,Course。

    13、Name,Credit,Datetime)values( + this.TextBox1.Text + , + this.TextBox2.Text + , + this.TextBox3.Text + , + this.TextBox4.Text + ), conn);conn.Open();cmd.ExecuteNonQuery();conn.Close();Label1.Text = 添?加成功|!?!?!?;7. 课程信息修改本页面运用了GridView控件,并启用了“修改”,单击修改方可实现修改功能,主要代码: DeleteCommand=DELETE FROM Course WHE。

    14、RE Courseid = Courseid InsertCommand=INSERT INTO Course (Courseid, CourseName, Credit, Datetime) VALUES (Courseid, CourseName, Credit, Datetime) SelectCommand=SELECT * FROM Course UpdateCommand=UPDATE Course SET CourseName = CourseName, Credit = Credit, Datetime = Datetime WHERE Courseid = Courseid8。

    15、. 课程信息查询添加了GridView控件,使它与数据源连接,查询课程信息分三个条件,按课程编号、课程名称、日期方可查询,主要代码:protected void Page_Load(object sender, EventArgs e)string connStr = server=(local);uid=sa;pwd=;database=StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlDataAdapter da = new SqlDataAdapter(select * from Course, conn)。

    16、;DataSet ds = new DataSet();da.Fill(ds);GridView1.DataSource = ds;GridView1.DataBind();protected void Button1_Click(object sender, EventArgs e)string connStr = server=(local);uid=sa;pwd=;database=StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlDataAdapter da = new SqlDataAdapter(se。

    17、lect * from Course where Courseid= + this.TextBox1.Text + or CourseName= + this.TextBox2.Text + or Datetime= + this.TextBox3.Text + , conn);DataSet ds = new DataSet();da.Fill(ds);GridView1.DataSource = ds;GridView1.DataBind();9. 课程信息删除 主要代码: DeleteCommand=DELETE FROM Course WHERE Courseid = Courseid。

    18、 InsertCommand=INSERT INTO Course (Courseid, CourseName, Credit, Datetime) VALUES (Courseid, CourseName, Credit, Datetime) SelectCommand=SELECT * FROM Course UpdateCommand=UPDATE Course SET CourseName = CourseName, Credit = Credit, Datetime = Datetime WHERE Courseid = Courseid10. 学生成绩添加主要代码:protecte。

    19、d void Button1_Click(object sender, EventArgs e)string connStr = server=(local);uid=sa;pwd=;database=StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlCommand cmd = new SqlCommand(insert into StudentCJ(Sno,Sname,CourseName,Score)values( + this.TextBox1.Text + , + this.TextBox2.Text +。

    20、 , + this.TextBox3.Text + , + this.TextBox4.Text + ), conn);conn.Open();cmd.ExecuteNonQuery();conn.Close();Label1.Text = 添?加成功|!?!?!?;11. 学生成绩修改主要代码: DeleteCommand=DELETE FROM StudentCJ WHERE Sno = Sno InsertCommand=INSERT INTO StudentCJ (Sno, Sname, CourseName, Score) VALUES (Sno, Sname, CourseName。

    21、, Score) SelectCommand=SELECT * FROM StudentCJ UpdateCommand=UPDATE StudentCJ SET Sname = Sname, CourseName = CourseName, Score = Score WHERE Sno = Sno12. 学生成绩查询添加了GridView控件,使它与数据源连接,查询课程信息分三个条件,按课程名称、学号、姓名方可查询,主要代码:protected void Page_Load(object sender, EventArgs e)string connStr = server=(local)。

    22、;uid=sa;pwd=;database=StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlDataAdapter da = new SqlDataAdapter(select * from StudentCJ, conn);DataSet ds = new DataSet();da.Fill(ds);GridView1.DataSource = ds;GridView1.DataBind();protected void Button2_Click(object sender, EventArgs e)str。

    23、ing connStr = server=(local);uid=sa;pwd=;database=StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlDataAdapter da = new SqlDataAdapter(select * from StudentCJ where CourseName= + this.TextBox1.Text + or Sno= + this.TextBox2.Text + or Sname= + this.TextBox3.Text + , conn);DataSet ds = new DataSet();da.Fill(ds);GridView1.DataSource = ds;GridView1.DataBind();13. 学生成绩删除 主要代码:asp:GridView ID=GridView1 runat=server。

    更多相关内容
  • 登录界面、找回密码界面、修改密码界面源代码。 在制作过程中,有使用CSS、JS、Jquery。其中还有cookie、base64的js插件。 每一次刷新登录页面都可以自动刷新验证码。 提供的源代码仅供参考,如有不足,请多多指教...
  • jsp登陆界面源代码

    热门讨论 2013-09-14 19:27:00
    <%@ page language="java" contentType="text/html; charset=GB18030" pageEncoding="GB18030"%>*" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> 登录页面</title></head><body>...
  • 3个很精美的登陆界面,全都是用HTML5+CSS3开发的,所以可能不适合低版本IE浏览器。大家可以下来看看,做的超级漂亮的。
  • 接下来,我们先上代码,看一下具体实现方法: login.html 登录页面 <link rel="stylesheet" type="text/css" href="login.css"/> <script type="text/javascript" src="login.js"></script>...

    登录界面html源代码_网页制作:一个简易美观的登录界面在这里插入图片描述

    效果图

    在我们做一个页面之前,要先想好他的一个整体布局,也就是我们这里面的login.html主页面,大致结构如下:

    在这里插入图片描述

    接下来,我们先上代码,看一下具体实现方法:

    login.html

    登录页面
    <link rel="stylesheet" type="text/css" href="login.css"/>
    <script type="text/javascript" src="login.js"></script>
    
    <p id="image_logo"><img src="images/login/fly.png"></p>
    
    <form method="post" action="login.js">
    
        <p><label class="label_input">用户名</label><input type="text" id="username" class="text_field"/></p>
        <p><label class="label_input">密码</label><input type="text" id="password" class="text_field"/></p>
    
        <div id="login_control">
            <input type="button" id="btn_login" value="登录" οnclick="login();"/>
            <a id="forget_pwd" href="forget_pwd.html">忘记密码?</a>
        </div>
    </form>
    
    说明: 在这个html里面,我们主要对登录界面进行了整体布局规划,利用div将内部的窗口、图片、标签、输入框、按钮、链接进行分块,这样方便我们之后用css对其进行准确的调位置、调边距。同时也对重要的几个东西设置了id和class,这也是方便我们之后用css对其进行准确的调颜色、调字体。 login.js

    /**

    • Created by Kay on 2016/3/8.
      */
      function login() {

      var username = document.getElementById(“username”);
      var pass = document.getElementById(“password”);

      if (username.value == “”) {

       alert("请输入用户名");
      

      } else if (pass.value == “”) {

       alert("请输入密码");
      

      } else if(username.value == “admin” && pass.value == “123456”){

       window.location.href="welcome.html";
      

      } else {

       alert("请输入正确的用户名和密码!")
      

      }
      }
      说明:
      这个js是用来判断用户名和密码是否正确的,实现起来还算简单。
      可以记一下,界面跳转的语句:
      window.location.href=“welcome.html”;
      其次就是对输入框的返回值的获取,这里我们用到了document.getElementById的知识点,通过document的对象方法来获得指定ID值的对象。这里要注意是byId,所以前面的html里的username和password要设id值,而不是name值,不然获取不到的!
      关于document的介绍可以点击该链接:详解JavaScript Document对象
      login.css

    body {
    background-image: url(“images/login/loginBac.jpg”);;
    background-size: 100%;
    background-repeat: no-repeat;
    }

    #login_frame {
    width: 400px;
    height: 260px;
    padding: 13px;

    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -200px;
    
    background-color: rgba(240, 255, 255, 0.5);
    
    border-radius: 10px;
    text-align: center;
    

    }

    form p > * {
    display: inline-block;
    vertical-align: middle;
    }

    #image_logo {
    margin-top: 22px;
    }

    .label_input {
    font-size: 14px;
    font-family: 宋体;

    width: 65px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    
    color: white;
    background-color: #3CD8FF;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    

    }

    .text_field {
    width: 278px;
    height: 28px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 0;
    }

    #btn_login {
    font-size: 14px;
    font-family: 宋体;

    width: 120px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    
    color: white;
    background-color: #3BD9FF;
    border-radius: 6px;
    border: 0;
    
    float: left;
    

    }

    #forget_pwd {
    font-size: 12px;
    color: white;
    text-decoration: none;
    position: relative;
    float: right;
    top: 5px;

    }

    #forget_pwd:hover {
    color: blue;
    text-decoration: underline;
    }

    #login_control {
    padding: 0 28px;
    }
    说明:
    这个css就是最难部分了,界面之所以能达到如此美观的效果,比如登录的窗口要在屏幕居中显示、背景透明、框的四个角要有一点弧度、登录按钮与输入框上下对齐等等。
    摘要:

    ①让背景图片拉伸且占据整个屏幕:
    background-size: 100%;
    background-repeat: no-repeat;

    ②让一个div块在整个屏幕居中:
    width: 400px;
    height: 260px;
    padding: 13px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -200px
    (其中的margin-left:和margin-top最好是设为width和height的一半值,那样是完全居中的效果,当然记得前面要加个负号!)

    ③设置圆角:
    text-align: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

    ④设置背景颜色且加透明效果:
    background-color: rgba(240, 255, 255, 0.5);

    ⑤让输入框和label对齐居中:
    form p > * {
    display: inline-block;
    vertical-align: middle;
    }
    ⑥去除链接的下划线:
    text-decoration: underline;

    7、给一个label或者button里面的文字设置居中:
    width: 120px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    (需要设置line-height 其值等于 height 也就是字的行高等于它所在的label、button的高!)

    8、给“登录”和“忘记密码”的中间设置间距:
    先在html里给他们绑定一块div:

    #login_control {
    padding: 0 28px;
    }
    原文链接:网页制作:一个简易美观的登录界面_javascript_Kuroko’s Development Notes-CSDN博客

    展开全文
  • 登录界面源代码

    千次阅读 多人点赞 2021-06-09 16:36:43
    DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial...

    拿走请三联,并注明出处!

    没有上传原背景图,使用的话需自己更改图片名称

    可连接注册界面,和用户照片墙,此文只有登录界面代码,代码存在些许问题,望观看的大佬们多多指教!

    <!DOCTYPE html>

     

    <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        

        <title>登陆</title>

        <style>

            

            * {

                margin: 0;

                padding: 0;

            }

            

            html {

                height: 100%;

                width: 100%;

                overflow: hidden;

                margin: 0;

                padding: 0;

                background: url(w3.jpeg) no-repeat 0px 0px;

                background-repeat: no-repeat;

                background-size: 100% 100%;

                -moz-background-size: 100% 100%;

            }

            

            body {

                display: flex;

                align-items: center;

                justify-content: center;

                height: 100%;

            }

             #center {

               

                width:25%;

                display: flex;

                justify-content: center;

                align-items: center;

                height: 50%;

                background-color: rgba(250, 249, 246, 0.479);

                border-radius: 50%;

               

             }  

             

            p {

                margin-top: 30px;

                margin-left: 20px;

                color: rgb(51, 59, 59);

            }

             

            input {

                margin-left: 15px;

                border-radius: 5px;

                border-style: hidden;

                height: 30px;

                width: 140px;

               background-color: rgba(119, 173, 209, 0.5);

                outline: none;

                color: #ffffff;

                padding-left: 10px;

            }

             

            .button {

                border-color: cornsilk;

                background-color: rgba(100, 149, 237, .7);

                color: aliceblue;

                border-style: hidden;

                border-radius: 5px;

                width: 100px;

                height: 31px;

                font-size: 16px;

            }

            a{

                font-size: 17px;

                color:rgb(38, 135, 247);

            }

        </style>

    </head>

     

    <body>

        <div id="center">

            <form  action="">

                <h1 style="text-align: center;color:rgba(56, 55, 52, 0.788)">登录</h1><br>

                <hr><br>

                <p>账号<input type="text" placeholder="请输入邮箱" id="email"/></p>

     

                <p>密码<input type="password" placeholder="密码长度至少为六位" id="passworld"/></p>

                

                

     

                <div style="text-align: center;margin-top: 30px;">

                    <input type="submit" class="button"  value="登陆">

                    <input type="reset" class="button" οnclick="jumpRe()" value="注册"><br><br><br>

                    <a href="#" id="a" style=text-align:middle;>忘记密码?</a>

                    

                </div>

            </form>

        </div>

        <script language="javascript" type="text/javascript">

     

                function jumpRe(){

                 window.location.href="re.html";

                }

                document.getElementById("a").onclick = function click(){

          window.location.href="re.html";

        }

     

    //判断邮箱格式

            email.onchange = function(){

                var email = this.value;

                var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;

                if(reg.test(email)){

                    alert("邮箱格式正确");

                }else{

                    alert("邮箱格式不正确");

                }

            }

     

    //判断密码格式

            passworld.onchange = function(){

                var passwolrd = this.value;

                var reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,12}$/;

                if(reg.test(passworld)){

                }else{

                    alert("密码格式不正确");

                }

            }

     

            function submit() {

                var pwd1 = document.getElementById("passworld").value;

                var e = document.getElementById("email").value;

                var pwd2=localStorage.getItem("password");

                var e2=localStorage.getItem("email");

                if(pwd1==pwd2&&e==e2)

                    window.location.href="照片墙.html";

                else

                    alert("账号或密码不正确");

            }

        </script>

    </body>

    </html>

     

    展开全文
  • 漂亮的登陆界面html源码

    热门讨论 2013-06-06 01:55:55
    漂亮的登陆界面html源码
  • 20种大气漂亮的后台登陆界面HTML源码
  • 基于HTML5+css+JS的精美登陆注册界面-------------------------------
  • 一个登录页面包含源码及注释,纯html代码
  • HTML163网易邮箱登录页面源代码 input标签
  • html登录界面

    2018-06-13 15:58:02
    html,登录界面源代码<div class="z_bj"><i></i></div> <h1>XXX登录 <div class="z_uer_name"><input name="" type="text" value="用户名" {this.value='用户名'}"/></div> <div class="z_uer_passd">&...
  • 精美html5登陆界面源码,开源源码,可随意修改,动态界面,很漂亮哦~~~
  • 运行于微信小程序环境 的仿QQ小程序,只是模拟QQ界面和功能,包括了部分的源代码,可了解一些微信网络编程的相关技巧、列表的使用、图标布局等界面UI设计技巧。  注:本示例并不是完整的QQ功能模拟,更侧重于界面...
  • 登录注册界面HTML

    2017-12-20 22:01:33
    注册界面可判断密码为空、前后密码是否一致、账号名是否与数据库的重复;登陆界面错误提示淡入动画出现,界面清新整洁,有动态背景图 HTML注册登录
  • HTML+CSS实现登陆界面

    千次阅读 2022-01-14 16:34:09
    1、登录界面效果图:

    1、登录界面效果图:

    2、HTML+CSS代码:

    <!DOCTYPE html>
    <html lang="cn" xmlns:th="http://www.thymeleaf.org" >
    <head>
        <meta charset="UTF-8">
        <title>用户登录页</title>
        <link rel="stylesheet" href="/css/bootstrap.min.css">
        <script src="/js/jquery-3.6.0.min.js"></script>
        <script src="/js/bootstrap.min.js"></script>
        <link rel="stylesheet" href="/plugins/bootstraptable/bootstrap-table.min.css">
    
        <style>
    
            body{
                background-image: url("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2Ftp01%2F1ZZQ233331308-0-lp.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643249647&t=e35ab8bf766c460489385be74a99457a");
                background-size: cover;
            }
            *{
                box-sizing: border-box;
            }
            .clear{
                clear:both;
            }
            .section{
                text-align: center;
                padding: 10px 10px;
                margin-bottom: 1px;
            }
            .section .card,
            .section .card1,
            .section .card4{
                width: 15%;
                float: left;
                padding: 30px 2px;
            }
            .section .card{
                width: 35%;
            }
            .section .box{
                text-align: center;
                padding: 100px 10px;
                margin-bottom: 1px;
            }
    
            .loginForm{
                height: 100%;
    
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                position: relative;
                padding-top: 40px;
                background: #fff;
            }
            .dxan{
                padding: 0 0 10px 0;
            }
    
    
        </style>
    </head>
    
    <body  >
    
    
    
    <div class="container">
    
        <section class="section">
            <div class="content">
    
                <div class="card1"><div class="box"></div></div>
                <div class="card"><div class="box"></div></div>
                <div class="card"><div class="box">
                    <div id="normalLoginTab" class="loginForm" style="display: block;">
                        <h2 class="loginbox-title">教学信息管理系统</h2>
    
                        <div class="container-fluid">
    
                            <div class="panel panel-default">
                                <div class="panel-heading">用户登录</div>
                                <div class="panel-body">
                                    <form>
                                        <div class="form-group">
                                            <label for="username">用户名:</label>
                                            <input type="text" class="form-control" id="username" name="username" placeholder="用户名">
                                        </div>
                                        <div class="form-group">
                                            <label for="password">密码:</label>
                                            <input type="password" class="form-control" id="password" name="password" placeholder="密码">
                                        </div>
                                        <div class="dxan">
                                            <label class="radio-inline">
                                                <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="0" onclick="pd(0)"> 管理员
                                            </label>
                                            <label class="radio-inline">
                                                <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="1" onclick="pd(1)"> 教师
                                            </label>
                                            <label class="radio-inline">
                                                <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="2" onclick="pd(2)"> 学生
                                            </label>
                                        </div>
                                        <div>
                                            <button type="button" class="btn btn-primary btn-block"  onclick="login()">登&nbsp;&nbsp;录</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div></div>
                <div class="card4"><div class="box"></div></div>
                <div class="clear"></div>
            </div>
        </section>
    
    </div>
    
    
    
    
    <script type="text/javascript">
    
    
        function login() {
    
            var name=$("#username").val();
            var password=$("#password").val();
    
            var radios = document.getElementsByName("inlineRadioOptions");
            var tag = false;
            var val;
            for(inlineRadioOptions in radios) {
                if(radios[inlineRadioOptions].checked) {
                    tag = true;
                    val = radios[inlineRadioOptions].value;
                    break;
                }
            }
            if(val==0){
                //管理员
                if (name=="root" && password=="123")
                {
                    window.location.href="/teacher/gly";
                }else{
                    alert("出错了,您的用户名和密码有误");
                }
    
            }else if(val==1){
                //教师
                $.ajax({
                    url:"/webapi/login/teacher",
                    data:{
                        username:name,
                        password:password
                    }
    
                }).done(function (rs) {
    
                    if (rs>=0){
                        //成功
                        window.location.href="/student/list";
    
                    }else{
                        alert("出错了,您的用户名和密码有误");
                    }
                });
    
            }else if(val==2){
                //学生
                $.ajax({
                    url:"/webapi/login/user",
                    data:{
                        username:name,
                        password:password
                    }
    
                }).done(function (rs) {
    
                    if (rs>=0){
                        //成功
    
                        window.location.href="/score/list?dd="+$("#username").val();
                    }else{
                        alert("出错了,您的用户名和密码有误");
                    }
                });
            }else {
                //未选择
                alert("请选择管理员/教师/学生!!!");
            }
         
        }
    
    </script>
    
    </body>
    </html>
    

    3、身份选择模块解析:

    单选框代码:

    <div class="dxan">
         <label class="radio-inline">
              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="0" onclick="pd(0)"> 管理员
         </label>
         <label class="radio-inline">
              <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="1" onclick="pd(1)"> 教师
         </label>
         <label class="radio-inline">
              <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="2" onclick="pd(2)"> 学生
         </label>
    </div>

    获取 选择的单选框

    var tag = false;
    var val;
    for(inlineRadioOptions in radios) {
        if(radios[inlineRadioOptions].checked) {
            tag = true;
            val = radios[inlineRadioOptions].value;
            break;
         }
    }

    展开全文
  • 18种后台登陆界面HTML源码
  • JCheckBox check2 = new JCheckBox("自动登陆"); // p1.setSize(360, 200); JPanel p21 = new JPanel(); JPanel p22 = new JPanel(); p21.add(new JLabel("账号:")); p21.add(username); p21.add(new...
  • 微信小程序登陆界面(效果图+源代码

    万次阅读 多人点赞 2020-12-14 15:04:57
    微信小程序登陆界面 login.wxml: <view class="container"> <view class="login-icon"> <image class="login-img" src="../images/loginLog.jpg"></image> </view> <view ...
  • 前言 ❤️ 我独自走过苍苍茫茫,与你同行才有了光 ❤️ 纯HTML/CSS实现超帅的登录界面(含代码) (1)效果图展示 (2)完整代码演示 (3)图片素材 (4)温馨提醒 (5)总结 (1)效果图展示 (2)完整代码演示 ...
  • 如果遇到什么问html+css编写的个人主页,适合初学html者学习,代码比较简单,初学者也可以看懂,界面很好看清新,可以作为模板自己改一下作为自己的个人主页。我在我自己的网站上做了个DIV+CSS的网站,喜欢DI...
  • 多人聊天室 3个目标文件 第一步:运行ServerData.java 启动服务器,然后服务器处于等待状态 第二步:运行LoginData.java 启动(客户端)登陆界面 输入用户名 ip为本机localhost 第三步:在登陆后的界面文本框输入文本...
  • 用户登陆界面

    2017-12-20 12:34:30
    jsp和tomcat制作的一个用户登录界面,包括用户登录和输入具体信息
  • HIS系统的前端界面代码,里面有使用到JQ,和用Ajax读取Json数据,还有一些简单的数据校验,HIS系统的前端界面登陆注册,挂号,我的病历和我的药方。
  • css+html登录界面

    2015-07-21 10:27:38
    纯css+html设计的登录界面,简约设计,简化一切冗余的部分
  • 200款优秀app源代码

    2018-07-26 15:29:29
    200款优秀app源代码,代码学习,文档数据,学习学习学习学习
  • 整个工程文件打包,内含40多个页面代码源文件,用myeclipse开发,配有access数据库,下载后可以直接导入打开运行,实现了用户的登录验证,图书、光盘、读者的增删改查功能。
  • HTML5+CSS3登录界面源码

    2018-08-05 18:52:21
    精美的登陆界面源码,全都是用HTML5+CSS3开发的,web开发从中可以学到很多!

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 29,019
精华内容 11,607
关键字:

登录界面html源代码

友情链接: phpbb3_Calendar_wigw5d.rar