zoukankan      html  css  js  c++  java
  • 排球计分程序中英文切换

    ---恢复内容开始---

    排球计分程序中英文切换功能

    主要思路是制作两套页面,一套中文的,一套英文的。

    根据用户点击 中文 English 完成相应的中英文切换 

    根据这一设想 我增加了视图和Action。

    视图的截图如下

    Action的截图如下:

    内部代码基本相同 只是将所需的页面文字改为英文。

    示例代码如下

    @{
        ViewBag.Title = "Index";
    }
    
    
    <html>
        <head>
            <title>Enter Your Name</title>
        </head>
        <body>
            @Html.ActionLink("中文", "Index")
            @Html.ActionLink("English", "EIndex")
            @using(Html.BeginForm("EAddPerson","Home")) { 
                <table border="1">
                    <tr>
                        <th>@Html.Label("a","initial of team:")</th>
                    <th colspan="1">@Html.TextBox("teamAName")</th>
      
                    <th>VS</th>
                        <th>@Html.Label("b","initial of team:")</th>
                    <th colspan="1">@Html.TextBox("teamBName")</th>
                       </tr>
                    <tr>
                    <th>team member</th>
                    <th>Full name</th>
                    <th></th>
                    <th>team member</th>
                    <th>Full name</th>
                       </tr>
                    @{
                for (int i = 1; i <=12; i++)
                {
                    <tr>
                        <td>@Html.TextBox("idA"+i.ToString(),i)</td>
                        <td> @Html.TextBox("nameA"+i.ToString())</td>
                        <td></td>
                        <td> @Html.TextBox("idB"+i.ToString(),i)</td>
                        <td> @Html.TextBox("nameB"+i.ToString())</td>
                    </tr>
                }
                    
                    }
                </table>
    <button type="submit">submit</button>
    }
        </body>
        </html>
    英文 视图
    @{
        ViewBag.Title = "Index";
    }
    
    
    <html>
        <head>
            <title>输入姓名</title>
        </head>
        <body>
            @Html.ActionLink("中文", "Index")
            @Html.ActionLink("English", "EIndex")
            @using(Html.BeginForm("AddPerson","Home")) { 
                <table border="1">
                    <tr>
                        <th>@Html.Label("a","队名:")</th>
                    <th colspan="1">@Html.TextBox("teamAName")</th>
      
                    <th>VS</th>
                        <th>@Html.Label("b","队名:")</th>
                    <th colspan="1">@Html.TextBox("teamBName")</th>
                       </tr>
                    <tr>
                    <th>队员</th>
                    <th>姓名</th>
                    <th></th>
                    <th>队员</th>
                    <th>姓名</th>
                       </tr>
                    @{
                for (int i = 1; i <=12; i++)
                {
                    <tr>
                        <td>@Html.TextBox("idA"+i.ToString(),i)</td>
                        <td> @Html.TextBox("nameA"+i.ToString())</td>
                        <td></td>
                        <td> @Html.TextBox("idB"+i.ToString(),i)</td>
                        <td> @Html.TextBox("nameB"+i.ToString())</td>
                    </tr>
                }
                    
                    }
                </table>
    <button type="submit">提交</button>
    }
        </body>
        </html>
    中文视图
      public ActionResult Index()
            {
                return View();
            }
    中文 Action
      public ActionResult EIndex()
            {
                return View();
            }
    英文Action

    用于中英文切换的代码

     @Html.ActionLink("中文", "Index") 
    @Html.ActionLink(
    "English", "EIndex")

    其余代码基本不变 由此可以实现中英文的切换

    运行时截图如下

    到此演示完毕,

    ---恢复内容结束---

  • 相关阅读:
    分布式事务的解决方案
    普通平衡树(bzoj 3224)
    [学习笔记] 树链剖分
    矩阵树定理——矩阵树不是树
    哈夫曼树
    SDOI2018一轮NOI培训 题目整理
    Luogu P1119 灾后重建
    轻量级ORM框架——第二篇:Dapper中的一些复杂操作和inner join应该注意的坑(转)
    单点登录的设计与实现
    PHP如何进阶,提升自己
  • 原文地址:https://www.cnblogs.com/zyadmin/p/7500435.html
Copyright © 2011-2022 走看看