-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathdescription.html
More file actions
242 lines (222 loc) · 15.9 KB
/
description.html
File metadata and controls
242 lines (222 loc) · 15.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><link rel="stylesheet" type="text/css" href="https://i-msdn.sec.s-msft.com/Combined.css?resources=0:Header,0:HeaderFooterSprite,0:Header.NonMtps;/Areas/Centers/Themes/StandardDevCenter/Content:0&amp;v=D051540662D994D8842C2D71427E5FFB" xmlns="http://www.w3.org/1999/xhtml" />
<link type="text/css" rel="stylesheet" xmlns="http://www.w3.org/1999/xhtml" />
<link rel="stylesheet" type="text/css" href="https://i-msdn.sec.s-msft.com/Combined.css?resources=0:Footer,0:HeaderFooterSprite,0:Footer.NonMtps,1:NewFooterSock,1:LinkList;/Areas/Centers/Themes/StandardDevCenter/Content:0,/Areas/Epx/Themes/Base/Content:1&amp;v=B296DC89199ECF6E28A0D94C3246485C" xmlns="http://www.w3.org/1999/xhtml" />
<link type="text/css" rel="stylesheet" xmlns="http://www.w3.org/1999/xhtml" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Getting Started with ASP.NET 4.5 Web Forms and Visual Studio 2013 - Wingtip Toys</title>
<link href="description/Galleries.css" type="text/css" rel="Stylesheet" /><link href="description/Layout.css" type="text/css" rel="Stylesheet" /><link href="description/Brand.css" type="text/css" rel="Stylesheet" />
<link href="https://i1.code.msdn.s-msft.com/content/common/iframedescription.css" rel="Stylesheet" type="text/css" />
<script src="https://i1.code.msdn.s-msft.com/content/common/offline.js" type="text/javascript"></script>
<style type="text/css">
#projectInfo {
overflow: auto;
}
#longDesc {
clear:both;
margin: 25px 0 10px 0;
}
#SampleIndexList{
margin-left: 15px;
}
</style>
</head>
<body>
<div id="offlineDescription">
<h1>Getting Started with ASP.NET 4.5 Web Forms and Visual Studio 2013 - Wingtip Toys</h1>
<br/>
<div id="projectInfo">
<div class="section">
<div class="itemBarLong tagsContainer">
<label for="Technologies">Technologies</label>
<div id="Technologies">
ASP.NET Web Forms, ASP.NET 4.5, Visual Studio Express 2013 for Web
</div>
</div>
<div class="itemBarLong tagsContainer">
<label for="Topics">Topics</label>
<div id="Topics">
ASP.NET 4.5 Web Forms
</div>
</div>
<div class="itemBarLong">
<label for="Platforms">Platforms</label>
<div id="Platforms">
Web
</div>
</div>
<div class="itemBarLong">
<label for="Requirements">Requirements</label>
<div id="Requirements">
</div>
</div>
<div class="itemBar">
<label for="LastUpdated">Primary language</label>
<div id="LastUpdated">en-US</div>
</div>
<div class="itemBar">
<label for="LastUpdated">Updated</label>
<div id="LastUpdated">1/7/2016</div>
</div>
<div class="itemBarLong">
<label for="License">License</label>
<div id="License">
<a href="license.rtf">Apache License, Version 2.0</a></div>
</div>
<div class="itemBar">
<div class="viewonlinecont">
<a data-link="online" href="https://code.msdn.microsoft.com/Getting-Started-with-221c01f5">View this sample online</a>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function initializePage() {
var otherTabClass = 'otherTab';
var hiddenPreClass = 'hidden';
var htmlDecode = function(encodedData) {
var decodedData = "";
if (encodedData) {
var div = document.createElement('div');
div.innerHTML = encodedData;
decodedData = div.firstChild.nodeValue.replace( /\\r\\n/ig , '\r\n');
}
return decodedData;
};
Galleries.iterateElem(Galleries.findElem(null, 'div', 'scriptcode'), function (index, scriptBlock) {
var titleElem = Galleries.findElem(scriptBlock, 'div', 'title')[0];
var labelElems = Galleries.findElem(titleElem, 'span');
if (labelElems.length == 0) {
labelElems = titleElem;
}
var languageSpans = Galleries.findElem(scriptBlock, 'span', 'hidden');
var pres = Galleries.findElem(scriptBlock, 'pre');
if (languageSpans.length > 0 && pres.length > 1) {
Galleries.iterateElem(labelElems, function(index, elem) {
var codePre = pres[index];
var labelSpan = elem;
var languageSpan = languageSpans[index];
elem.code = codePre.innerHTML.replace( /(\r(\n)?)|((\r)?\n)/ig , '\\r\\n');
codePre.className = codePre.className.replace(hiddenPreClass, '');
languageSpan.parentNode.removeChild(languageSpan);
});
pres = Galleries.findElem(scriptBlock, 'pre');
Galleries.iterateElem(labelElems, function(index, elem) {
var codePre = pres[index];
var labelSpan = elem;
if (index == 0) {
scriptBlock.activeTab = 0;
}
else {
labelSpan.className += otherTabClass;
codePre.className += hiddenPreClass;
}
Galleries.attachEventHandler(labelSpan, 'click', function(e) {
var activeTab = scriptBlock.activeTab;
labelElems[activeTab].className += otherTabClass;
pres[activeTab].className += hiddenPreClass;
codePre.className = codePre.className.replace(hiddenPreClass, '');
labelSpan.className = labelSpan.className.replace(otherTabClass, '');
scriptBlock.activeTab = index;
});
});
var preview = Galleries.findElem(scriptBlock, 'div', 'preview');
if (preview.length == 0) {
preview.push(pres[pres.length - 1]);
}
Galleries.iterateElem(preview, function(index, elem) {
elem.parentNode.removeChild(elem);
});
if (window.clipboardData && clipboardData.setData) {
var copyLink = document.createElement('a');
copyLink.href = 'javascript:void(0);';
copyLink.className = 'copyCode';
copyLink.innerHTML = 'Copy code';
Galleries.attachEventHandler(copyLink, 'click', function (e) {
clipboardData.setData("Text", htmlDecode(labelElems[scriptBlock.activeTab].code));
return false;
});
scriptBlock.insertBefore(copyLink, scriptBlock.childNodes[0]);
}
}
});
}
Galleries.onWindowLoad(function(){
initializePage();
});
</script>
<div id="longDesc">
<h1>Introduction</h1>
<p>This download has been created for the <a title="Getting Started with ASP.NET 4.5 Web Forms" href="http://www.asp.net/web-forms/tutorials/aspnet-45/getting-started-with-aspnet-45-web-forms/introduction-and-overview">
Getting Started with ASP.NET 4.5 Web Forms and Visual Studio 2013</a> (Wingtip Toys) tutorial series available on the ASP.NET web site. This series of tutorials guides you through the steps required to create an ASP.NET Web Forms application using Visual Studio
Express 2013 for Web and ASP.NET 4.5.</p>
<p><strong>Related resources:</strong></p>
<ul>
<li><a href="http://download.microsoft.com/download/0/F/B/0FBFAA46-2BFD-478F-8E56-7BF3C672DF9D/Getting%20Started%20with%20ASP.NET%204.5%20Web%20Forms%20and%20Visual%20Studio%202013.pdf?cdn_id=2014-01-07-001" >E-book (PDF)</a> - Contains
the complete tutorial series. </li><li><a href="http://quizapp.cloudapp.net/?quiz=ASP.NET&cdn_id=2014-01-07-001" >ASP.NET Web Forms Quiz</a> - Review the content by taking the related ASP.NET Web Forms quiz.
</li></ul>
<p>The application you'll create is named <strong>WingtipToys</strong>. It's a simplified example of a store front web site that sells items online. This tutorial series highlights new features available in ASP.NET 4.5 and Visual Studio 2013.</p>
<p>Visit the tutorial series:<br>
<a title="Getting Started with ASP.NET 4.5 Web Forms" href="http://www.asp.net/web-forms/tutorials/aspnet-45/getting-started-with-aspnet-45-web-forms/introduction-and-overview">Getting Started with ASP.NET 4.5 Web Forms and Visual Studio 2013</a></p>
<p>Comments are welcome, and we'll make every effort to update this tutorial series based on your suggestions.</p>
<h1><span>Audience</span></h1>
<p>The intended audience of this tutorial series is experienced developers who are new to ASP.NET Web Forms. A developer interested in this tutorial series should have the following skills:</p>
<ul>
<li>Familiar with an object oriented programming (OOP) language </li><li>Familiar with Web development concepts (HTML, CSS, JavaScript) </li><li>Familiar with relational database concepts </li><li>Familiar with n-tier architecture concepts </li></ul>
<p><span style="font-size:20px; font-weight:bold">Application Features</span></p>
<p>The ASP.NET Web Form features presented in this series include:</p>
<ul>
<li>The Web Application Project (not Web Site Project) </li><li>Web Forms </li><li>Master Pages, Configuration </li><li>Bootstrap </li><li>Entity Framework Code First, LocalDB </li><li>Request Validation </li><li>Strongly Typed Data Controls, Model Binding, Data Annotations, and Value Providers
</li><li>SSL and OAuth </li><li>ASP.NET Identity, Configuration, and Authorization </li><li>Unobtrusive Validation </li><li>Routing </li><li>ASP.NET Error Handling </li></ul>
<h1>Application Scenarios and Tasks</h1>
<p>Tasks demonstrated in this first series include:</p>
<ul>
<li>Creating, reviewing and running the new project </li><li>Creating the database structure </li><li>Initializing and seeding the database </li><li>Customizing the UI using styles, graphics and a master page </li><li>Adding pages and navigation </li><li>Displaying menu details and product data </li><li>Creating a shopping cart </li><li>Adding SSL and OAuth support </li><li>Adding a payment method </li><li>Including an administrator role and a user to the application </li><li>Restricting access to specific pages and folder </li><li>Uploading a file to the web application </li><li>Implementing input validation </li><li>Registering routes for the web application </li><li>Implementing error handling and error logging </li></ul>
<h1>Overview</h1>
<p>If you are new to ASP.NET Web Forms but have familiarity with programming concepts, you have the right tutorial. If you are already familiar with ASP.NET Web Forms, you can benefit from this tutorial series by the new features available in ASP.NET 4.5 and
Visual Studio 2013. If you are unfamiliar with programming concepts and ASP.NET Web Forms, see
<a href="http://www.asp.net/web-forms">Getting Started</a> on the ASP.NET Web site for additional tutorial information.</p>
<p>In addition to the features mention above, this code sample specifically includes the following ASP.NET 4.5 and Visual Studio 2013 features:</p>
<ul>
<li>A simple UI for creating projects that offer <a href="http://www.asp.net/visual-studio/overview/2013/creating-web-projects-in-visual-studio#add">
support for multiple ASP.NET frameworks</a> (Web Forms, MVC, and Web API). </li><li><a href="http://www.asp.net/visual-studio/overview/2013/creating-web-projects-in-visual-studio#bootstrap">Bootstrap</a>, a layout and theming framework that provides responsive design and theming capabilities.
</li><li><a href="http://www.asp.net/identity">ASP.NET Identity</a>, a new ASP.NET membership system that works the same in all ASP.NET frameworks and works with web hosting software other than IIS.
</li><li><a href="http://msdn.microsoft.com/data/ef.aspx">Entity Framework 6</a>, an update to the Entity Framework which allows you retrieve and manipulate data as strongly typed objects, access data asynchronous, handle transient connection faults, and log SQL
statements. </li></ul>
<p>For a complete list of ASP.NET 4.5 features, see <a href="http://www.asp.net/visual-studio/overview/2013/release-notes">
ASP.NET and Web Tools for Visual Studio 2013 Release Notes</a>.</p>
<h1>The Wingtip Toys Sample Application</h1>
<p>The following screen shots provide a quick view of the ASP.NET Web forms application that you will create in this tutorial series. When you run the application from Visual Studio Express 2013 for Web, you will see the following web Home page.</p>
<p><img src="https://i1.code.msdn.s-msft.com/getting-started-with-221c01f5/image/file/146998/1/wingtiptoys.png" alt="" width="1008" height="539" id="146998" style="width:625px; height:357px"></p>
<p> </p>
<h1>Download the Sample Application</h1>
<p>After installing the prerequisites, you are ready to begin creating the new Web project that is presented in this tutorial series. If you would like to run the sample application that this tutorial series creates, you can download it from the MSDN Samples
site (here). This download contains the following in the <em>C#</em> folder:</p>
<ul>
<li>The sample application in the <em>WingtipToys</em> folder. </li><li>The resources used to create the sample application in the <em>WingtipToys-Assets</em> folder.
</li></ul>
<p>The download is a <em>.zip</em> file. To see the completed project that this tutorial series creates, find and select the
<em>C#</em> folder in the <em>.zip</em> file. Save the <em>C#</em> folder <strong>
</strong>to your Visual Studio 2013 Projects folder. By default this is the following folder:</p>
<p>C:\Users\<em><username></em>\Documents\Visual Studio 2013\Projects</p>
<p>Rename the <em>C#</em> folder to <em>WingtipToys</em>.</p>
<p><strong>Note</strong></p>
<p>If you already have a folder named <em>WingtipToys</em> in your <strong>Projects</strong> folder, temporarily rename that existing folder before renaming the
<em>C#</em> folder.</p>
<p>To run the completed project, open the <em>WingtipToys</em> folder and double-click the
<em>WingtipToys.sln</em> file. Visual Studio Express 2013 for Web will open the project. Next, right-click the
<em>Default.aspx</em> file in the <strong>Solution Explorer</strong> window and click
<strong>View In Browser</strong> from the right-click menu.</p>
<p>To use PayPal with this sample, you must modify this sample by adding the
<strong>API Username</strong>, the <strong>API Password</strong>, and the <strong>
Signature</strong>. See the <strong>Integrating PayPal</strong> section of the <strong>
Checkout and Payment with PayPal</strong> tutorial. Also, you must update the LoalHost port number. See the
<strong>Update the LocalHost Port Number in the PayPal Class </strong>section of the
<strong>Checkout and Payment with PayPal </strong>tutorial.</p>
<div class="mcePaste" id="_mcePaste" style="left:-10000px; top:711px; width:1px; height:1px; overflow:hidden">
</div>
</div>
</div>
</body>
</html>