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

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

路径为：

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

<body>

    <div id="login">

        <form action="/Home" method="post" id="form1">

            <div id="bigimg">

                <img src="data: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>
 #region 登录——表单验证,成功跳转至主页面

             Post["/Home"] = p =>

             {

                 //获取表单

                 var user = SqlHelperServer.ToDBValue(Request.Form);

                 //验证用户名是否存在

                 if (!userService.isUserId(user.userId))

                 {

                     return "<script>alert('用户名不存在！');location.href='/'</script>";

                 }

                 //验证密码输入是否正确

                 if (userService.GetUserPwd(user.userId) != user.userPwd)

                 {

                     return "<script>alert('密码错误！');location.href='/'</script>";

                 }

                 if (user.verifity != Session["Code"].ToString())

                 {

                     return "<script>alert('验证码错误！');location.href='/'</script>";

                 }

                 ViewBag.UserId = user.userId;

                 DataTable dt = userService.GetUser();

                 return View["User/Home.cshtml", dt.Rows];

             };

             #endregion

其中关于Sqlhelperserver是有关数据库操作公共类，其中ToDBvalue是获取页面传入所有html的表单数据，其中标签必须有“name”属性。

public static object ToDBValue(this object value)

        {

            return value == null ? DBNull.Value : value;

        }

至此，Post操作完成！

其中还涉及到有关引用外部JS和外部css的文件，这根普通的MVC不一样，也经过相当长的研究才摸索出来，最后发现很简单，只要在modules新建一个类，如下：

public class Bootstrapper : DefaultNancyBootstrapper

    {

        protected override void ConfigureConventions(NancyConventions nancyConventions)

        {

            base.ConfigureConventions(nancyConventions);

            nancyConventions.StaticContentsConventions.Clear();

            nancyConventions.StaticContentsConventions.Add

            (StaticContentConventionBuilder.AddDirectory("css", "/css"));

            nancyConventions.StaticContentsConventions.Add

            (StaticContentConventionBuilder.AddDirectory("js", "/script"));

            nancyConventions.StaticContentsConventions.Add

            (StaticContentConventionBuilder.AddDirectory("images", "/images"));

        }

}

在之后还会讲解关于验证码的获取与Session的相关操作，至于其他跟MVC类似，无多大变动。

简洁的MVC思想框架——Nancy（Post操作与外部引用css和JS）的更多相关文章

  1. 简洁的MVC思想框架——Nancy（环境配置与Get操作）

    Nancy官网——https://github.com/NancyFx/Nancy 概述:Nancy是一个开源的Web轻型框架内核符合MVC思想,有开发方便,路由简单的特点,而且功能齐全 起步:Hel ...

  2. 简洁的MVC思想框架——Nancy（Session的使用）

    前文提到关于Nancy中GET和POST以及外部引用图片,css和JS的文件等操作.今天所讲的是Nancy关于Session相关操作. Session作为web开发中极其重要的一部分,而Nancy中S ...

  3. php ci框架中载入css和js文件失败的原因及解决方法

    在将html页面整合到ci框架里面的时候,载入css和js失败. 原因是ci框架是入口的框架 对框架中文件的全部请求都须要经过index.php处理完毕,当载入外部的css和js文件的时候要使 用ba ...

  4. 新作《ASP.NET MVC 5框架揭秘》正式出版

    ASP.NET MVC是一个建立在ASP.NET平台上基于MVC模式的Web开发框架,它提供了一种与Web Form完全不同的开发方式.ASP.NET Web Form借鉴了Windows Form基 ...

  5. Spring MVC + jpa框架搭建，及全面分析

    一,hibernate与jpa的关系 首先明确一点jpa是什么?以前我就搞不清楚jpa和hibernate的关系. 1,JPA(Java Persistence API)是Sun官方提出的Java持久 ...

  6. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(7)-DBSession的封装

    原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(7)-DBSession的封装 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架搭建    ...

  7. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(6)- EF上下文实例管理

    原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(6)- EF上下文实例管理 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架搭建    ( ...

  8. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(4)-业务逻辑层的封装

    原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(4)-业务逻辑层的封装 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架搭建    (2) ...

  9. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(3)-面向接口的编程

    原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(3)-面向接口的编程 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)  (1)框架搭建    (2):数据 ...

随机推荐

  1. 转载：Vim 配置入门

    转载:Vim 配置入门 原文地址:http://www.ruanyifeng.com/blog/2018/09/vimrc.html 作者: 阮一峰 Vim 是最重要的编辑器之一,主要有下面几个优点. ...

  2. 利用after和before伪元素在文字两边写横线

    示例: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="U ...

  3. python之类与对象属性的增删改查

    类属性与对象属性的增删改查 类属性的增删改查 class School: """ 文档 """ Teacher = "老王&quo ...

  4. Extjs win

    //创建window var win = Ext.create("Ext.window.Window", { id: "myWin", title: " ...

  5. 【HiJ1m】在NOIP2017前写过的有用的东西汇总

    http://www.cnblogs.com/Elfish/p/7544623.html 高级树状数组 http://www.cnblogs.com/Elfish/p/7554420.html BST ...

  6. [NOIP2012提高组]开车旅行

    题目:洛谷P1081.Vijos P1780.codevs1199. 题目大意:有n座海拔高度不相同的城市(编号1~n),两城市的距离就是两城市海拔之差.规定每次只能从编号小的城市走到编号大的城市. ...

  7. IDEA快速搭建 SpringCloud 注册中心与

    第一步:创建 注册中心(eureka)项目 按照以下步骤一步一步来(只是对于IDEA的初学者来说) (我这里选择maven项目.比较方便) 给注册中心项目 取上可爱的名称 第二步配置 eureka的p ...

  8. vue无缝滚动的插件开发填坑分享

    写插件的初衷 1.项目经常需要无缝滚动效果,当时写jq的时候用用msClass这个老插件,相对不上很好用. 2.后来转向vue在vue-awesome没有找到好的无缝滚动插件,除了配置swiper可以 ...

  9. 论文阅读《ActiveStereoNet:End-to-End Self-Supervised Learning for Active Stereo Systems》

    本文出自谷歌与普林斯顿大学研究人员之手并发表于计算机视觉顶会ECCV2018.本文首次提出了应用于主动双目立体视觉的深度学习解决方案,并引入了一种新的重构误差,采用自监督的方法来解决缺少ground ...

  10. Ubuntu下安装curl和corn

    Ubuntu下安装curl sudo apt install curl Ubuntu下安装cron apt-get install cron