ASP.NET MVC3手把手教你构建Web

开发工具:VS2010+MSSQL2005,需要使用MVC3.0

环境配置

第一步:到官方网站下载MVC3,提供了简体中文。先安装 AspNetMVC3ToolsUpdateSetup.exe,然后安装AspNetMVC3ToolsUpdateVS11Setup.exe

http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=1491

第二步:新建数据库,创建测试表。然后往表里insert些测试数据

USE [yanComdb]
GO
/****** 对象: Table [dbo].[NewsEntity] 脚本日期: 03/12/2012 22:03:59 ******/
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
CREATE TABLE [dbo].[NewsEntity](
 [NId] [int] IDENTITY(1,1) NOT NULL,
 [Title] [nvarchar](100) COLLATE Chinese_PRC_CI_AS NOT NULL,
 [Information] [text] COLLATE Chinese_PRC_CI_AS NULL,
 [Time] [datetime] NOT NULL CONSTRAINT [DF_NewsEntity_Time] DEFAULT (getdate()),
 CONSTRAINT [PK_NewsEntity] PRIMARY KEY CLUSTERED
(
 [NId] ASC
)WITH (PAD_INDEX = OFF, IGNORE_DUP_KEY = OFF) ON [PRIMARY]
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY] 

构建列表页面

第一步:打开VS,新建选择MVC3 web应用程序,输入项目名称以及目录

第二步:创建NewsEntity类,本文使用自己手写实体类(没有使用LinqtoSql,EF等orm)

[TableAttribute("NewsEntity")]//这行很重要,因为mvc框架默认去db中找类名复数的表名
 public class NewsEntity
 {
  [Key]//设置主键
  public int NId { get; set; } 

  [StringLength(100)]//设置验证信息
  [Required(ErrorMessage="标题不能为空")]
  [DisplayName("标题")]
  public string Title { get; set; } 

  [Required(ErrorMessage = "正文必须填写")]
  [DisplayName("正文")]
  public string Information { get; set; } 

  public DateTime Time { get; set; }
 } 

第三步:配置数据库连接字符,注意此处的name对应下一步中创建的类名。

<connectionStrings>
<add name="ProjectEntity" connectionString="Data Source=ip;Initial Catalog=yanComdb;Persist Security Info=True;User ID=;Password="
providerName="System.Data.SqlClient" />
</connectionStrings>

第四步:创建ProjectEntity类,需要继承DbContext

public class ProjectEntity : DbContext
 {
  public DbSet<NewsEntity> NewsEntity { get; set; }
 }

第五步:新建Controller,

ProjectEntity PE = new ProjectEntity();
  public ActionResult News()
  {
   try
   {
    var list = PE.NewsEntity.ToList();
    return View(list);
   }
   catch (Exception e)
   {
    throw e;
   }
  }

第六步:在News上右键,新建视图。勾选“创建强类型视图”,选择NewsEntity,支架模块选择List

添加后,cshtml代码如下:

@model IEnumerable<TaiQiu.Models.NewsEntity>
@{
 ViewBag.Title = "后台新闻管理列表";
 Layout = "~/Views/Shared/_MLayout.cshtml";
}
<h2>
 新闻列表</h2>
<p>
 @Html.ActionLink("添加", "Create")
</p>
<table>
 <tr>
  <th width="50px">
   ID
  </th>
  <th width="300px">
   标题
  </th>
  <th width="150px">
   时间
  </th>
  <th>
  </th>
 </tr>
 @foreach (var item in Model)
 {
  <tr>
   <td>
    @Html.DisplayFor(modelItem => item.NId)
   </td>
   <td>
    @Html.DisplayFor(modelItem => item.Title)
   </td>
   <td>
    @Html.DisplayFor(modelItem => item.Time)
   </td>
   <td>
    @Html.ActionLink("编辑", "EditNews", new { id = item.NId }) |
    @Html.ActionLink("删除", "DeleteNews", new { id=item.NId })
   </td>
  </tr>
 }
</table>

运行后效果图如下:

到此,第一个列表页面就完成了(未涉及分页,后续会更新)。关于添加,修改,删除也就很容易了。

添加Controller代码:

[HttpPost]
  [ValidateInput(false)]
  public ActionResult Create(NewsEntity news)
  {
   if (ModelState.IsValid)
   {
    news.Time = DateTime.Now;
    PE.NewsEntity.Add(news);
    try
    {
     PE.SaveChanges();
     return RedirectToAction("News");
    }
    catch (Exception e)
    {
     throw e;
    } 

   }
   return View();
  }

添加页面:

@model TaiQiu.Models.NewsEntity
@{
 ViewBag.Title = "添加新闻";
 Layout = "~/Views/Shared/_MLayout.cshtml";
}
<h2>
 添加新闻</h2>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/kindeditor/kindeditor.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/kindeditor/lang/zh_CN.js")" type="text/javascript"></script>
<script type="text/javascript">
  var editor;
  KindEditor.ready(function (K) {
   editor = K.create('textarea[name="Information"]', {
    allowFileManager: true
   });
  });
</script>
@using (Html.BeginForm())
{
 @Html.ValidationSummary(true)
 <fieldset>
  <legend>News</legend>
  <div class="editor-label">
   @Html.LabelFor(model => model.Title)
  </div>
  <div class="editor-field">
   @Html.TextBoxFor(model => model.Title, new { style = "width:500px" })
   @Html.ValidationMessageFor(model => model.Title)
  </div>
  <div class="editor-label">
   @Html.LabelFor(model => model.Information)
  </div>
  <div class="editor-field">
   @Html.TextAreaFor(model => model.Information, new { style="width:800px;height:400px"})
   @Html.ValidationMessageFor(model => model.Information)
  </div>
  <p>
   <input type="submit" value="Create" />
  </p>
 </fieldset>
}
<div>
 @Html.ActionLink("返回列表", "Index")
</div> 

修改页面一样,Controller稍微有点修改:

[HttpPost]
  [ValidateInput(false)]
  public ActionResult EditNews(NewsEntity news)
  {
   if (ModelState.IsValid)
   {
    news.Time = DateTime.Now;
    PE.Entry(news).State = EntityState.Modified;//修改
    PE.SaveChanges();
    return RedirectToAction("News");
   }
   return View(news);
  }

删除Controller代码:

public ActionResult DeleteNews(int id)
  {
   var model = PE.NewsEntity.Find(id);
   PE.NewsEntity.Remove(model);
   PE.SaveChanges();
   return RedirectToAction("News");
  }

小编刚接触MVC3,本文也只是本人学习中的一点点积累,有很多不好的地方,希望大家多提意思。

时间: 2015-09-15

asp.net(c#)ref,out ,params的区别

NO.1 params 一个可以让方法(函数)的拥有可变参数的关键字. 原则:在方法声明中的 params 关键字之后不允许任何其他参数,并且在方法声明中只允许一个 params 关键字. 示例(拷贝到vs2005中即可用,下面不再说明) 复制代码 代码如下: public partial class Form1 : Form { public static void UseParams(params int[] list) { string temp = ""; for (int i

ASP.NET2.0+SQL Server2005构建多层应用第1/4页

[推荐]ASP.NET2.0+SQL Server2005构建多层应用!!!!!@申请加分!@@! [sell=5]随着.NET 2.0的发布,将会使得使用ASP.NET 2.0来构建的Web应用越来越容易.使用ASP.NET 2.0和SQL Server 2005,将会比ASP.NET 1.1更方便地构建多层体系架构的web应用.本文,将使用ASP.NET 2.0和SQL Server 2005 (.net使用Visual Studio 2005 beta 2,SQL Server 2005使

ASP.NET MVC+EF框架+EasyUI实现权限管系列

前言:本文开始我们便一步一步的来实现这个权限系统的初步设计-框架搭建,首先我要说的是我们需要开发工具Visual Studio 2012或者10也行,其次是我们要有SQL Server数据库,如果是Visual Studio 2010的话,你还要安装MVC4的开发文件,这个是吗?我不记得了,谁可以回答我一下的,我一直用2012,都是集成好的,所以不太清楚.因为这篇博客比较简单,只是建立一个简单的架构,所以我顺便进行一下MVC的知识补充,后面我也会这样穿插着介绍项目中遇到的技术,下面开始今天之旅.

ASP.NET Ref和Out关键字区别分析

值类型 引用类型 以C#为例:其值类型为sbyte,byte,char,short,ushort,int,uint,long和ulong,float和double,当然还有decimal和bool.而引用类型则是string和object. 我想说的 我想说的就是--Ref和Out把我弄糊涂的原因是,当时没有认真的去分析它对不同类型所做出的不同的动作. 对于值类型. 使用了Ref和Out的效果就几乎和C中使用了指针变量一样.它能够让你直接对原数进行操作,而不是对那个原数的Copy进行操作.举个小

asp.net TemplateField模板中的Bind方法和Eval方法

比如我们要取个日期型的数据,在数据库中列名是updated,数值是2008/06/01.但是想2008年06月01日这样显示,我们可以这样来写Bind("updated", "{0:yyyy年MM月dd日}"),Eval也是如此. 2者都能读取数据中的值,并显示.当我们使用编辑更新操作时,Bind能够自动的将修改的值更新到数据库中,并显示出修改后的值.但是用了Eval却只能得到错误画面,新的数据没有更新到数据库中. 从这点看来,Bind方法和Eval方法的区别就是:

ASP.NET中的Inherits、CodeFile、CodeBehind的区别详解

Inherits.CodeFile.CodeBehind 在 ASP.NET 中使用代码隐藏方法来设计Web 窗体,可使页代码能够更清晰地从 HTML 内容中分离到完全单独的文件中. 通常一个 @page 指令如下: 复制代码 代码如下: < %@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="WebApplic

ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统之前端页面框架构建源码分享

开始,我们有了一系列的解决方案,我们将动手搭建新系统吧. 用户的体验已经需要越来越注重,这次我们是左右分栏,左边是系统菜单,右边是一个以tabs页组成的页面集合,每一个tab都可以单独刷新和关闭,因为他们会是一个iframe 工欲善其事必先利其器.需要用到以下工具. Visual Studio 2012 您可以安装MVC4 for vs2010用VS2010来开发,但是貌似你将不能使用EF5.0将会是EF4.4版本,但这没有多大的关系. MVC4将挂载在.NET Framework4.5上. 好

ASP.NET性能优化之构建自定义文件缓存

现在,借助于.NET4.0中的OutputCacheProvider,我们可以有多种选择创建自己的缓存.如,我们可以把HTML输出缓存存储到memcached分布式集群服务器,或者MongoDB中(一种常用的面向文档数据库,不妨阅读本篇http://msdn.microsoft.com/zh-cn/magazine/gg650661.aspx).当然,我们也可以把缓存作为文件存储到硬盘上,考虑到可扩展性,这是一种最廉价的做法,本文就是介绍如果构建自定义文件缓存. 1:OutputCachePro

使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目

Grunt 简介 Grunt是一款基于js和node.js的构建工具,由于这段时间node.js越来越火爆,grunt拥有丰富的开源社区支持,产生了很多插件.还有一些插件散落在node社区.构建是一个和宽泛的表述,传统理解就是编译.打包.复制,而今,随着技术越来越丰富,构建还包括对前端组件的预处理,比如sass.less预处理成css,css和js的压缩和合并.grunt的插件可以很好的支持这些新的构建概念,而且更为适合用开源技术堆砌的项目. 虽然Grunt更多的用于程序构建,但是本质上Grun

Asp.net TreeView来构建用户选择输入的方法 推荐

一般的单项数据选择可以使用DropdownList控件来实现,但对于有多个选择性输入,而且输入有层次关系的内容,最好选择TreeView控件来实现. 本文介绍如何使用使用TreeView控件来有效获取用户的输入,其中涉及到TreeView控件的级联选择.去掉节点HTML链接变为展开目录.获取选择内容.如何构造数据库的信息变为树形内容以及弹出窗口使用等知识点,本文输入应用级别的例子,希望能做个记号,对己对人,皆为利好!^_^ 本文的经营范围是一个可以输入分类及详细子内容的,由于内容繁多,而且具有一

php版微信返回用户text输入的方法

本文实例讲述了php版微信返回用户text输入的方法.分享给大家供大家参考,具体如下: 获得用户输入的内容,并发回相同内容 //获取post数据 // $PostData = $HTTP_RAW_POST_DATA; $PostData = file_get_contents("php://input"); //判断POST是否为空 if(!$PostData){ echo "wrong input!"; exit(0); } //解析XML字符串 $xmlObj

Ubuntu用户之间相互切换方法(推荐)

Ubuntu中root用户和user用户的相互切换 Ubuntu是最近很流行的一款Linux系统,因为Ubuntu默认是不启动root用户,现在介绍如何进入root的方法. (1)从user用户切换到root用户 不管是用图形模式登录Ubuntu,还是命令行模式登录,我们会发现缺省的用户是user 但是当我们需要执行一些具有root权限的操作(如修还系统文件)时,经常需要用sudo授权,感觉很麻烦 此时我们可以切换到root用户,只需要简单的执行sudo su 即可 注意: 出于安全考虑,默认时

python获取当前用户的主目录路径方法(推荐)

Python获取当前用户的主目录路径, 示例代码如下: #! /usr/bin/python # -*- coding: utf-8 -*- import os print os.environ['HOME'] print os.path.expandvars('$HOME') print os.path.expanduser('~') 以上就是小编为大家带来的python获取当前用户的主目录路径方法(推荐)全部内容了,希望大家多多支持我们~

Oracle数据库"记录被另一个用户锁住"解决方法(推荐)

1.先来看看为什么会出锁住: 数据库是一个多用户使用的共享资源.当多个用户并发地存取数据时,在数据库中就会产生多个事务同时存取同一数据的情况.若对并发操作不加控制就可能会读取和存储不正确的数据,破坏数据库的一致性. 加锁是实现数据库并发控制的一个非常重要的技术.当事务在对某个数据对象进行操作前,先向系统发出请求,对其加锁.加锁后事务就对该数据对象有了一定的控制,在该事务释放锁之前,其他的事务不能对此数据对象进行更新操作. 在数据库中有两种基本的锁类型:排它锁(Exclusive Locks,即X

Asp.net MVC 对所有用户输入的字符串字段做Trim处理的方法

经常需要对用户输入的数据在插入数据库或者判断之前做Trim处理,针对每个ViewModel的字段各自做处理是我们一般的想法.最近调查发现其实也可以一次性实现的. MVC4.6中实现方式 1,实现IModelBinder接口,创建自定义ModelBinder. public class TrimModelBinder : IModelBinder { public object BindModel(ControllerContext controllerContext, ModelBindingC

Asp.Mvc 2.0实现用户登录与注销功能实例讲解(2)

这一节讲解下ASP.MVC 2.0的用户登录与注销功能,先讲登录,后说注销.我们这个系列讲的用户登录方式都是FORM表单验证方式.在讲之前先给大家说下<%:%>的功能,<%:%>与<%=%>功能一样,用来动态输出内容. 一.登录 1. 建立MODEL 登录的时候,我们一般只要验证用户名和密码,还有是否保存登录COOKIE,所以我们建立一个MODEL登录类,只需包括3个字段就可以. /// <summary> /// 用户登录MODEL /// </su

Treeview动态添加用户控件传值和取值的实例代码

主要功能:勾选子节点的checkbox,右边会动态加载该节点的信息,出现TextBox让用户填写节点的值,点击保存按钮将文本框的值保存到对应的节点.里面涉及到了asp执行ascx页面里的事件,并取值.这是前台的代码:CustomXMLmanager.aspx 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomXMLmanager.aspx.cs&quo

建立自由的会计日期的报表--1.3.根据用户选择日期自动计算期初期末日期

3.根据用户选择的日期自动计算期初和期末日期 在"开始日期"文本框的控件来源处填写: =DateAdd("m", -1, CDate([年] & "-" & [月] & "-26")) 刚才学到的函数就用上了,这是个嵌套表达式,CDate([年] & "-" & [月] & "-26") 表示用户选择的日期的26日,整个表达式表示用户选择的

建立自由的会计日期的报表--1.2.创建让用户选择日期窗体

2.创建让用户选择日期窗体 创建一个窗体,添加以下控件:一个"年"组合框,一个"月"组合框,一个"开始日期"文本框,一个"结束日期"文本框.如果添加组合框时出现控件向导,取消向导. 把"年"组合框的数据属性设置如上图,这样用户就只能选择1999-2002年,当然还可以再增加年份.默认值为当前日期的年份. 和"年"组合框类似,把"月"组合框的数据属性设置如上图,这样用户