zoukankan      html  css  js  c++  java
  • Views视图的编码与设计(六)

     在队伍积分的页面有详情点进去可以看每局的详情得分每个人的得分

     简单的页面显示详情得分

      1 @model 排球计分规则.Models.Armys
      2 
      3 @{
      4     ViewBag.Title = "Details";
      5 }
      6 
      7 <h2>Details</h2>
      8 
      9 <fieldset>
     10     <legend>Armys</legend>
     11 
     12     <div class="display-label">
     13          @Html.DisplayNameFor(model => model.Name)
     14     </div>
     15     <div class="display-field">
     16         @Html.DisplayFor(model => model.Name)
     17     </div>
     18 
     19     <div class="display-label">
     20          @Html.DisplayNameFor(model => model.integral)
     21     </div>
     22     <div class="display-field">
     23         @Html.DisplayFor(model => model.integral)
     24     </div>
     25 </fieldset>
     26 <p>
     27     @Html.ActionLink("Edit", "Edit", new { id=Model.AId }) |
     28     @Html.ActionLink("Back to List", "Index")
     29 </p>
     30 <html lang="en">
     31 <head>
     32     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
     33     <title>Document</title>
     34 <style type="text/css">
     35         
     36         td
     37         {
     38             border: 1px solid red;
     39             background: #fff;
     40             font: 18px;
     41             padding: 6px 6px 6px 12px;
     42             color: black;
     43              300px;
     44             height: 30px;
     45             text-align: center;
     46         }
     47     </style>
     48 
     49 </head >
     50 
     51       
     52 
     53 <html>
     54 
     55 <body>
     56     <form id="form1" >
     57   <table>
     58   <h1>比分详情</h1>
     59       <tr>
     60           <td>局数</td>
     61           <td>中国队分数</td>
     62           <td>日本队分数</td>
     63       </tr>
     64       <tr>
     65           <td>1</td>
     66           <td></td>
     67           <td></td>
     68       </tr>
     69       <tr>
     70           <td>2</td>
     71           <td></td>
     72           <td></td>
     73       </tr>
     74       <tr>
     75           <td>3</td>
     76           <td></td>
     77           <td></td>
     78       </tr>
     79       <tr>
     80           <td>4</td>
     81           <td></td>
     82           <td></td>
     83       </tr>
     84       <tr>
     85           <td>5</td>
     86           <td></td>
     87           <td></td>
     88       </tr>
     89   </table>
     90     <div class="div1">
     91       <div>
     92           <h2>中国队</h2>
     93           <table>
     94               <tr>
     95                   <td>局数</td>
     96                   <td>总分</td>
     97               </tr>
     98               <tr>
     99                   <td>1</td>
    100                   <td></td>
    101               </tr>
    102 
    103           </table>
    104 
    105       </div>
    106         <table>
    107        
    108     <tr>
    109         <td>编号</td>
    110         <td>姓名</td>
    111         <td>位置</td>
    112         <td>个人得分</td>
    113         <td colspan="2">计分详情</td>
    114         
    115     </tr>
    116     <tr>
    117         <td>1</td>
    118         <td>袁心玥</td>
    119         <td>副 攻</td>
    120         <td><input type="text"  size="5" id="china1" /></td>
    121         <td><input type="button" name="add"  value="+" onclick="Add()"/></td>
    122         <td><input type="button" name="jian"  value="-" onclick="Add1()"/></td>
    123 
    124     </tr>
    125     <tr>
    126         <td>2</td>
    127         <td>朱 婷</td>
    128         <td>主 攻</td>
    129         <td><input type="text"  size="5" id="china2"  /></td>
    130         <td><input type="button" name="add"  value="+" /></td>
    131         <td><input type="button" name="jian" value="-" /></td>
    132 
    133    </tr>
    134    <tr>
    135         <td>3</td>
    136       <td>杨方旭</td>
    137        <td>接 应</td>
    138         <td><input type="text"  size="5" id="china3"  /></td>
    139         <td><input type="button" name="add"  value="+" /></td>
    140         <td><input type="button" name="jian"  value="-" /></td>
    141 
    142    </tr>
    143    <tr>
    144         <td>4</td>
    145       <td>龚翔宇</td>
    146        <td>接 应</td>
    147         <td><input type="text"  size="5" id="china4"  /></td>
    148         <td><input type="button" name="add"  value="+"/></td>
    149         <td><input type="button" name="jian"  value="-"/></td>
    150 
    151   </tr>
    152   <tr>
    153         <td>5</td>
    154       <td>魏秋月</td>
    155       <td>二 传</td>
    156         <td><input type="text"  size="5" id="china5"  /></td>
    157         <td><input type="button" name="add"  value="+"/></td>
    158         <td><input type="button" name="jian"  value="-"/></td>
    159   </tr>
    160   <tr>
    161         <td>6</td>
    162       <td>张常宁</td>
    163       <td>主 攻</td>
    164         <td><input type="text"  size="5" id="china6"  /></td>
    165         <td><input type="button" name="add"  value="+"/></td>
    166         <td><input type="button" name="jian"  value="-"/></td>
    167   </tr>
    168   <tr>
    169         <td>7</td>
    170       <td>刘晓彤</td>
    171       <td>主 攻</td>
    172         <td><input type="text"  size="5" id="china7"  /></td>
    173         <td><input type="button" name="add" value="+"/></td>
    174         <td><input type="button" name="jian"  value="-"/></td>
    175   </tr>
    176   <tr>
    177         <td>8</td>
    178       <td>徐云丽</td>
    179       <td>副 攻</td>
    180         <td><input type="text"  size="5" id="china8"  /></td>
    181         <td><input type="button" name="add" value="+"/></td>
    182         <td><input type="button" name="jian" value="-"/></td>
    183   </tr>
    184   <tr>
    185         <td>9</td>
    186       <td>惠若琪</td>
    187       <td>主 攻</td>
    188         <td><input type="text"  size="5" id="china9"  /></td>
    189         <td><input type="button" name="add" value="+"/></td>
    190         <td><input type="button" name="jian" value="-"/></td>
    191   </tr>
    192   <tr>
    193         <td>10</td>
    194       <td>林 莉</td>
    195       <td>自由人</td>
    196         <td><input type="text"  size="5" id="china10"  /></td>
    197         <td><input type="button" name="add" value="+"/></td>
    198         <td><input type="button" name="jian" value="-"/></td>
    199   </tr>
    200   <tr>
    201         <td>11</td>
    202       <td>丁 霞</td>
    203       <td>二 传</td>
    204         <td><input type="text"  size="5" id="china11"  /></td>
    205         <td><input type="button" name="add" value="+"/></td>
    206         <td><input type="button" name="jian" value="-"/></td>
    207   </tr>
    208   <tr>
    209         <td>12</td>
    210       <td>颜 妮</td>
    211       <td>副 攻</td>
    212         <td><input type="text"  size="5" id="china12"  /></td>
    213         <td><input type="button" name="add" value="+"/></td>
    214         <td><input type="button" name="jian" value="-"/></td>
    215   </tr>
    216  </table>
    217 </div>
    218    
    219 
    220    
    221            <h2>日本队</h2>
    222 <table>
    223               <tr>
    224                   <td>局数</td>
    225                   <td>总分</td>
    226               </tr>
    227               <tr>
    228                   <td>1</td>
    229                   <td></td>
    230               </tr>
    231 
    232           </table>
    233        </div>
    234        
    235     <table>
    236     <tr>
    237         <td class="td">编号</td>
    238         <td>姓名</td>
    239         <td>位置</td>
    240          <td class="td">个人得分</td>
    241         <td class="td" colspan="2">计分详情</td>
    242     </tr>
    243     <tr>
    244         <td>1</td>
    245         <td></td>
    246         <td></td>
    247         <td><input type="text"  size="5" id="sai1"  /></td>
    248         <td><input type="button" name="add" value="+" onclick="jia()"/></td>
    249         <td><input type="button" name="jian" value="-" onclick="jia1()"/></td>
    250     </tr>
    251     <tr>
    252         <td>2</td>
    253         <td></td>
    254         <td></td>
    255         <td><input type="text"  size="5" id="sai2"  /></td>
    256         <td><input type="button" name="add" value="+"/></td>
    257         <td><input type="button" name="jian" value="-"/></td>
    258     </tr>
    259     <tr>
    260         <td>3</td>
    261         <td></td>
    262         <td></td>
    263         <td><input type="text"  size="5" id="sai3"  /></td>
    264         <td><input type="button" name="add" value="+"/></td>
    265         <td><input type="button" name="jian" value="-"/></td>
    266     </tr>       
    267     <tr>
    268         <td>4</td>
    269         <td></td>
    270         <td></td>
    271         <td><input type="text"  size="5" id="sai4"  /></td>
    272         <td><input type="button" name="add" value="+"/></td>
    273         <td><input type="button" name="jian"  value="-"/></td>
    274     </tr>
    275     <tr>
    276         <td>5</td>
    277         <td></td>
    278         <td></td>
    279         <td><input type="text"  size="5" id="sai5"  /></td>
    280         <td><input type="button" name="add" value="+"/></td>
    281         <td><input type="button" name="jian" value="-"/></td>
    282     </tr>       
    283     <tr>
    284         <td>6</td>
    285         <td></td>
    286         <td></td>
    287         <td><input type="text"  size="5" id="sai6"  /></td>
    288         <td><input type="button" name="add" value="+"/></td>
    289         <td><input type="button" name="jian" value="-"/></td>
    290     </tr>
    291     <tr>
    292         <td>7</td>
    293         <td></td>
    294         <td></td>
    295         <td><input type="text"  size="5" id="sai7"  /></td>
    296         <td><input type="button" name="add" value="+"/></td>
    297         <td><input type="button" name="jian" value="-"/></td>
    298     </tr>      
    299     <tr>
    300         <td>8</td>
    301         <td></td>
    302         <td></td>
    303         <td><input type="text"  size="5" id="sai8"  /></td>
    304         <td><input type="button" name="add" value="+"/></td>
    305         <td><input type="button" name="jian" value="-"/></td>
    306     </tr>
    307     <tr>
    308         <td>9</td>
    309         <td></td>
    310         <td></td>
    311         <td><input type="text"  size="5" id="sai9"  /></td>
    312         <td><input type="button" name="add" value="+"/></td>
    313         <td><input type="button" name="jian" value="-"/></td>
    314     </tr>      
    315     <tr>
    316         <td>10</td>
    317         <td></td>
    318         <td></td>
    319         <td><input type="text"  size="5" id="sai10"  /></td>
    320         <td><input type="button" name="add" value="+"/></td>
    321         <td><input type="button" name="jian" value="-"/></td>
    322     </tr>
    323     <tr>
    324         <td>11</td>
    325         <td></td>
    326         <td></td>
    327         <td><input type="text"  size="5" id="sai11"  /></td>
    328         <td><input type="button" name="add" value="+"/></td>
    329         <td><input type="button" name="jian" value="-"/></td>
    330     </tr>      
    331     <tr>
    332         <td>12</td>
    333         <td></td>
    334         <td></td>
    335         <td><input type="text"  size="5" id="sai12"/></td>
    336         <td><input type="button" name="add" value="+"/></td>
    337         <td><input type="button" name="jian" value="-"/></td>
    338     </tr>
    339      </table>
    340    
    341    </form>
    342 </body>
    343 
    344 </html>

     

  • 相关阅读:
    后端返回文件流 前端处理方法
    证书profile 申请
    uniapp 报错 签名不对 请检查签名是否与开放平台上填写的一致
    微信开放平台创建应用如何填写官网
    防抖和节流笔记二
    防抖和节流笔记一
    如何申请ios证书
    textarea 固定大小,滚动条,限制拖动,文字对齐
    根据角色获取用户组
    号码验证
  • 原文地址:https://www.cnblogs.com/chen-bo/p/7069426.html
Copyright © 2011-2022 走看看