MVC music store-Part 1: Overview and new projects

Source: Internet
Author: User
Tags visual studio 2010

This article reposted from http://www.asp.net/mvc/tutorials/mvc-music-store,ByMeFlipTranslation.

Recently, the company has had fewer things, so there was a lot of time to "rush". I saw a discussion of MVC in the group, but I have never touched on MVC since I graduated. In the past (including the present), projects were generally written in a three-tier structure, all of which were old-fashioned. I found some information on the Internet, but it is hard to understand. Later I switched to msdn and found that many of the tutorials were good,Lao Zhao Series of tutorials, a little incomprehensible (did not take it seriously, sorry ). For a dish that has never been used to MVC, I don't know about it.CodeIs very difficult, this series of tutorials is good.

Overview:

The MVC music store is an MVC application.ProgramTutorial, which guides learners step by step to develop Web applications using MVC and Visual Studio. We will start from the most basic (create an MVC project), so it doesn't matter if you only have development experience for Web beginners.

We will create a simple music store, which consists of three parts: shopping, checkout, and management.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

We can browse by album category:

 

 

 

 

 

 

 

 

 

 

 

 

 

We can view the specified album and add it to the shopping cart:

You can view the items that have been added to the shopping cart and manage them (such as editing and deleting ):

 

 

 

 

 

 

 

 

 

 

During the checkout, you will be prompted whether the user is a new user (registered account) or an old customer (directly logged on ):

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

After creating an account, enter the information on the order and make a payment. For the sake of simplicity, we need to make an amazing promotion: If we select "free" during shopping checkout, everything will be free!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

After confirming the order, we will see a simple confirmation interface:

 

 

 

 

 

 

 

 

 

 

We will create a page that the administrator can manage to facilitate the Administrator to create, edit, and delete items:

 

 

 

 

 

 

 

 

 

 

1. File-> new project

Create a new ASP. net mvc 3 Project

Start Visual Studio 2010, select "new-> project" from the "file" menu, and enter the "new project" dialog box.

 

Select Visual C #-> web template group on the left, and then select "ASP. net MVC 3 web application, name the solution as "mvcmusicstore", and then press "OK"

 

Next, a second-level dialog box is displayed. We will make some specific settings for the MVC project. Select the following options:

Project template-select null

View engine-select razor

Use HTML5 semantic tag-Check

 

Confirm your settings, as shown in. Then, click OK.

In Solution Explorer on the right, we can see the newly created MVC music store project.

 

The newly created ASP. net mvc 3 project is not completely empty. By default, IDE (vs2010) creates a basic directory structure.

In the newly created ASP. net mvc project, IDE uses some basic naming conventions to name folder names.

Folder Function
/Content Contains images and CSS files
/Controllers Process the content entered by the browser, decide what to do, and return the result
/Models Data and operations on Data
/Scripts JavaScript files
/Views Ui Template

 

 

 

 

 

 

 

 

 

 

Even if an empty ASP.. Net MVC applications also contain these folders. By default, these folders are Asp. the. net mvc framework uses the "Conventions due to configuration" method to set some default settings. For example, by default, if you do not explicitly specify which views belong to a project, the program searches for views under the view folder by default. Using this Convention can reduce the amount of code to be written. It is important that other developers can easily understand your project. In the future, we will use this Convention more in the project.

 

 

NOTE: If IDE (vs2010) does not have ASP. net mvc 3, download the installation package-Example

Http://www.microsoft.com/downloads/en/details.aspx? Displaylang = en & familyid = d2928bc1-f48c-4e95-a064-2a455a22c8f6, select a language based on your preferences. Note: If you want to install the Chinese language, first install the 20.9m file, and then install the Chinese Language Pack (1.8 m.

 

Learners can follow this series of tutorials, You can also download the complete source code (official): http://mvcmusicstore.codeplex.com

(Exclusive) My IDE environment, because I am also a beginner, so I also learn based on this series of tutorials. I willArticleAt the end of this article, I want to write some beginner's experience.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.