You are on page 1of 44

Chapter 16.

Web Applications in
Microsoft Visual Studio

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 1
Systems
Overview
• A Web application is a network application involving a HTTP
(HyperText Transfer Protocol) server and HTTP clients
– A HTTP server is a software system that hosts and stores web
pages
– A HTTP client is a software system that reads and displays web
pages
• Internet Explorer is a common HTTP client software
package for the Windows environment
• Internet Information Server (IIS) is a common HTTP server
software package for the Windows environment
– IIS is integrated in Visual Studio 2013

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 2
Systems
Overview
• A HTTP server and a HTTP client work together
through request-response cycles
– In each request-response cycle
 The HTTP client sends a request for a HTML file using
Universal Resource Locator (URL) to locate the HTTP
server and the HTML file held by the HTTP server
 The HTTP server receives the request and responds to
send the requested file to the HTTP client

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 3
Systems
Overview
• HyperText Markup Language (HTML) is used to
construct the appearance of the Web page
• Program code such as Visual Basic code can be
used to provide back-end functions of the
Web page

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 4
Systems
Overview
• 16.1 Starting a Web Application in Visual
Studio 2013
• 16.2 HTML
• 16.3 Multiple Web Forms
• 16.4 Database Connection

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 5
Systems
16.1 Starting a Web Application in Visual
Studio 2013
• Example 16.1: create a Web application, the
Healthcare Information System – Web,
including a Web form which is similar to the
Windows form in the Healthcare Information
System

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 6
Systems
16.1 Starting a Web Application in Visual
Studio 2013
• Example 16.1

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 7
Systems
16.1 Starting a Web Application in Visual
Studio 2013
• Example 16.1

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 8
Systems
16.1 Starting a Web Application in Visual
Studio 2013
• Example 16.1

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 9
Systems
16.1 Starting a Web Application in Visual
Studio 2013
• Example 16.1

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 10
Systems
16.1 Starting a Web Application in Visual
Studio 2013
• Example 16.1

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 11
Systems
16.1 Starting a Web Application in Visual
Studio 2013
• Example 16.1

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 12
Systems
16.1 Starting a Web Application in Visual
Studio 2013
• Example 16.1

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 13
Systems
16.1 Starting a Web Application in Visual
Studio 2013
• When a user clicks on a button on a Web page
at a client side, the Web page is automatically
posted back for server-side processing
• For all controls on a Web page except the
button control, the AutoPostBack properties of
controls are set to False
• We can use the Properties window to change
the AutoPostBack property of a control to True
for enabling the automatic post-back
Developing Windows-based and Web-enabled Information
NONG YE and TERESA WU 14
Systems
16.2 HTML
• HTML uses tags to mark web data
– <head runat=”server”></head>
– <body></body>
– <title></title>
– <title>Healthcare Information System</title>
– <asp:Label ID=”Label1” runat=”server” Text=“Select one
of the following:”></asp:Label>
– <asp:Label ID=”Label1” runat=”server” Text=“<b>Select
one of the following:</b>”></asp:Label>
– <a href=http://www.asu.edu>Arizona State University</a>

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 15
Systems
16.2 HTML
• HTML uses tags to mark web data

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 16
Systems
16.2 HTML
• HTML uses tags to mark web data

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 17
Systems
16.3 Multiple Web Forms
• Example 16.2: add FormEmployers,
FormPatients, FormProviders,
FormCompanies, FormPhamarcies, and
FormUpdates in the Healthcare Information
System – Web application, and link these
forms to FormMain

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 18
Systems
16.3 Multiple Web Forms
• Example 16.2

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 19
Systems
16.3 Multiple Web Forms
• Example 16.2

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 20
Systems
16.3 Multiple Web Forms
• Example 16.2

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 21
Systems
16.3 Multiple Web Forms
• Example 16.2

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 22
Systems
16.3 Multiple Web Forms
• Example 16.2

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 23
Systems
16.3 Multiple Web Forms
• Example 16.2

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 24
Systems
16.3 Multiple Web Forms
• Example 16.2

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 25
Systems
16.4 Database Connection
• Example 16.3: add FormU1 to the Healthcare
Information System – Web application, add
code to redirect from FormUpdates to
FormU1, and display data of the Person table
in the Healthcare Access database on FormU1

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 26
Systems
16.4 Database Connection
• Example 16.3

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 27
Systems
16.4 Database Connection
• Example 16.3

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 28
Systems
16.4 Database Connection
• Example 16.3

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 29
Systems
16.4 Database Connection
• Example 16.3

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 30
Systems
16.4 Database Connection
• Example 16.3

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 31
Systems
16.4 Database Connection
• Example 16.4: add FormPA4 to the Healthcare
Information System – Web application, and
display the query result of PAQ4 in the
Healthcare Access database on FormPA4. This
query presents a list of healthcare providers in
Phoenix, Arizona who are specialized in heart
diseases

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 32
Systems
16.4 Database Connection
• Example 16.4

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 33
Systems
16.4 Database Connection
• Example 16.4

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 34
Systems
16.4 Database Connection
• Example 16.4

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 35
Systems
16.4 Database Connection
• Example 16.4

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 36
Systems
16.4 Database Connection
• Example 16.4

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 37
Systems
16.4 Database Connection
• Example 16.4

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 38
Systems
16.4 Database Connection
• Example 16.4

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 39
Systems
16.4 Database Connection
• Example 16.4

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 40
Systems
16.4 Database Connection
• Example 16.5: add data of the CareProvider
table to FormU1 so that related data of the
Person table and the CareProvider data are
displayed

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 41
Systems
16.4 Database Connection
• Example 16.5

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 42
Systems
16.4 Database Connection
• Example 16.5

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 43
Systems
16.4 Database Connection
• Example 16.5

Developing Windows-based and Web-enabled Information


NONG YE and TERESA WU 44
Systems

You might also like