Code On Time: Tutorials

Friday, March 2, 2012Print Subscribe

Let’s create a new page in the application. Switch back to the web application generator, click on the “OrderForm” project name, and press Design.

The design environment allows you to change logical aspects of the project, and consists of two primary elements. The Project Designer, on the left side of the screen, displays a list of objects or properties of the selected object. On the right side of the screen, the Project Explorer allows you to browse and manipulate pages, controllers, and user controls. At the top of the screen, there are several buttons. The Generate button regenerates the web application and displays it in a built-in browser window, called Preview. The Browse button will regenerate the application and open it in your default browser. The Exit button goes back to the web application generator.

Let’s add a new page called Order Form. In the Designer’s action bar, press New | New Page. Give this page the following settings:

Property	Value
Name	OrderForm
Index	1005
Title	Order Form
Path	Order Form
Description	This is the order management form.
Style	Miscellaneous
About This Page	This is the order management form.
Roles	(blank)

Press OK to save the page.

We’ll need to add a container to this page to store the data views. In the Explorer, right-click on the Order Form page, and press New Container. None of the default properties need to be changed, so just press OK to save the container.

Let’s add an Orders data view. Right-click on the newly created container in the Explorer, and press New Data View. Enter the following settings for the data view.

Property	Values
Controller	Orders
View	grid1
Show Details in List Mode	False

Press OK to save the data view.

Let’s add another data view to show Order Details. Right-click on the container again and press New Data View. Enter the following settings:

Property	Values
Controller	Order Details
View	grid1
Show View Description	False
Show View Selector	False
Show Pagers	False
Page Size	300
Show Modal Forms	True
Filter Source	dv100
Filter Field	OrderID
Auto-Hide	Self

Press OK to save the data view. Press Generate in the top left corner, and wait for the Preview window to open. Log in, and you will see Order Form page on the menu bar and the site map.

Click on the Order Form link, and you will see a list of orders.

Select an order, and the order details will appear underneath.

Labels: Tutorials, Web Application Generator

Friday, March 2, 2012Print Subscribe

Generating the Web Application

You will now be on the Database Connection page. If you are using a free version of the generator, you are limited to 10 tables. You can select tables to generate by clicking on the Change button underneath the Connection String field. Include the following tables: Categories, Customers, Employees, Order Details, Orders, Products, Shippers, and Suppliers.

If you have a licensed version, you can skip selection of tables.

Once the database connection has been set up, keep pressing Next until you reach the Reporting page. Check the box to enable reporting, and press Next.

On the Authentication and Membership page, you can see that ASP.NET Membership has automatically been configured, provided that you installed the membership on the connection string page. If membership had already been added to your database previously, you can just click on Status button on the connection string page to make Code On Time configure the settings automatically.

Press Next, and you will be taken to the Features page. Under Page Header, insert “Order Form Sample”.

Switch to the Permalinks and History section, and enable both checkboxes.

Press Next twice to reach the Theme page. Select Modern theme. You can view samples of all the themes at http://codeontime.com/learn/introduction/user-interface/themes-a-c.

The next page allows you to change the language of the application, or enable multiple culture sets. Keep the default of en-US, and press Next twice. When the Summary screen comes up, press Generate.

When the generation is completed, the new web application will open in your default browser.

Labels: Tutorials, Web Application Generator

Friday, March 2, 2012Print Subscribe

Installing ASP.NET Membership

Microsoft has created ASP.NET Membership as a built-in method of validating and storing user credentials, allowing you to manage users and roles and have an integrated security solution without any effort on your part. Industry-standard security practices are found in the design of the membership database tables and API. Leading database vendors have implemented their own versions of ASP.NET Membership.

If Code On Time detects that ASP.NET Membership tables and views are integrated by your database, then it will generate a fly-over login dialog, self-service membership enrollment, membership bar, and membership manager for your application.

ASP.NET Membership can be added to any database via the Database Connection page.

Under Membership section, press Add button, and confirm to add membership.

Code On Time application generator will install ASP.NET Membership in your database and notify you upon completion. You will see the installation log at the bottom of the web application generator window.

Press OK on the confirmation window, and press OK to exit the Database Connection Configuration screen.

Labels: Tutorials, Web Application Generator