TodoList

Next -> [[tutorials:todolist/4|Fourth Step, C, like Controller]] [[tutorials:todolist/2|Second Step, M, like Model]] <- Prev ====== Third Step, V, like View ====== Now let's get our hands dirty and just edit the templates for our to-do list. Start with editing **view/index.xhtml**, it is using the default templating of Ramaze, called Ezamar. The **index.xhtml** currently contains a default welcome page, remove the contents. Let's put some things in there, I'll explain the syntax as we go, it's quite simple.


  
    TodoList
  
  
    TodoList
    
      
        #{title}: #{status}

I will assume that you are familiar with basic Ruby already, so we will concentrate on the things new here. **** defines an area of ruby-code. Later, when the template is transformed into pure Ruby it will be evaluated. We iterate over the TodoList model and pass the title and value into a block. In that block we can just get the values of title and status (which we define based on the value) displayed on the page. The whole Template would expand to something like this (only showing the interesting part)


  Laundry: not done
  Wash dishes: not done

That wasn't too bad, huh? Now, so we can get our instant pleasure of seeing the result of our (hard) work, let's see how to start ramaze. In the todolist directory run **ramaze**. This will start an instance of Ramaze and run your application on it. You can now access it by browsing to http://localhost:7000/ 7000 is the default-port Ramaze will run on, to change it you can just run **ramaze -p 7070** or similar. Also be sure to look at the output of **ramaze --help** to see some other options. Next -> [[tutorials:todolist/4|Fourth Step, C, like Controller]] [[tutorials:todolist/2|Second Step, M, like Model]] <- Prev