To Documents

Using Visual Studio with ASP.Net

Creating a Web Project with Visual Studio

• Here are the steps for creating an ASP.Net project suitable for uploading onto ectweb2.
   
  
  1. Invoke Visual Studio: Programs >> Microsoft Visual Studio 2008 >> Microsoft Visual Studio 2008.
      
  2. Open an ASP.Net Project: Choose File in main menu >> New >> Project >> Project type: Visual C# Web, ASP.Net Web Application, Browse for location of the project, and set the name of the project as clickcounter.
      
  3. Find the Default.aspx Window. It should be in Source mode. If not, find the Source button. Click it to view the XHTML code for the Default.aspx page.
      
  4. Find the Design button. Click it to view the current contents of Default.aspx in Design mode in a WYSIWYG (what-you-see-is-what-you-get) editor. The page should currently be empty.
      
  5. Find the Toolbox Window. It is to the left of the Design/Split/Source Window. If the Toolbox is not visible, choose View in the main menu >> Toolbox.
      
  6. Place controls on the page. Drag a TextBox and a Button control from the Toolbox to the Default.aspx page in Design mode. Add spaces or carriage returns between the controls for readability. Leave the names of the controls as their default names TextBox1 and Button1.
      
  7. Change the Text of the Button control. Find the Properties Window to the right of the Default.aspx Window. Click on the Button control to select it. Find the Text property of the Button. Change it from Button to Click Me.
      
  8. Change the Text of the TextBox control. Click on the TextBox to select it. Find the Text property of the TextBox. Change it from blank to 0 (zero).
      
  9. Add an event handler. Double click on the Button control create a Click event handler for the button that looks like this:

     protected void Button1_Click(object sender, EventArgs e)
     {
     
     }
     

     Note that this code will be added in the Default.aspx.cs Window.
      
  10. Edit the event handler. Type text between the curly braces to add functionality to the event handler. The event handler should then look like this:

      protected void Button1_Click(object sender, EventArgs e)
      
      {
          int n = int.Parse(TextBox1.Text);
          n = n + 1;
          TextBox1.Text = n.ToString( );
      }
      

  11. View your webpage. Click the Start Debugging Button (the green button that looks like a triangle) >> Select the Start without debugging radio button >> Click OK. The Default.aspx page should appear in a browser.
       
  12. Text your webpage. Click the Click Me button. The number in the textbox should increase by 1.

   

  Modifying a Visual Studio Page to Upload

  Before uploading a page to ectweb2, the C# code must be moved from the Default.aspx.cs file to the Default.aspx file.

  1. Add script tags.   Click the Default.aspx tag at the top of the Code Window. Between the tag that starts with <@ Page and the tag that starts with <DOCTYPE, add these tags:

     <script runat=server>
     
     </script>
     

  2. Copy the Button1_Click event handler function from Default.aspx.cs to between the script tags in Default.cs. The resulting code should look like this;

     <script runat=server>
     protected void Button1_Click(object sender, EventArgs e)
     
     {
         int n = int.Parse(TextBox1.Text);
         n = n + 1;
         TextBox1.Text = n.ToString( );
     }
     </script>
     

  3. Delete the Default.aspx.cs and Default.aspx.designer.cs files. Find the Solution Explorer to the right of the Default.aspx Window. If the Default.aspx.cs and Default.aspx.designer.cs files are not visible, click the + to the left of Default.aspx. Right click on Default.aspx.cs and click Delete. Repeat for Default.aspx.designer.cs.
      
  4. Modify the Page tag. Modify the Page tag at the top of the Default.aspx code so that it looks like this:

     <%@ Page Language=C# %>
     

  5. Run and test the page again. Repeat Steps 11 and 12 of the previous section.
      
  6. Change the name of the webpage. Use the Solution Explorer to change the name of Default.aspx to sample.aspx.
      
  7. Upload your page. Upload sample.aspx to ectweb2.
      
  8. Upload a Web.config file. Create a file named Web.config that looks like this:

     <configuration>
         <system.web>
             <customErrors mode=Off />
         </system.web>
     </configuration>
     

     Upload it to your home directory that contains your index.htm of default.htm file. The Web.config file tells the ASP.Net interpreter to give meaningful compliler error messages.