MVC音乐商店 - 第一部分:概述和新建项目

  本文转载自 http://www.asp.net/mvc/tutorials/mvc-music-store ,译整理。

  最近公司的事情比较少,所以有较多的时间来“冲冲电”,看到群里有讨论MVC,但是毕业到现在,从来没去接触MVC。以前(包括现在)写的项目一般都是三层结构,都是老套的了。在网上找了些资料,但是比较难看懂。后面在msdn里转了转,发现许多的教程都不错,老赵 的系列教程,有点看不懂(也没认真去看,sorry)。对于从没接触过MVC的小菜来说,去看不了解的代码是很吃力的,这系列教程不错哈。

概述:

MVC音乐商店是一个MVC应用程序教程,该教程将一步步的引导学习者去使用MVC和Visual Studio开发web应用程序。我们将从最基本的开始(新建mvc项目),因此,即使只拥有web初学者的开发经验也没关系。

我们将创建一个简单的音乐商店,主要由三部分组成:购物,结账和管理

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  

我们可以按相册类别来浏览:

 

 

 

 

 

 

 

 

 

 

 

 

 

我们可以查看指定的相册,并把他添加到购物车里:

  

我们可以查看已添加到购物车的商品,并进行管理(编辑、删除之类):

 

 

 

 

 

 

 

 

 

 

  

在结账时,会提示用户是一个新用户(注册账户)还是老顾客(直接登录):

 

 

 

 

 

 

 

 

 

  

 

 

 

 

 

 

 

 

 

 

 

  

创建帐号后,填写订单上的信息,并付款。为了简单起见,我们需要进行一个惊人的推广: 如果购物结账时,选择“FREE”,那么一切都是免费的!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  

确认订单后,我们将看到一个简单的确认界面:

 

 

 

 

 

 

 

 

 

 

  

我们将建立一个管理员能管理的页面,便于管理员创建、编辑和删除商品:

 

 

 

 

 

 

 

 

 

 

  

1.文件 -> 新项目

创建一个新的ASP.NET MVC 3项目

启动Visual Studio 2010,从“文件”菜单中选择“新建 ->项目”,进入“新建项目”对话框

 

在左侧选择Visual C# - > Web模板组,然后选择“ASP.NET MVC 3 Web 应用程序”,将解决方案名称命名为“MvcMusicStore”,然后按“确定”按钮

 

接下来将显示一个二级对话框,我们将对Mvc项目进行一些具体设置。选择以下选项:

项目模板 - 选择空

视图引擎 - 选择Razor

使用HTML5语义化的标记 - 检查

 

确认您的设置如下图所示,然后按“确定”按钮

 

 

在右侧的“解决方案资源管理器”中,我们可以看到新建的Mvc音乐商店项目

 

新建的ASP.NET Mvc 3项目并不是完全空的,IDE(VS2010)默认创建了一个基本的目录结构

在新建的ASP.NET MVC项目中, IDE使用了一些基本的命名约定来命名文件夹名称

文件夹 作用
/Content 包含一些图片、css文件
/Controllers 处理浏览器输入的内容,决定要做什么,并返回结果
/Models 数据以及对数据的操作
/Scripts javascript文件
/Views UI模板

 

 

 

 

 

 

 

 

 

 

  即使创建的是一个空的ASP.NET MVC 应用程序,也会包含这些文件夹,这些文件夹在默认情况下,ASP.NET MVC框架采用的是“约定由于配置”的方法,来设定某些默认的设置。例如,在默认情况下,如果你没有在项目中显式的指定哪些是属于视图的,那么程序就会默认寻找在VIEW文件夹下寻找视图。使用这种约定能降低需要编写的代码量,重要的是可以使其他开发者更容易理解您的项目。后续我们将在项目中更多的使用这种约定。

 

 

NOTE: 如果IDE(VS2010中)没有ASP.NET MVC 3,那么从这里去下载安装包 -↓

http://www.microsoft.com/downloads/en/details.aspx?displaylang=en&FamilyID=d2928bc1-f48c-4e95-a064-2a455a22c8f6 ,根据自己喜好去选择语言吧。注意,如果安装中文,请先安装那个20.9M的文件,再安装中文语言包(1.8M)即可。

 

  学习者可以根据这系列教程来,也可以直接下载完整源码(官方提供):http://mvcmusicstore.codeplex.com

   截图(个别除外)来自我的IDE环境,因为我自己也是初学,所以,我也是根据这系列教程进行学习的。我会在后续文章的末尾写些初学的体会。

posted on 2012-09-12 14:47  Verms  阅读(994)  评论(0编辑  收藏  举报

导航