[项目实训]6.4 contest的add功能起步

来源：互联网发布：2017最新淘宝黑车技术编辑：程序博客网时间：2024/06/03 21:36
由于小伙伴们的齐心协力，VJ已经提前接近完工，大概就剩下contest的add功能还没有实现，实现这部分功能时发现需要使用javascript，于是复习又提高了下javascript的姿势水平。同时先写出基本页面
contest_add.html (未完待续）
{% extends "base.html" %}{% block title %}{{ contest.name }}{% endblock %}{% block navbar %}{% include "include/navbar-contest.html" %}{% endblock %}{% block header %}    <h1 class="text-center text-info">Add Contest</h1>{% endblock %}{% block content %}    <hr>        <div class="clearfix" style="margin-bottom: 10px;">        <div style="width:45%;float: left;padding-left: 10px"><!-- left panel -->            <form class="form-horizontal container-fluid">                <div class = "row" >                    <label class="col-sm-2 control-label">Author:</label>                    <div class="col-sm-5">                        <input type="text" class="form-control" style="width:200px;" name="author" value="{{user}}" disabled="disabled">                    </div>                </div>                <hr>                <div class = "row">                    <label class="col-sm-2 control-label">Type:</label>                    <div class="col-md-offset-3">                    <label>                        <div class="radio">                        <input type="radio" id = "hide_score" name="type" value="icpc" checked="checked"/> Standard ICPC                        </div>                        <div class="radio" >                        <input type="radio" id = "show_score"  name="type" value="custom" />Customized                        </div>                    </label>                    </div>                </div>                <hr>                <div class = "row" id = "contest_open">                    <label class="col-sm-2 control-label">Openness:</label>                    <div class="col-md-offset-3">                    <label>                        <div class="radio">                        <input  type="radio" id = "hide_pass" name="openness" value="public" checked="checked"> Public                        </div>                        <div class="radio">                        <input  type="radio" id = "show_pass" name="openness" value="private"> Private                        </div>                    </label>                    </div>                </div>                <hr>                <div class = "row">                    <label class="col-sm-2 control-label">Title:</label>                    <div class="col-sm-5">                    <input type="text" class="form-control" style="width:200px;" name="title">                    </div>                </div>                <hr>                <div class = "row">                    <label class="col-sm-2 control-label">BeginTime:</label>                    <div class="col-sm-5">                    <input type="text" class="form-control" placeholder="yyyy-MM-dd hh:mm:ss" style="width:200px;" name="begin">                    </div>                </div>                <hr>                <div class = "row">                    <label class="col-sm-2 control-label">Duration:</label>                    <div class="col-sm-5">                    <input type="text" class="form-control" placeholder="hh:mm eg: 5:00" style="width:200px;" name="duration">                    </div>                </div>                            </form>                    </div>        <div style="width:45%;float: left;padding-left: 20px"><!-- right panel -->            <div >            <table class="table">                <tbody id="probTable">                    <tr>                        <th><center>OJ</center> </th>                        <th><center>Problem</center> </th>                        <th><center>Title</center> </th>                        <th hidden="hidden" class="score_input"><center>Score</center> </th>                        <th onclick="addTR()"><center><button type = "button" class="btn btn-primary">   Add   </button></center></th>                    </tr>                    <tr>                        <td>                            <select name="originoj" class="form-control" value="" style="width:100px;" >                                <option value="HDU">HDU</option>                                <option value="FZU">FZU</option>                                <option value="ZOJ">ZOJ</option>                            </select>                        </td>                        <td >                            <input type="text" class="form-control"  name="prob" oninput="getTitle(event,this)" onpropertychange="getTitle(event,this)">                        </td>                        <td>                            <input type="text" class="form-control" value="No Such Problem" name="title" disabled="disabled" style="width:200px;">                         </td>                        <td hidden="hidden" class="score_input">                            <input type="text" class="form-control"  name="score" style="width:80px;" value = "1">                        </td>                        <td onclick="removeTR(this)">                            <center><button type="button" class="btn btn-danger">Remove</button></center>                        </td>                                            </tr>                </tbody>            </table>            </div>        </div>        <div align="center" style="width:100%;float: right;padding-right: 20px">                <button type="button" class="btn btn-primary" onclick="addcontest_submit()">Submit</button>        </div></div>    <hr>{% endblock %}
阅读全文
0 0