在线云评测系统日志四

来源：互联网发布：iphone不能用蜂窝数据编辑：程序博客网时间：2024/04/29 15:51

这篇日志是对答题编译界面的实现

这个界面展示题目的信息，给出输入输出示例，用户在编码区进行编码提交

静态实现，和数据库和后台的连接交互以后实现

代码如下：

<!DOCTYPE <html><head><meta charset="utf-8">    <link rel= "stylesheet" href = "css/oj.css">    <link rel= "stylesheet" href = "css/bootstrap.css">    <link rel= "stylesheet" href = "css/bootstrap.min.css">    <link rel= "stylesheet" href = "css/bootstrap.theme.css">    <link rel= "stylesheet" href = "css/bootstrap.theme.min.css"><title>编码</title></head><body><header class="navbar navbar-fixed-top navbar-inverse">    <div class="container">        <ul class="nav navbar-nav navbar-left">            <li><a href="/">首页</a></li>            <li><a href="/">题目</a></li>            <li><a href="/">讨论区</a></li>        </ul>        <nav>          <ul class="nav navbar-nav navbar-right">            <li><a href="/">登出</a></li>          </ul>        </nav>    </div></header><div class = "container"><div class = "row"><div class ="col-md-12" ><h1 class= "text-left">题目描述</h1><div class="well" style ="height:150px"><p class = "text-left">这里是题目描述</p></div></div></div><div class = "row"><div class = "col-md-12"><h1 class= "text-left">题目输入</h1><div class="well" style ="height:100px"><p class = "text-left">输入</p></div></div></div><div class = "row"><div class = "col-md-12"><h1 class= "text-left">题目输出</h1><div class="col-md-12 well" style ="height:100px"><p class = "text-left">输出</p></div></div></div>    <div class = "row"><div class="col-md-12"><h1 class= "text-left">编码区</h1><select class="form-control" style = "width:200px;">    <option value="0">java</option>    <option value="1">c++</option>                          </select></div></div><hr><div class = "row" ><div class="col-md-12"><textarea style = "height:300px"></textarea>        </div></div></br><div class = "row" ><div class="col-md-12"><button type="button" class="btn btn-warning">提交</button></div></div></div>      </body></html>

页面如下

阅读全文

0 0