界面制作

最新推荐文章于 2020-10-10 12:58:16 发布
最新推荐文章于 2020-10-10 12:58:16 发布
阅读量250 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jackson27/article/details/100711505
版权

1.登录界面
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <h2 >欢迎登录</h2>
    <form action="#">
        <div class="form-group">
            <labe for="number">账号：</labe><input type="text" class="form-control" id="number" style="width: 300px;height: 40px">
        </div>
        <div class="form-group">
            <labe for="password">密码：</labe><input type="text" class="form-control" id="password" style="width: 300px;height: 40px">
        </div>
        <div class="checkbox">
            <label>
                <input type="checkbox">7天内自动登录
            </label>
        </div>
        <button type="submit" class="btn btn-primary">登陆</button>
        <button type="submit" class="btn btn-primary">注册</button>
    </form>
</div>
</body>
</html>

2.人员管理界面
在这里插入图片描述

  <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="jquery-3.4.1.min.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</head>
<body>
<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="active 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>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>


<table class="table table-bordered">
    <thead>
    <tr>
        <th>学号</th>
        <th>姓名</th>
        <th>班级</th>
        <th>学院</th>
        <th>管理</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>1</td>
        <td>李子明</td>
        <td>102</td>
        <td>xx学院</td>
        <td class="col-md-2">
            <button class="btn btn-danger" data-toggle="dropdown">按钮</button>
            <button class="btn btn-default" data-toggle="dropdown">按钮</button>
            <button class="btn btn-primary" data-toggle="dropdown">按钮</button>
        </td>
    </tr>
    <tr>
        <td>1</td>
        <td>李子明</td>
        <td>102</td>
        <td>xx学院</td>
        <td class="col-md-2">
            <button class="btn btn-danger" data-toggle="dropdown">按钮</button>
            <button class="btn btn-default" data-toggle="dropdown">按钮</button>
            <button class="btn btn-primary" data-toggle="dropdown">按钮</button>
        </td>
    </tr>
    <tr>
        <td>1</td>
        <td>李子明</td>
        <td>102</td>
        <td>xx学院</td>
        <td class="col-md-2">
            <button class="btn btn-danger" data-toggle="dropdown">按钮</button>
            <button class="btn btn-default" data-toggle="dropdown">按钮</button>
            <button class="btn btn-primary" data-toggle="dropdown">按钮</button>
        </td>
    </tr>
    <tr>
        <td>1</td>
        <td>李子明</td>
        <td>102</td>
        <td>xx学院</td>
        <td class="col-md-2">
            <button class="btn btn-danger" data-toggle="dropdown">按钮</button>
            <button class="btn btn-default" data-toggle="dropdown">按钮</button>
            <button class="btn btn-primary" data-toggle="dropdown">按钮</button>
        </td>
    </tr>
    <tr>
        <td>1</td>
        <td>李子明</td>
        <td>102</td>
        <td>xx学院</td>
        <td class="col-md-2">
            <button class="btn btn-danger" data-toggle="dropdown">按钮</button>
            <button class="btn btn-default" data-toggle="dropdown">按钮</button>
            <button class="btn btn-primary" data-toggle="dropdown">按钮</button>
        </td>
    </tr>
    </tbody>
</table>
</body>
</html>
Jackson27
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
博客前端界面帮助java初学者更好的处理后端，前端技术稍微了解，省时省力
03-13
前端界面html代码，帮助java初学者更好的处理后端，前端技术稍微了解，省时省力 帮助java初学者更好的处理后端，前端技术稍微了解，省时省力
界面制作介绍
y351_的博客
03-02 350
界面制作介绍 1.打开XD软件，进行软件界面制作，首先首页面部分设置文字，登录注册按钮进行用户注册 2.然后点击注册跳转到注册页面，已注册点击登录，也可进行微信、QQ、微博直接登录，点击上面小箭头即可返回首页界面 3.注册登录完以后即可进到软件主页面进行浏览内容，进行收藏和点赞，中间相机可以拍摄自己喜欢的照片进行发布分享，右边的小人点击即可进入用户主页面，点击三条横线的就是更多设置，加号的会显示好友消息，添加好友等功能 4.点击用户主页面显示个人信息，可观看访客量、收藏、关注、发布作品等信息，作品也可
四、界面制作（1）
羽中仙灵
10-20 2437
在VS2010里新建一个SilverLight应用程序，注意不要在Blend里新建，因为在Blend里新建的只有一个SilverLight部分，而VS中则还有一个对应的网页。我新建的名字是Client。 这时，一个解决方案里会有两个项目，一个叫Client，这个是SilverLight的主程序项目，另一个叫Client.Web，这个是SilverLight的测试网页。我们先要调整一下网页的页
12 - UI界面的制作
雷蒙德的专栏
10-10 979
目标 Logo UI界面的制作 UI界面的淡入 Logo UI界面的制作 首先右键创建一个Canvas重命名为UI Root其次在其子节点创建一个Panel重命名为Logo UI并把我们的颜色更改为自己喜欢的颜色即可，例如下图 上面步骤完成后我们在Panel底下继续创建一个空的对象（Gameobject）重命名为Alpha，并添加Canvas Group组件，这个组件到时候用来控制我们的Logo淡入的效果。 最后我们只需在Alpha的子节点添加一个Image组件和一个Text组件即可，添加完成后
制作欢迎界面
jacky choise
09-04 1248
<br />在J2ME游戏编写过程中，制作欢迎界面是常见的工作，下面就系统的介绍一下欢迎界面的制作。 <br /> 欢迎界面在制作的时候一般有两种实现方式：<br />1、 按任意键进入系统的主界面。<br />2、 等待n秒(n<6)以后自动进入主界面<br />实现的代码分别如下：<br />//实现按任意键进入主界面<br />import javax.microedition.lcdui.*;<br />public class WelcomeCanvas extends Canvas
对话框界面制作
05-31
本程序是个简单的小程序，用于制作对话框界面制作，运行不错简单易学，适合初学者
C++界面制作
11-13
C++界面制作
LabVIEW用户登录界面制作
11-06
LabVIEW用户登录界面制作
DELPHI软件界面制作.zip
04-09
DELPHI软件界面制作
图形界面制作
05-08
图形界面的开发典范，c++的经典，适合初学者学习，老鸟使用
TraitsUI-轻松制作用户界面
知识小屋
01-30 5540
Python有着丰富的界面开发库，除了缺省安装的Tkinter以外，wxPython、pyQt4等都是非常优秀的界面开发库。但是它们有一个共同的问题：需要开发者掌握众多的API函数，许多细节，例如配置控件的属性、位置以及事件响应都需要开发者一一处理。 在开发科学计算程序时，我们希望快速实现一个够用的界面，让用户能够交互式的处理数据，而又不希望在界面制作上花费过多的精力。以traits为基础、
制作一个简单的用户界面
weixin_30532837的博客
06-23 162
制作一个简单的用户界面 这节课里面，我们来开发一个XML布局文件，这个布局文件里面会包含一个text field，文本输入框，和一个按钮button。下一节课里面，会教大家怎么在按下一个按钮的时候，跳转到另一个Activity。 这里先简单解释一下Android界面的构成。AndroidApp的界面是使用View和ViewGroup构建起来的。View通常就是我们常见的UI小部件，比如按钮Bu...
简易登录以及注册界面制作
chenzhuozhu的博客
07-06 1万+
以下为登录和注册页面的图片 登录： 注册： 先介绍登录页面 以下为登录的html <input id="username" type="text" placeholder="请输入用户名"> <input id="password" type="password" placeholder="请输入密码"> <br/> <br/&g...
网页制作：一个简易美观的登录界面
热门推荐
Kuroko's Development Notes
03-09 17万+
这次来总结一下公司的Task 1 实现一个登录界面。 登录界面其实在大三的时候就有做过，但是当时做的界面超级low，主要区别在于有无css，由于公司的设计要求，对于该界面的很多细节处理实在不容易。所以，还是想要写点东西记录一下。 先截个图，展示一下效果吧： 然后我们看一下代码： 在我们做一个页面之前，要先想好他的一个整体布局，也就是我们这里面的login.html主页面，大致结构如...
02_制作一个简单的界面
weixin_42131805的博客
03-29 714
制作一个简单的界面 在实现这个基本窗口之前，我们首先根据自己的习惯设置一下 DuiLib 编译后生成的文件路径和项目依赖的头文件目录。你不一定要按着我的修改，符合你自己的使用习惯即可。要修改的位置主要有一下几个。修改过程比较繁琐，主要还是因为 DuiLib 是从 VC6 升级上来的，很多属性需要删除和修改，也有些属性是 DuiLib 团队自己的目录结构风格，改与不改不影响使用。 常规->输...
用HTML制作一个注册界面
qq_43614355的博客
04-01 2万+
1.制作如下图的注册界面要求如下： 体大小均为14px，灰色文字#999，验证码灰色背景#eee，注册按钮为红色背景#e3393c，注册按钮圆角6px 思路分析，根据图片的信息，本题的格式可以看做是一个3X5的表格形式，因此可以用表格的形式进行解答；另外还可以用页面流里的float现将第一行信息转换出来，然后在利用clear让元素主动向下移动，从而达到换行的目的（需要在div标签中选择合适的选择...
MFC界面制作
空大白
09-28 2522
MFC界面制作，做的比较low 1、dialog边框的绘制   CDC* pWinDC = GetWindowDC();     if (pWinDC)          DrawBorder(pWinDC);   ReleaseDC(pWinDC); void DrawBorder(CDC *pDC) {     if (m_hWnd)     {
Loading界面的制作（一）
zxycs1996的博客
06-03 1955
由于本周开会对于《音之国度》游戏的整体流程又一次地进程了更新和确认，所以得到游戏的UI流程如下： 在登录界面和正式的新手引导之间，由于游戏加载时间比较长，直接跳转可能会出现卡顿的现象，导致游戏画面停顿在登录界面，造成不好的交互体验，所以决定在登录界面和新手引导之间加入一个加载界面。 加载界面由背景和进度条组合而成。背景由本制作组的画师绘制而成，背景上还会有滚动的文字，向玩家提供一些游戏
制作软件界面的几种方法
旭波
12-06 2946
制作软件界面的几种方法 转载自: 旭波BLOG 前一段时间我和寝室好友jjsheva共同制作了一个tts语音合成软件，用以参加学校的一个叫星火杯的竞赛。两个星期前，我们通过了学院的选拔。在答辩时，评委老师建议我们再改进一下界面的设计。于是我查了一些方法，总结如下：1.通过GDI中的API直接用位图绘制。这是最原始的方法，和麻烦，需要程序员和美工合作完成，程序耦合度大。2.利用M
matlab 界面制作 显示人脸
最新发布
05-15
为了显示人脸，我们可以通过MATLAB界面制作来实现。 首先，我们需要安装MATLAB软件并打开它。然后，在MATLAB命令窗口中输入以下命令： image = imread('your image file path'); 其中，'your image file path'是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值