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 width: 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>
