上一节给出了应用的两个主要UML类图,应用采用的技术也给出了,这一节开始实际设计编码

一.应用公开的方法

其实就几个的方法而已

1.代办事项的CRUD

2.代办事项归类目录的CRUD

3.代表事项“已完成”的更改。

二.MVC如何应用到系统中

引入MVC框架是为了更好的抽象应用程序各个模块,强制将应用程序分为三个大部分(Model-View-Controller),那么我们的应用在MVC框架下各个模块是怎么存放的呢?

Model: TodoCatalog、TodoEvent
View:

其实我们在一个页面(视图)就可以完成所有操作,这个页面应该展示事项列表,

并将我们的页面操作提交到Controller,接受结果再显示。

Controller: 控制器应该公开许多方法,再由页面请求调用并返回结果。

要说简单吧,其实也就3个类,一个HTML文件就可以搞定这事了。

三.初步了解ASP.Net MVC

3.1 路由系统

  ASP.Net MVC的路由系统相当强大,它使用一种约定成俗的命名规则来确定由哪个模块/方法提供服务,非常灵活。

其实MVC的路由系统使用IHttpHandler也可以做到类似的效果,但它做的事情不止这些,它还能帮助我们把HTTP请求的数据包装为实体对象,比如客户端使用表单提交了一个Json数据,只要Json的属性名跟我们定义的实体类对得上(不区分大小写),那么在请求处理方法的参数里我们可以直接这么写

/// <summary>
/// 保存代表事项
/// </summary>
public JsonResult SaveEvent(TodoEvent todoEvent)

注意跟IHttpHandler一样,MVC的路由处理配置也是可以配置的。

当你新建一个MVC项目时,默认的Global.asax文件(继承HttpApplication),在ApplicationStar的时候就调用了路由的配置代码RouteConfig.RegisterRoutes。

public class RouteConfig
{
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); routes.MapRoute(
name: "Default",
url: "{controller}/{action}/{id}",
defaults: new { controller = "TodoList", action = "Index", id = UrlParameter.Optional }
);
}
}

如上,我让Default路由指向了Url为 “域名/TodoList/Index”,那么默认访问的第一个页面就是由TodoListController的Index方法给出的。

3.2 视图引擎Razor

MVC采用全新的杂交水稻方式开发视图界面,基于Razor的@语法,我们可以直接在编写HTML时直接访问C#的代码,非常灵活的解决了Model与View数据传输与展示的问题。

比如我们的TodlList列出所有代办事项时可以这么写,妈妈再也不用担心我加班了!

@
{
foreach (var catalog in catalogs)
{
<div class="div_catalog">
<!--归类名称-->
<div class="div_catalogName">@catalog.CatalogName</div>
<!--归类下所有代办事项-->
@foreach (TodoEvent todo in catalog.Events.Values)
{
<div class="div_todoevent">
@todo.Summary
</div>
}
</div>
}
}

其实简单说Razor就是把原先蹩脚的<% %> 用 @ 取代了,关于它的细节可以参考

Razor 语法

3.3 数据验证

有了Razor跟路由系统足够我们很快写出这个应用的后台了,为了方便编码,MVC还提供了其他的一些特性,比如数据验证。

在表单数据提交的时候,不管桌面软件还是Web应用,默认客户端都是不可信的,对于客户端提交的数据都会进行严格的验证。

然而数据验证的代码其实大部分千篇一律,为了消除这些重复劳动,MVC提供了几个Attribute给我们实体的属性作为验证,比如限制一个属性必须填写、一个属性必须在某个范围内,可以使用如下Attribute

[Required]     //必填字段
public string ProductName{ get; set;} [Range(0,1000)] //整型
或者
[Range(typeof(decimal),"0.00","49.99")] //decimal类型
public decimal Price{ get; set;}

详细的Attribute可以参考

MVC 数据验证

四.项目结构

了解了基本的MVC知识后我做出了如下的项目结构,非常简单

服务端主要就是一个Controller包含所有操作方法,一个Index的视图作为主界面,DataBase、DataContext和Entity是属于数据访问层的,因为项目比较小就没分出来了。

其实服务端工作量挺少的,就不贴代码了,下一节直接编写客户端。

TodoList开发笔记 – Part Ⅱ的更多相关文章

  1. TodoList开发笔记 – Part Ⅳ

    跌跌撞撞总算是把客户端开发好了,后台的代码因为不复杂,就写了些单元测试跑一跑就算通过了,大部分时间都是在调整脚本. 这一节开始部署TodoList项目. 一.了解IIS(Internet Infoma ...

  2. TodoList开发笔记 – PartⅠ

    做了一年多的桌面软件,最近开始转向Web方面的开发,既然比较熟悉Net那么首当其冲就是学习ASP.Net,以及HTML.CSS.Javascript. 为了检验这个把星期来的学习成果,着手做了一个To ...

  3. TodoList开发笔记 – Part Ⅲ

    本节开始对TodoList项目的客户端进行开发 一.初步了解JQuery 其实我在学校时有接触过一段时间的Web开发,虽然代码量不多也不复杂,但也已经感受到了各浏览器对Web各项标准的恶意,Web界对 ...

  4. [开发笔记]-未找到与约束ContractName Microsoft.VisualStudio.Text.ITextDocumentFactoryService...匹配的导出【转载自:酷小孩】

    原文地址:http://www.cnblogs.com/babycool/p/3199158.html 今天打算用VisualStudio2012做一个js效果页面测试的时候,打开VS2012新建项目 ...

  5. EasyUI 开发笔记(二)

    接上篇 :EasyUI 开发笔记(一)  (http://www.cnblogs.com/yiayi/p/3485258.html) 这期就简单介绍下, easyui 的 list 展示, 在easy ...

  6. EasyUI 开发笔记(一)

    由于某些原因,在公司做的后台需要改成类似于Ext.js 形式的后台,主要看好其中的 框架布局,以及tab开页面和弹出式内部窗体. 后来看看,改成EasyUI,较Ext.js 库小很多,也便于公司的初级 ...

  7. [Openwrt 项目开发笔记]:Openwrt平台搭建(一)

    [Openwrt项目开发笔记]系列文章传送门:http://www.cnblogs.com/double-win/p/3888399.html 正文: 最近开始着手进行Openwrt平台的物联网网关设 ...

  8. Android移动APP开发笔记——Cordova(PhoneGap)通过CordovaPlugin插件调用 Activity 实例

    引言 Cordova(PhoneGap)采用的是HTML5+JavaScript混合模式来开发移动手机APP,因此当页面需要获取手机内部某些信息时(例如:联系人信息,坐标定位,短信等),程序就需要调用 ...

  9. Android移动APP开发笔记——最新版Cordova 5.3.1(PhoneGap)搭建开发环境

    引言 简单介绍一下Cordova的来历,Cordova的前身叫PhoneGap,自被Adobe收购后交由Apache管理,并将其核心功能开源改名为Cordova.它能让你使用HTML5轻松调用本地AP ...

随机推荐

  1. [Tool]利用Advanced Installer建立x86/x64在一起的安装程式

    原文 [Tool]利用Advanced Installer建立x86/x64在一起的安装程式 之前使用InstallShield做安装程式时,如果要将程式放在Program Files的话,需要分别针 ...

  2. Intelli idea 常用快捷键汇总

    To navigate to the implementation(s) of an abstract method, position the caret at its usage or its n ...

  3. JAVA学习第五十九课 — 网络编程概述

    网络模型 OSI(Open System Interconnection)开放系统互连:參考模型 TCP/IP 网络通讯要素 IP地址 port号 传输协议 网络參考模型 七层OSI模型的基本概念要了 ...

  4. 他的第一个NDK的Demo

    DEMO下载链接: http://download.csdn.net/detail/logicsboy/7535409 首先给你们恶补下啥是NDK:(我从百度Copy的) NDK全称:Native D ...

  5. 【甘道夫】官方网站MapReduce代码注释具体实例

    引言 1.本文不描写叙述MapReduce入门知识,这类知识网上非常多.请自行查阅 2.本文的实例代码来自官网 http://hadoop.apache.org/docs/current/hadoop ...

  6. React.js初探(一)

    前端框架多如牛毛的今天,团队的技术选型很重要,没有最好的,只有最合适的,这话早已经被说烂了. 但是作为一个有追求的前端,对新技术的敏感以及尝试心理还是要有的. 虽然React已经火的不行了,但由于自己 ...

  7. Dom中的nodeName、nodeValue 、nodeType

    nodeName.nodeValue 以及 nodeType 包含有关于节点的信息. nodeName 属性含有某个节点的名称. 元素节点的 nodeName 是标签名称 属性节点的 nodeName ...

  8. C++中避免内存泄露常见的解决方式

    常见内存泄露及解决方式-选自ood启发录 new/delete, array new/arrray delete匹配 case 1: 在类的构造函数与析构函数中没有匹配地调用 new/delete! ...

  9. Swift语言指南(七)--语言基础之布尔值和类型别名

    原文:Swift语言指南(七)--语言基础之布尔值和类型别名 布尔值 Swift有一个基本布尔类型,叫做布尔(bool),布尔值又称逻辑值(logical),因为它只能为真(true)或假(false ...

  10. cocos2d-x 3.2 2048——第六部分(最后一章)

    ***************************************转载请注明出处:http://blog.csdn.net/lttree************************** ...