用户界面 day02

2019-09-11 11:44:14 阅读：178 来源： 互联网

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录界面</title>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="JQuery/jquery-3.4.1.min.js" rel="stylesheet"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.js/bootstrap.min.js" rel="stylesheet"></script>
<body>

<div class="container">
    <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="#">其他1</a></li>
                            <li><a href="#">其他2</a></li>
                            <li><a href="#">其他3</a></li>

                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <br>
    <table class="table table-striped table-bordered table-hover table-condensed">
        <thead>
        <tr>
            <td>学号</td>
            <td>姓名</td>
            <td>寝室</td>
            <td>学院</td>
            <td>管理</td>
        </tr>
        <tr>
            <td>1</td>
            <td>卢本伟</td>
            <td>102</td>
            <td>xx学院</td>
            <td>
                <input type="submit" value="删除" class=" btn btn-danger">
                <input type="submit" value="修改" class=" btn bg-secondary">
                <input type="submit" value="编辑" class=" btn btn-primary">
            </td>
        </tr>
        <tr>
            <td>1</td>
            <td>五五开</td>
            <td>102</td>
            <td>xx学院</td>
            <td>
                <input type="submit" value="删除" class=" btn btn-danger">
                <input type="submit" value="修改" class=" btn bg-secondary">
                <input type="submit" value="编辑" class=" btn btn-primary">
            </td>
        </tr>
        <tr>
            <td>1</td>
            <td>PDD</td>
            <td>102</td>
            <td>xx学院</td>
            <td>
                <input type="submit" value="删除" class=" btn btn-danger">
                <input type="submit" value="修改" class=" btn bg-secondary">
                <input type="submit" value="编辑" class=" btn btn-primary">
            </td>
        </tr>
        <tr>
            <td>1</td>
            <td>李子明</td>
            <td>102</td>
            <td>皇子wihte</td>
            <td>
                <input type="submit" value="删除" class=" btn btn-danger">
                <input type="submit" value="修改" class=" btn bg-secondary">
                <input type="submit" value="编辑" class=" btn btn-primary">
            </td>
        </tr>
        </thead>
    </table>
</div>
</body>
</html>

标签：界面,用户界面,管理,day02,学院,xx,其他,102
来源： https://blog.csdn.net/Mojeok/article/details/100731215

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

用户界面 day02