JDeveloper tutorial Create a component

1. JDeveloper for Joomla 3.x
Create a component

2. Create a component
In our example we want to sell pizza.

3. Create a component
1. Go to the
components view
and click “new”.
2. A formular will be
displayed.

4. Create a component
1. Fill the formular
2. Click “save and close”
The difference between “name” and “displayed name” is that
the first one is the folder’s name and the second one is the
menu name.

5. Create a component

6. Create a component
Now our component need a table to store the
data. We need the following data for pizza
orders:
- customer’s order (pizza name)
- customer’s name
- number of pizzas
- customer’s address

7. Create a component
Now go to the component view by clicking on
the component’s name. Then click “add table”

9. Create a component
1. Fill the form like in the screenshot (next site)
2. Click “save and close”

11. Create a component
Now our table needs fields. Go to the table tab
and click “add field” to add a new field to the
table.

12. Create a component
Now we fill the field form. In our case only the
database options are important.
Our first field should store the customer’s
name. The database column should be of type
VARCHAR with a length of 255 chars.

14. Create a component
Now click “save and close” to save the field.
The next step is to add a field where the
customer is able to select his desired pizza.
We provide “Hawaii”, “Funghi”, “4 Cheese” and
“Chili”.

15. Create a component
The “pizza” field type must be of type “list”,
because we have multiple predefined values
given.
Fill the form as shown in the screenshot (next
site):

17. Create a component
Now we need to add the options to the pizza-
field.
1. Move to the “Params and attributes” tab
2. Add options by clicking “add option”
3. fill the key and value boxes

18. Create a component
The key values will be stored in the database.
The values will be displayed in the input form.

19. Create a component
Save the pizza field. Now we have to add the
“number” field. The customer needs to tell us
how many pizzas we have to deliver.
The number field’s database type has to be
INTEGER.

21. Create a component
There is still one field missing. The customer
needs to tell us his address, otherwise we can’t
deliver the pizza.
The address needs more than one line, so we
set the form type to “textarea” and the database
column type to TEXT.

23. Create a component
After saving the fields our table should look like
this:

24. Create a component
Now the component is ready to be installed.
You have two options.
- Create an installable ZIP file of the
component
- Install the component directly

25. Create a component
We are installing the component directly. In
this case the install package is automatically
created.

26. Create a component
Click “install” in the component toolbar aboce
the table tab.

27. Create a component
The component is installed. Move to the main
menu, select “components” and then “My
Pizza”

28. Create a component
The following screenshots will show how to add
a order to the table (in the backend).

31. Create a component
That’s it! If you saved your order, the list view
should look like this:
We built our first component!