之前介绍了关于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. hdu 1394 Minimum Inversion Number 【线段树求逆序数】

    之前写过树状数组的,再用线段树写一下--- #include<cstdio> #include<cstring> #include<iostream> #inclu ...

  2. EntityFramework 二

    特性 用来具体的设置数据库属性   [Table("表名")]//设置表名 public class User { [Key] //设置主键 [Column("列名&qu ...

  3. Unity5.X 编辑器介绍

      导航窗口中有一个 Add Asset Package 按钮,可以导入一些官方的资源包,例如Characters角色控制器   Windows → Layouts 可以更换窗口的摆放   常见视图 ...

  4. CentOS7上安装google谷歌浏览器

      1.首先进入根目录,然后进入etc/yum.repos.d目录下,创建google-chrome.repo文件 cd / cd etc/yum.repos.d vim google-chrome. ...

  5. vue实现分页器(仿element)

    1.起因 今日看完element中分页器的源码实现,比较简单,遂自己按着理解实现了一个简单的分页器,记录下来,以便日后温习. 2.实现难点 分页器的实现难点主要是什么时候显示分页器的省略, 我的思路是 ...

  6. [USACO17JAN] Subsequence Reversal序列反转 (dfs+记忆化)

    题目大意:给你一个序列,你可以翻转任意一段子序列一次,求最长不下降子序列长度 tips:子序列可以不连续,但不能破坏在原序列中的顺序 观察数据范围,n<=50,很小,考虑dfs *dfs来跑区间 ...

  7. JQuery获取ID含有特殊字符的DOM元素

    因为业务需要,DOM元素的ID被命名为"13/16(FCO26)",执行JQuery的DOM查询时,提示如下错误 Uncaught Error: Syntax error, unr ...

  8. [AngularJS]Chapter 4 AngularJS程序案例分析

    前边讲的都是基础.本章看看他们怎么合作的. 我们要建一个程序.一次一步.章末结束 [这个程序] GutHub是一个简单的菜谱管理程序.功能是存好吃的的菜谱并提供步骤.这个程序包含: 两列布局 左边是导 ...

  9. Springmvc Get请求Tomcat、WebLogic中文乱码问题

    Springmvc Get请求Tomcat.WebLogic中文乱码问题 学习了:http://www.cnblogs.com/qingdaofu/p/5633225.html http://www. ...

  10. Android application framework 分析[in process]

    application activity application service application UI system application sdk tool JVM 1 activity t ...