CSE686 - Internet Programming

Lecture #4 - Asp.Net Programming Model

Asp.Net and MVC

Web Resources:

Color Lab Color Codes HTML tags Everything HTML XML, HTML, Scripting webdeveloper.earthweb devx... W3Schools Web Developer's Virtual Library World-Wide Web Consortium WebReference

Content:

This lecture is concerned with the Active Server Pages programming model. We will see that Web Applications are built in much the same way as WinForm programs.
  1. Syllabus describes topics to be covered, reading material for you to digest before coming to class, and due dates for the assigned projects.
  2. We will be using Piazza for Q&A help. You will find the Piazza site here http://piazza.com/syr/spring2015/cse686.
  3. Registering Asp.Net with IIS and Visual Studio Webserver

    If you installed Visual Studio 2013 before activating IIS you will need to run a script to enable processing of Asp.Net applications in IIS and Visual Studio webserver. Here's a link for Win 7, and for Win 8.1. Note that registration is different for the two versions of Windows.

  4. Registering the FileSystemObject

    If you were unable to use the FileSystemObject in last week's lab it may be that it has not been registered. Here's a link that tells you how to do that: Register FSO. This is a forum Q&A. Scroll down to the bottom to see an appropriate answer.

  5. Final Project Statements:

    Project #1 - Code Repository
    Project #2 - Stories
    Project #3 - Publishing clickable code pages New version

    These projects require you to build a website and associated Web API service using Asp.Net, and Asp.Net MVC, SQL Server, XML, and WPF.

  6. Running Projects downloaded from College Server

  7. ASP.Net Tutorials and References:

    w3schools
    AspNet webforms tutorial
    AspNet MVC tutorial
    AspNet Ajax tutorial

    aspAlliance
    asptutorial.info
    Asynchronous Asp.Net pages
    Javascript

  8. Resources:

    MSDN Asp Page Resources:
    Page Class, Page Syntax

    Web Forms:
    Web Server Control Syntax, Html Server Controls, Custom Server Control Syntax

  9. Asp.Net:

    Asp.Net Presentation #1
    Creating Virtual Directory for Downloaded Applications
    Interactive Asp.Net Demo
  10. Interactive Demos:

    Note: zip files are in the parent directory: Handouts/CSE686/code/Palider/Lect4.

  11. Page class and User Controls:

    Create Event Handlers, Page Events, OnLoad vs. Page_Load vs. Load Event

    Bind Array to Asp.Net DataGrid, AspNetExamples - Basic, AspNetExamples - Partition, AspNetExamples - Page Class Reflection, AspNetExamples code
    Loading User Controls, Loading User Controls code

  12. Web Controls Examples:

    DataBind, DownLoad File, Upload File, AspNet worker process write and modify priviledges
    AspExamples - code
  13. Page Controls:

    HTMLServer Controls, WebServer Controls, UserControls, Controls code
  14. More Asp.Net Details:

    Asp.Net Presentation #2

  15. Asp.Net MVC

    Microsoft has updated the MVC framework to version #5. We will use that via Visual Studio 2013.

    Asp.Net MVC Presentation
  16. Lab Assignment #4

  17. Note for last week's Lecture:

    Visual Studio makes it easy to run Asp.Net applications - those with an aspx extension. However, it turns out that you cannot run Asp scripts - those with an asp extension - in Visual Studio. However, you can edit them easily in Visual Studio and run from IIS. Here are the steps:

    • Set up IIS to serve Asp applications. A previous TA, Vinay Vasyani, put together a description of how to do that here.
    • Use note pad or the Visual Studio editor to create your Asp application (use a .asp extension).
    • Create a virtual directory for your asp application. The presentation here shows you how to do that for either Vista or Win7.
    • Now, open a browser to the path: http://localhost/VirtualDirectoryName/AspFileName.asp. You should see your application running. If you get errors the browser may silently do nothing or display an error page. If that happens, comment out or remove the scripting parts and make sure you can see the rendering of the application's html. Now piece by piece add back in the scripting parts, viewing the results in the browser at each step.

      If you use the Chrome browser, on errors, you should be redirected to web pages that provide some resources for debugging.