之前介绍了关于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. 【摘录】JAVA内存管理-JVM垃圾收集机制

    很多公司都有自己的JVM实现,被Oracle收购的sun公司开发的JVM实现名为HotSpot.这一实现是我们最常用到的. 还有哪些JVM实现呢?比较有名的有Oracle之前收购的BEA公司(就是以前 ...

  2. 跟着8张思维导图学习javascript （转）

    学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将po出8张javascript相关的思维导图. 思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又 ...

  3. 高次不定方程BSGS算法

    学习数学真是一件赛艇的事. BSGS名字听起来非常有意思,力拔山兮气盖世,北上广深,小步大步...算法其实更有意思,它是用来求解一个方程的 \(A^x≡B mod P\) 是不是特别眼熟,有几个式子长 ...

  4. 路飞学城Python-Day23

    1.计算机基础 Python可以实现各种应用软件,类比word.QQ.爱奇艺等,但是应用这些软件需要计算机硬件, 计算机发展的过程就是人类不断的希望机器去取代人力,解放更多的人力,最终极的理想就是完全 ...

  5. C#追加、拷贝、删除、移动文件、创建目录、递归删除文件夹及文件

    C#追加文件 StreamWriter sw = File.AppendText(Server.MapPath(".")+"\\myText.txt"); sw ...

  6. 洛谷4623 [COCI2012-2013#6] BUREK

    题目描述 给定N个三角形,和M条直线,直线要么平行于X轴,要么平行于Y轴,问这M条直线 分别经过多少个三角形内部 (注意是内部即分开的两个多边形的面积均大于零). 输入输出格式 输入格式: 第一行一个 ...

  7. springboot---web 应用开发-文件上传

    一.Spring Boot 默认使用 springMVC 包装好的解析器进行上传 二.添加代码 <form method="POST" enctype="multi ...

  8. 大数据相关文档&Api下载

    IT相关文档&Api下载(不断更新中) 下载地址:https://download.csdn.net/user/qq_42797237/uploads 如有没有你需要的API,可和我留言,留下 ...

  9. python和sudo python 出现no module named XXX

    今天使用python执行文件,然而显示权限不够, 但是加上sudo之后,又会显示no module named XXX 问题在于两者python路径中包含的库不同.解决方法: 分别进入两个python ...

  10. Opencv 视频转为图像序列

    本系列文章由 @YhL_Leo 出品,转载请注明出处. 文章链接: http://blog.csdn.net/yhl_leo/article/details/50283303 基于OpenCV的视频转 ...