Chapter 6: Implementing CRUD"

From Documentation
Line 3: Line 3:
 
= Target Application =
 
= Target Application =
  
In this chapter, we are going to build an application with 4 basic operations, CRUD (Create, Read, Update, and Delete). The application's user interface looks like the image below:
+
In this chapter, we are going to build an application with 4 basic operations, CRUD (Create, Read, Update, and Delete). The application's user interface looks like the images below:
  
 
[[File:Tutorial-ch6-app.png | center | 600px]]
 
[[File:Tutorial-ch6-app.png | center | 600px]]
  
 +
Select an Item:
  
 
[[File:Tutorial-ch6-app-selected.png | center | 600px]]
 
[[File:Tutorial-ch6-app-selected.png | center | 600px]]
Line 16: Line 17:
 
#: Type item name in upper-left textbox and click [[File:Tutorial-chi6-plus.png]] or press "Enter" key to create a new todo item.
 
#: Type item name in upper-left textbox and click [[File:Tutorial-chi6-plus.png]] or press "Enter" key to create a new todo item.
 
# Finish a todo item.  
 
# Finish a todo item.  
#: Click the checkbox in front of a todo item to mark it as finished and the item name will be dashed.
+
#: Click the checkbox in front of a todo item to mark it as finished and the item name will be decorated with line-through.
 
# Modify a todo item.  
 
# Modify a todo item.  
 
#: Click an existing item and the detail editor appears. Then you can edit the item's details.
 
#: Click an existing item and the detail editor appears. Then you can edit the item's details.

Revision as of 10:01, 22 January 2013


Target Application

In this chapter, we are going to build an application with 4 basic operations, CRUD (Create, Read, Update, and Delete). The application's user interface looks like the images below:

Tutorial-ch6-app.png

Select an Item:

Tutorial-ch6-app-selected.png
Select a Todo Item


It is a personal todo list management system and it has following features:

  1. Create a todo item.
    Type item name in upper-left textbox and click File:Tutorial-chi6-plus.png or press "Enter" key to create a new todo item.
  2. Finish a todo item.
    Click the checkbox in front of a todo item to mark it as finished and the item name will be decorated with line-through.
  3. Modify a todo item.
    Click an existing item and the detail editor appears. Then you can edit the item's details.
  4. Delete a todo item.
    Click File:Tutorial-chi6-cross.png to delete an existing todo item.

MVC Approach

Read

Update

Create

Delete

MVVM Approach

Read

Update

Create

Delete