简洁的MVC思想框架——Nancy（Post操作与外部引用css和JS）

之前介绍了关于Nancy配置与Get基础操作，以下来介绍有关Nancy的Post操作。

第一步，设计主界面，以登录界面为例：Login.cshtml

路径为：简洁的MVC思想框架——Nancy（Post操作与外部引用css和JS）

设计好页面后，在之前的modules类中设定指向路径和相关post操作，如下图所示：

<body>
    <div id="login">
        <form action="/Home" method="post" id="form1">
            <div id="bigimg">
                <img src="images/bigimg.jpg" />
            </div>
            <div id="loginbox">
                <div id="title-login">登录</div>
                <a id="title-register" href="#">注册账号 ></a>
                <div id="forinput">
                    帐号：<br>
                    <p>
                        <input id="user" name="userId" tabindex="1" type="text">
                        <span id="error_userId"></span>
                    </p>密码：
                    <a href="#" style="color: #00A1D6; float: right; *margin-top: -10px; display: block;">  忘记了密码?  </a>
                    <br>
                    <p>
                        <input id="password" type="password" tabindex="2" name="userPwd">
                        <span id="error_userPwd"></span>
                    </p>
                    验证码：
                    <br>
                    <p>
                        <input id="code" name="verifity" tabindex="3" type="text">
                        <span>
                            <img id="Verifity"  onclick="src = '/CreateCode?'+Math.random()" src="/CreateCode" style="vertical-align: middle;">
                        </span>
                        <span id="error_code" style="margin-left: 18px;"></span>
                    </p>
                </div>
                    <input type="submit" id="submit" value="登 录" onclick="return checkLogin()">
            </div>
        </form>
        </div>
</body>

View Code