This tutorial walks you through a demo web application project. This guide helps you create an application in JBStrap while introducing four basic things:
- user interface design,
- web data management and component management using data in the JBStrap framework,
- event management.
The result is a simple order management application that helps users to keep track of orders and products.
Using the following features, you will learn how to:
Retrieve a searchable order list from a database. Selecting a list item automatically displays the items in the order. Double clicking on an order enables you to edit the order in a pop-up window. By default, the editor window is opened only in read mode. Modifying the data is only possible if you click on a dedicated button.
Create another page where users can place a new order. Check the entered data so that only a correct order can be included in the database. Save the new, validated order to the database. At this point a database transaction is used to ensure that no erroneous or incomplete records or orders are saved to the database.
Create a simple search interface that enables you to apply a text search to all order items in the database.
Let's look at the steps you have to take in order to launch your first JBStrap application:
- Step 1 - Requirements : this chapter tells you about the requirements you need to fulfill before you start developing applications in JBStrap.
- Step 2 - Create a project : the actual steps you need to take to launch your project.
- Step 3 - Database setup : this sample project uses a database, and to be able to use it, you have to create it first.
- Step 4 - Domain classes : the next step after setting up the database is to create domain classes. These classes are the representation of the database in your application.
- Step 5 - DataDescriptors : this step teaches you how to use one of JBStrap's main strengths, the DataDescriptor. DataDescriptors implement an automatic data binding between the server and the clients.
- Step 6 - Constants : store important labels texts, messages, etc. in constants to easily change them later on. This step shows you how to do it.
- Step 7 - The user interface : with all the background work done, now you can focus on the visual appearance and user interactions in the application.
- Step 8 - Parameters : before starting the application, you need to configure some basic page and menu settings.
- Step 9 - Testing : this step shows you how to test your application.