Shulou(Shulou.com)06/02 Report--

Today, I would like to talk to you about the add operation in ASP.NET MVC 2.0. maybe many people don't know much about it. In order to make you understand better, the editor has summarized the following content for you. I hope you can get something according to this article.

Create a data model Model

The data model mainly includes data information, verification rules and business logic.

There are many ways to create Model, you can use Microsoft ADO.NET Entity Data Model, or you can use third-party tools to generate entity objects. For relatively simple entities, we can add them manually, which is manually typed here.

Analysis: some properties of the news entity object are defined here, and there are some comments on each Property, such as RequiredAttribute on the field Title, indicating that the Title field is a required field. If left empty, an error message will be displayed: "Please enter the title!"

The DataTypeAttribute property indicates that the data type of this field is a text type, which is a collection of enumerated types, as follows:

Member name

Description

Custom

Represents a custom data type.

DateTime

Represents an instant in time, expressed as a date and time of day.

Date

Represents a date value.

Time

Represents a time value.

Duration

Represents a continuous time during which an object exists.

PhoneNumber

Represents a phone number value.

Currency

Represents a currency value.

Text

Represents text that is displayed.

Html

Represents an HTML file.

MultilineText

Represents multi-line text.

EmailAddress

Represents an e-mail address.

Password

Represent a password value.

Url

Represents a URL value.

ImageUrl

Represents a URL to an image.

You can try these types separately to see what the final effect looks like. The DisplayNameAttribute property indicates that this field needs a text description.

Create a View view

MVC provides a wizard tool to generate View, which is very convenient, as shown in the following process steps: we create a new folder under the View folder and name it News

Right-click the News folder, select Add- > Add View function menu, and the following interface appears:

In the View name field, I can change the name of this view, such as AddNews

Select the Create a strongly-typed view field, select the entity class Model you just defined, and select the View content field for the Create operation.

The default value of other fields is OK

The final effect is shown in the following figure:

Click the [Add] button to add the AddNews.aspx view successfully. The core code for this file is as follows:

Would you like to add a new ®? Smell? New? Smell? Model.Title)% > model.CreateTime)% > model.CreateTime New {@ class = "date"})% > model.CreateTime) > model.Content)% > model.Content)% > model.Content)% >

Analysis:

In the date text box, add the property new {@ class = "date"}), which is for later display of the calendar control. To make the date text box display the date control, you can use Jquery UI by:

1. Download * UI class library from Jquery UI official website http://www.jqueryUI.com.

2. Add the CSS file and JS file of the calendar control to the project, as shown below

3. Add a reference to JS in the master page Site.Master and bind the calendar control to the text box when the page is initialized. The code is as follows:

$(document) .ready (function () {$("input:text.date") .datepicker ({dateFormat: "yy-mm-dd"});})

At this point, the text box of the calendar field can display the calendar control. Look at the effect picture later.

Create a Controller file

Under the Controllers folder, add a new News folder

Right-click and select Add- > Controller to display the following interface

Rename the Controller Name field to NewsController, and select the check box below. The final result is as follows:

Click the "Add" button to automatically generate some methods in Controller. At this time, make some modifications to the methods in Controller to complete the initialization of news pages and add news features. The code is as follows:

/ / GET: / News/Create / / complete page initialization public ActionResult AddNews () {return View () } / POST: / News/Create / / finish adding button event [HttpPost] public ActionResult AddNews (THelperMVC.Models.News.AddNewsModel news) {if (ModelState.IsValid) {newsService.AddNews (); return RedirectToAction ("index", "Home") } else {ModelState.AddModelError ("", "Please? Lose? Enter? Close? What is the meaning of the law? Letter? Rest! );} return View (news);}

Now that all levels of MVC have been created, let's take a look at the final effect.

Program effect diagram

After reading the above, do you have any further understanding of the add operation in ASP.NET MVC 2.0? If you want to know more knowledge or related content, please follow the industry information channel, thank you for your support.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.