day7

在这里插入图片描述
在这里插入图片描述
login代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
    <script src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <script src="jquery-3.4.1.min.js"></script>
    <style>
        body{
            font-family: "Segoe UI Semilight";
        }
    </style>
</head>
<body>
    <div class="container">

        <form action="#">
            <div class="form-group">
                <label for="username">请输入账号:</label><input type="text" class="form-control" id="username">
            </div>
            <div class="form-group">
                <label for="password">请输入密码:</label><input type="password" class="form-control" id="password">
            </div>
            <input type="submit" value="提交按钮" class="btn btn-primary" onclick="login()">
        </form>
    </div>
    <script>
        function login() {
            var username=$("#username").val()
            var password=$("#password").val()
            if (username=="zhouxiangcheng" && password==123456) {
                window.location.href ="index1.html";
            }else{
                alert("账号:zhouxiangcheng”+“密码:123456")
            }
        }
    </script>
</body>

index1代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
    <script src="jquery-3.4.1.min.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</head>
<body>
<div class="center-block" style="width: 50%">
    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">欢迎进入周项诚学院管理系统</a>
            </div>
            <div>
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">学生管理</a></li>
                    <li><a href="#">老师管理</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            公共资源管理
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">学校公园</a></li>
                            <li><a href="#">学校操场</a></li>
                            <li><a href="#">食堂/宿舍</a></li>
                            <li class="divider"></li>
                            </li>
                        </ul>
            </div>
        </div>
    </nav>
    <div>
        <table class="table table-bordered table-hover">
            <thead>
            <tr>
                <td>学号</td>
                <td>姓名</td>
                <td>班级</td>
                <td>学院</td>
                <td>管理</td>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>01</td>
                <td>周周</td>
                <td>2001</td>
                <td>周项诚学院</td>
                <td>
                    <button type="button" class="btn btn-danger">删除</button>
                    <button type="button" class="btn btn-default">修改</button>
                    <button type="button" class="btn btn-primary">编辑</button>
                </td>
            </tr>
            <tr>
                <td>02</td>
                <td>州州</td>
                <td>2002</td>
                <td>周项诚学院</td>
                <td>
                    <button type="button" class="btn btn-danger">删除</button>
                    <button type="button" class="btn btn-default">修改</button>
                    <button type="button" class="btn btn-primary">编辑</button>
                </td>
            </tr>
            <tr>
                <td>03</td>
                <td>舟舟</td>
                <td>2003</td>
                <td>周项诚学院</td>
                <td>
                    <button type="button" class="btn btn-danger">删除</button>
                    <button type="button" class="btn btn-default">修改</button>
                    <button type="button" class="btn btn-primary">编辑</button>
                </td>
            </tr>
            <tr>
                <td>04</td>
                <td>皱皱</td>
                <td>2004</td>
                <td>周项诚学院</td>
                <td>
                    <button type="button" class="btn btn-danger">删除</button>
                    <button type="button" class="btn btn-default">修改</button>
                    <button type="button" class="btn btn-primary">编辑</button>
                </td>
            </tr>
            <tr>
                <td>05</td>
                <td>粥粥</td>
                <td>2005</td>
                <td>周项诚学院</td>
                <td>
                    <button type="button" class="btn btn-danger">删除</button>
                    <button type="button" class="btn btn-default">修改</button>
                    <button type="button" class="btn btn-primary">编辑</button>
                </td>
            </tr>


            </tbody>

        </table>
    </div>
</div>

</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值