Database Reference
In-Depth Information
5. In the Solution Explorer pane, you should be able to see that StudentClub_WebRole
is created under Roles node. A web role can be used to construct the front end of
a web service. he web role will be referenced by a Windows Azure cloud service,
which includes three iles: ServiceDeinition.csdef, ServiceConiguration.Cloud.
cscfg, and ServiceConiguration.Local.cscfg. he ile ServiceDeinition.csdef contains
the metadata that deine Windows Azure. ServiceConiguration.Cloud.cscfg and
ServiceConiguration.Local.cscfg are the coniguration iles that specify the settings
for the cloud version of service and local version of service. he ile Default.aspx is
automatically opened. he Default.aspx ile can be used to display messages to the
users who interact with the application. As for the Student Club cloud service, you will
need to delete the web page automatically added by Microsoft Visual Studio. To do so,
right click
Default.aspx
and select
Delete
. You will create your own Default.aspx ile
in the next step.
6. To create a main web page for the student club, right click
StudentClub_WebRole
in Solution Explorer and choose
Add | New Item
in the menu. In the
Add New Item
dialog, choose the item type of
Visual C# | Web | Web Form using Master Page
and
set its name to be
Default.aspx
and click
Add
. On the Select a Master Page dialog,
click
OK
.
7. In the Default.aspx window, click the
Design
button to switch to the design view.
Expand the
Toolbox
on the left-hand side of your screen. hen, expand the
HTML
section and drag the
Table
control to the
MainContent
area.
8. Highlight the irst three cells in the irst row, right click at them and select
Modify |
Merge
. In the merged cell, type the following instruction and change the font size to
Large
on the menu bar:
Instruction
: Click the club radio button to select the club to join. In the textboxes,
enter your name, e-mail, and major. You may also upload your photo. hen, click the
Submit button to join the club.
9. From the
Standard
section of the
Toolbox
, drag the
RadioButtonList
control to
the cell at the second row and irst column. Click the smart tag and select
Edit
Items
. Once ListItem Collection Editor is opened, add three items and name them
as
Book Club
,
Soccer Club
, and
Computer Club
as shown in Figure 11.4. hen,
click
OK
.
10. From the
Data
section, drag one
ObjectDataSource
control to the cell at the third
row and the irst column.
11. From the
Standard
section, drag three
Label
and three
Te x t b ox
controls to the cell at
the second row and the second column.
12. From the
Standard
section, drag one
Button
control to the cell at the third row and
the second column.
13. From the
Standard
section, drag one
FileUpload
control to the cell at the third row
and the third column.
14. From the
Standard
section, drag one
Label
control and one
Image
control to the
cell at the second row and the third column. hen, conigure the controls as shown in
Table 11.5.
15. In the Solution Explorer dialog, right click the
StudentClub_WebRole
and select
View in Page Inspector
as shown in Figure 11.5.