zoukankan      html  css  js  c++  java
  • 排球计分程序(四)—— View设计与实现

    创建一个视图模板文件,其中使用了ASP.NET MVC 4所引入的Razor视图引擎(Razor view engine)。Razor视图模板文件使用.cshtml文件扩展名,并提供了一个优雅的方式来使用C#语言创建所要输出的HTML。用Razor编写一个视图模板文件时,将所需的字符和键盘敲击数量降到了最低,并实现了快速,流畅的编码工作流程。

    1)运动员信息视图有模型类直接生成Edit,Details,Delete,Create,Index视图

    2)队伍信息公告视图设计:

    当请求http://localhost/Home/Index时,HomeController的Index方法会被调用,而Index方法最后要呈现Views/Home/Index.aspx视图,所以,我们要在Views文件夹下建立一个Home文件夹,然后再新建一个Index.aspx视图。如果您使用的是VS2008 SP1,那么建立视图非常方便,只要在Home文件夹下右键单击,选Add--->View,然后指定视图名就可以了。如果不是SP1的,就新建一个Item,类型选择“MVC View Page”。建立好的视图其实就是一个aspx页面,但是其继承了View。这也是一个基类,所有视图需要继承它。
          下面给出Index.aspx的代码:
    Index.aspx:
    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="MVCDemo.Views.Home.Index" %>
    <%@ Import Namespace="MVCDemo.Models.Entities" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
       <title></title>
    </head>
    <body>
       <% List<CategoryInfo> categories=ViewData["Categories"] as List<CategoryInfo>; %>
       <div>
           <h1>MVC公告发布系统</h1>
           <ul>
               <% foreach (CategoryInfo c in categories)
                  {
                       %>
               <li><%= Html.ActionLink(c.Name, "List/" + c.ID, "Announce") %></li>
               <% } %>
           </ul>
       </div>
    </body>
    </html>

    教练发布公告视图:

    %{
        ViewBag.Title = "Release";
    }
    <head runat="server">
     <title></title>
     </head>
    <body>
      
        <div>
           <h1>排球队伍公告</h1>
           
            <dl>
               <dt>标题:</dt>
                <dd>训练</dd>
                <dt>分类:</dt>
                <dd>1</dd>
                <dt>内容:</dt>
                <dd>全体队员请于明天上午八点到训练室集合进行训练!</dd>
            </dl>
            <input type="submit" value="发布" />
          
       </div>
    </body>

    发布成功后的公告视图:

    @{
        ViewBag.Title = "ReleaseSucceed";
    }

    <head runat="server">
         <title></title>
     </head>
    <body>
      
        <div>
            <h1>排球队伍信息1</h1>
           <dl>
                <dt>ID:</dt>
                <dd>1</dd>
                <dt>标题:</dt>
               <dd>训练</dd>
               <dt>类别ID:</dt>
                <dd>1</dd>
                <dt>内容:</dt>
                <dd>全体队员请于明天上午八点到训练室集合进行训练!</dd>
            </dl>
        </div>
    </body>

    3)比赛计分视图:

    @{
        ViewBag.Title = "Index";
    }

    <h1 style="text-align:center; color:red ;">排球计分程序</h1>
    <body>
    <table>
        <tr>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td style="color:red">第一局</td>
        </tr>
         <tr>
          <td>韩国队</td>
           <td ><input type="text" name="defen1"/></td>
           <td style="float:right">中国队</td>
          <td ><input type="text"  name="defen2"/></td>
       </tr>
        <tr>
                <td></td>
             <td><input type="submit" value="扣球得1分"/></td>
            <td></td>
            <td><input type="submit" value="扣球得1分"/></td>
        </tr>
        <tr>
                <td></td>
            <td><input type="submit" value="拦网得1分"/></td>
            <td></td>
              <td><input type="submit" value="拦网得1分"/></td>
        </tr>
          <tr>
                  <td></td>
            <td><input type="submit" value="垫球得1分"/></td>
              <td></td>
            <td><input type="submit" value="垫球得1分"/></td>
        </tr>
         <tr>
                 <td></td>
              <td><input type="submit" value="高吊发球得1分"/></td>
             <td></td>
            <td><input type="submit" value="高吊发球得1分"/></td>
        </tr>
         <tr>
               <td></td>
                 <td><input type="submit" value="扣杀得1分"/></td>
             <td></td>
                 <td><input type="submit" value="扣杀得1分"/></td>
           </tr>
        <tr>
               <td></td>
                <td><input type="submit" value="双手垫球得1分"/></td>
            <td></td>
               <td><input type="submit" value="双手垫球得1分"/></td>
           </tr>

        <tr>
            <td></td>
        </tr>
         <tr>
            <td></td>
            <td style="color:red">第二局</td>
        </tr>
         <tr>
          <td>韩国队</td>
           <td ><input type="text" name="defen1"/></td>
           <td style="float:right">美国队</td>
          <td ><input type="text"  name="defen2"/></td>
       </tr>
        <tr>
                <td></td>
             <td><input type="submit" value="扣球得1分"/></td>
            <td></td>
            <td><input type="submit" value="扣球得1分"/></td>
        </tr>
        <tr>
                <td></td>
            <td><input type="submit" value="拦网得1分"/></td>
            <td></td>
              <td><input type="submit" value="拦网得1分"/></td>
        </tr>
          <tr>
                  <td></td>
            <td><input type="submit" value="垫球得1分"/></td>
              <td></td>
            <td><input type="submit" value="垫球得1分"/></td>
        </tr>
         <tr>
                 <td></td>
              <td><input type="submit" value="高吊发球得1分"/></td>
             <td></td>
            <td><input type="submit" value="高吊发球得1分"/></td>
        </tr>
         <tr>
               <td></td>
                 <td><input type="submit" value="扣杀得1分"/></td>
             <td></td>
                 <td><input type="submit" value="扣杀得1分"/></td>
           </tr>
        <tr>
               <td></td>
                <td><input type="submit" value="双手垫球得1分"/></td>
            <td></td>
               <td><input type="submit" value="双手垫球得1分"/></td>
           </tr>

        <tr>
            <td></td>
        </tr>
         <tr>
            <td></td>
            <td style="color:red">第三局</td>
        </tr>
         <tr>
          <td>韩国队</td>
           <td ><input type="text" name="defen1"/></td>
           <td style="float:right">日本队</td>
          <td ><input type="text"  name="defen2"/></td>
       </tr>
        <tr>
                <td></td>
             <td><input type="submit" value="扣球得1分"/></td>
            <td></td>
            <td><input type="submit" value="扣球得1分"/></td>
        </tr>
        <tr>
                <td></td>
            <td><input type="submit" value="拦网得1分"/></td>
            <td></td>
              <td><input type="submit" value="拦网得1分"/></td>
        </tr>
          <tr>
                  <td></td>
            <td><input type="submit" value="垫球得1分"/></td>
              <td></td>
            <td><input type="submit" value="垫球得1分"/></td>
        </tr>
         <tr>
                 <td></td>
              <td><input type="submit" value="高吊发球得1分"/></td>
             <td></td>
            <td><input type="submit" value="高吊发球得1分"/></td>
        </tr>
         <tr>
               <td></td>
                 <td><input type="submit" value="扣杀得1分"/></td>
             <td></td>
                 <td><input type="submit" value="扣杀得1分"/></td>
           </tr>
        <tr>
               <td></td>
                <td><input type="submit" value="双手垫球得1分"/></td>
            <td></td>
               <td><input type="submit" value="双手垫球得1分"/></td>
           </tr>

    </table>
    </body>

  • 相关阅读:
    【JMeter_14】JMeter逻辑控制器__交替控制器<Interleave Controller>
    【JMeter_13】JMeter逻辑控制器__执行时间控制器<Runtime Controller>
    【JMeter_12】JMeter逻辑控制器__包括控制器<Include Controller>
    【JMeter_11】JMeter逻辑控制器__Switch控制器<Switch Controller>
    【JMeter_10】JMeter逻辑控制器__ForEach控制器<ForEach Controller>
    【JMeter_09】JMeter逻辑控制器__临界部分控制器<Critical Section Controller>
    【JMeter_08】JMeter逻辑控制器__While控制器<While Controller>
    【JMeter_07】JMeter逻辑控制器__循环控制器<Loop Controller>
    【JMeter_06】JMeter逻辑控制器__If控制器<If Controller>
    【JMeter_05】创建第一个简单的接口脚本
  • 原文地址:https://www.cnblogs.com/sdl1305702018/p/7063754.html
Copyright © 2011-2022 走看看