Struts2-UI Tags-III

Struts2-UI-TAGS-II

Aim:

            We will examine the textarea and doubleselect and file UI Tags.

Procedure:

Step 1:

            Create project for struts2.

Step 2:

           

            Create Action class

Step 3:

            Made some changes in struts.xml

Step 4:

            Create home.jsp and display.jsp file

Step 5:

            Run the home.jsp file

Step 1:

            Create project name as UI-tag III

Open the netbean 6.8

File—New Project New Project window will open.

Select java web under categories and select web Application under Projects.

Next

New Web Application window will open.

Give project name ( UI-Tags-III)

Next and also Next

Select Framework

You select struts2

Finish

The project UI-Tags-III has created successfully.

NOTE:

Delete all files under example folder for web pages and source packages

Structure of the Struts2 Project

       

     Store all jsp files under web pages

    Store all action class under sources packages

Step 2:

Create Action class name as uiaction

Right click on example under Source Packages

New—Other—select Struts2 under categories and select Struts2 Action under File types.

Next

Give Action class name (uiaction)

Finish

The Action class uiaction has created successfully.

 

Include following coding into uiaction

package example;

import java.util.*;

import com.opensymphony.xwork2.ActionSupport;

public class UIAction extends ActionSupport

{

    private String address;

    private String dishes;

    public String getDishes() {

        return dishes;

    }

    public void setDishes(String dishes) {

        this.dishes = dishes;

    }

    public String getAddress()

    {

        return address;

    }

    public void setAddress(String address)

    {

        this.address = address;

    }

    public UIAction()

    {

    }

    public String execute() throws Exception

    {

       return "success";

    }

}

Step 3:

            Made some changes in struts.xml

< !DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
http://struts.apache.org/dtds/struts-2.0.dtd >

< struts >
< package name="example" namespace="/example" extends="struts-default" >
< action name="uiaction" class="example.uiaction" >
< result name="success" > /example/display.jsp < /result >
< result name="input" > /example/home.jsp < /result >
< /action >

< /package >
< /struts >

Step 4:

Create home.jsp

< %@taglib uri="/struts-tags" prefix="s" % >
< html >
< head >

< title & gt JSP Page < /title >

< /head >
< body >
< s:form action="uiaction" method="post" >
< s:file label="browse" accept="text/*"/ >
< s:textarea label="Address" name="address" cols="15" rows="5"/ >

< s:doubleselect label="Select Item"
headerValue="--- Please Select ---"
headerKey="1" list="{'Color','Fruits'}"
doubleName="dishes"
doubleList="top == 'Color' ? {'Black','Green','White',
'Yellow','Red','Pink'} : { 'Apple','Banana','Grapes','Mango'}" / >
< s:submit/ >
< /s:form >
< /body >
< /html >

Create display.jsp

< %@taglib uri="/struts-tags" prefix="s" % >
< html >
< head >
< title > JSP Page < /title >
< /head >
< body >

< s:property value="address" / >

< s:property value="dishes"/ >

< s:property value="file1"/ >

< /body >
< /html >


Step 5:

Run the display.jsp

Output

Struts2-UI TAGS-II

Struts2-UI-TAGS-II

Aim:

            We will learn the combobox and radio button and reset.

Procedure:

            Step 1:

            Create project for struts2.

            Step 2:

           

            Create Action class

            Step 3:

            Made some changes in struts.xml

            Step 4:

            Create home.jsp and display.jsp file

            Step 5:

            Run the home.jsp file

  

Step 1:

            Create project name as UI-tag II

 

Open the netbean 6.8

File—New Project New Project window will open.

Select java web under categories and select web Application under Projects.

Next

New Web Application window will open.

Give project name ( UI-Tags-II)

Next and also Next

Select Framework

You select struts2

Finish

The project UI-Tags-II has created successfully.

NOTE:

            Delete all files under example folder for web pages and source packages

Structure of the Struts2 Project

Note:

            Store all jsp files under web pages

            Store all action class under sources packages

Step 2:

            Create Action class name as uiaction

Right click on example under Source Packages

New—Other—select Struts2 under categories and select Struts2 Action under File types.

Next

Give Action class name (uiaction)

Finish

The Action class uiaction has created successfully.

Include following coding into uiaction

package example;

import com.opensymphony.xwork2.ActionSupport;

public class uiaction extends ActionSupport

{

    /* combo box */

    private String country;

    /* radio button */

    private String sex;

    public String getSex()

    {

        return sex;

    }

    public void setSex(String sex)

    {

        this.sex = sex;

    }

    /* check box */

    public String getCountry()

    {

        return country;

    }

    public void setCountry(String country)

    {

        this.country = country;

    }

    public uiaction()

    {

    }

    public String execute() throws Exception

    {

        return "success";

    }

}

Step 3:

            Made some changes in struts.xml

< !DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
http://struts.apache.org/dtds/struts-2.0.dtd >

< struts >
< package name="example" namespace="/example" extends="struts-default" >
< action name="uiaction" class="example.uiaction" >
< result name="success" > /example/display.jsp < /result >
< result name="input" > /example/home.jsp < /result >
< /action >

< /package >
< /struts >

Step 4:

Create home.jsp


< %@taglib uri="/struts-tags" prefix="s" % >
< html >
< head >
< title > JSP Page < /title >
< /head >
< body >
< s:form action="uiaction" method="post" >
< s:combobox label="Country" name="country"
list="{'India','Japan','England','Australia','Newzeland'}"
headerValue="--Select Country--"
headerKey="1"/ >

< s:radio label="Sex" list="{'Male','FeMale'}" name="sex"/ >


< s:submit value="OK"/ >

< s:reset label=”Clear” / >
< /s:form >
< /body >
< /html >

Create display.jsp

< %@taglib uri="/struts-tags" prefix="s" % >
< html >
< head >

< title > JSP Page < /title >
< /head >
< body >
Country:< s:property value="country"/ >
< br >
Sex: < s:property value="sex"/ >
< br >

< /body >
< /html >


Step 5:

Run the display.jsp

Struts2-UI TAGS-II

Struts2-UI TAGS-I

Struts2-UI Tags Example-I

AIM:

To understand how to use some UI tags such as label, textfield, password, form, submit.

Problem:

Create textfield for username and create password for password.

If you give correct username and password , the display.jsp file will display.

Otherwise the failure.jsp will display.

PROCEDURE:

Step 1:

            Create project Named UITags-I

Step 2:

            Create Action class named UIAction

            Include following coding into UIAction

package example;

import com.opensymphony.xwork2.ActionSupport;

public class UIAction extends ActionSupport

{

    private String username;

    private String password;

    public String getPassword()

    {

        return password;

    }

    public void setPassword(String password)

    {

        this.password = password;

    }

    public String getUsername()

    {

        return username;

    }

    public void setUsername(String username)

    {

        this.username = username;

    }

    public UIAction()

    {

    }

    public String execute() throws Exception

    {

       if((getUsername().equals("suresh"))&&(getPassword().equals("kumar")))

       {

           return "success";

       }

       else

       {

           return "failure";

       }

    }

}

Step 3:

            Made some changes in struts.xml

< !DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
http://struts.apache.org/dtds/struts-2.0.dtd >

< struts >

< package name="example" namespace="/example" extends="struts-default" >
< action name="uiaction" class="example.UIAction" >
< result name="input" > /example/register.jsp < /result >
< result name="success" > /example/display.jsp < /result >
< result name="failure" > /example/failure.jsp < /result >
< /action >
< /package >
< /struts >

Step 4:

Create register.jsp

Include following code into register.jsp

< %@taglib uri="/struts-tags" prefix="s" % >
< html >
< head >
< title > Register Page < /title >
< /head >
< body >
< s:form action="uiaction" method="post" >
< s:textfield name="username" label="UserName"/ >
< s:password name="password" label="PassWord"/ >
< s:submit value="OK"/ >
< /s:form >
< /body >
< /html >

Step 5:

            Create display.jsp

< %@taglib uri="/struts-tags" prefix="s" % >
< html >
< head >
< title > Register Page < /title >
< /head >
< body >

< h1 > WELCOME < /h1 > < h2 > < s:property value="username" > < /s:property > < /h2 >

< /body >
< /html >

Step 6:

            Create failure.jsp

< %@taglib uri="/struts-tags" prefix="s" % >
< html >
< head >
< title > Register Page < /title >
< /head >
< body >
< h1 > Hello ! < s:property value="username"/ > -- Who Are You? < /h1 >
< h2 > Enter Correct Username and password < /h2 >
< /body >
< /html >

Step 7:

            Run register.jsp

Conclusion:

            Form this , we have understood how to use textfield, password and form and submit tags.

Directory Structure of this project

Struts2-Dispatch Action Example-II

Struts2- Dispatch Action

AIM:

Dispatch action in struts2 is used to group the related function into the single action.

Problem:

            Index.jsp file contain two button one is One. Another is Two.

            If we click on One ,the one.jsp file will display.

            If we click on Two,thw\e two.jsp file will display.

Requirements:

            A). Action class(DisAction)

            B). jsp files(index.jsp,one.jsp,two.jsp)

            C). struts.xml

Procedure:

            Step 1:

                        Create Action

            Step 2:

                        Create  jsp files.(index.jsp,one.jsp,two.jsp)

            Step 3:

                        Made change in struts.xml

            Step 4:

                        Run index.jsp

Explanation:

Step 1:

            Create Action such as  DisAction

            Note:

            You follow the steps that have already posted in previous post.

            Include following coding into DisAction

package example;

import com.opensymphony.xwork2.ActionSupport;

public class DisBean extends ActionSupport

{

    public DisBean()

    {

    }

    public String execute() throws Exception

    {

        return "success";

    }

    public String one() throws Exception

    {

        return "one";

    }

    public String two() throws Exception

    {

        return "two";

    }

}

Step 2:

            Create index.jsp

< %@taglib uri="/struts-tags" prefix="s" % >
< html >
< head >
< title > Index < /title >
< /head >
< body >
< s:form action="User" method="post" >
< s:submit action="one" method="one" value="ONE"/ >
< s:submit action="two" method="two" value="TWO"/ >
< /s:form >
< /body >
< /html >


Create one.jsp


< html >
< head >
< title > Index < /title >
< /head >
< body >

< h1 > Hello World! < /h1 >

< b > You Are ONE < /b >

< /body >
< /html >



Create two.jsp

< html >
< head >
< title > Index < /title >
< /head >
< body >

< h1 > Hello World! < /h1 >

< b > You Are Two < /b >

< /body >
< /html >


Step 3:

Made some changes in struts.xml

< !DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
http://struts.apache.org/dtds/struts-2.0.dtd >

< struts >

< package name="example" namespace="/example" extends="struts-default" >
< action name="User" class="example.DisBean" >

< /action >
< action name="one" method="one" class="example.DisBean" >
< result name="one" > /example/one.jsp < /result >
< /action >
< action name="two" method="two" class="example.DisBean" >
< result name="two" > /example/two.jsp < /result >
< /action >
< /package >
< /struts >

Step 4:

Run the index.jsp

If you click on ONE the output is

If you click on TWO

Struts2-Date Flicker Example

Struts2- Date Flicker Example

AIM:

            To perform Date Flicker using Struts2 and Netbean6.8 IDE.

Procedure:

            There are four steps to create this example

            Step 1:

                        Create Action

            Step 2:

                       

                        Create jsp files

            Step 3:

                        Made changes in struts.xml

            Step 4:

                        Run the file

           

Step 1:

Create action Named as (DateFlickerPro)

Already you have known how to create action-using netbean.

And include following coding into the DateFlickerPro

package example;

import java.util.Date;

import com.opensymphony.xwork2.ActionSupport;

public class DateBean extends ActionSupport

{

    private Date todate;

    public Date getTodate()

    {

        return todate;

    }

    public void setTodate(Date todate)

    {

        this.todate = todate;

    }

    public DateBean()

    {

    }

    public String execute() throws Exception

    {

        setTodate(new Date());

        return "success";

    }

}

Step 2:

            Create jsp files.

            Create index.jsp

            Include following coding into index.jsp

< %@taglib uri="/struts-tags" prefix="s" % >
< html >
< head >

< title > Date FlickerExample < /title >
< s:head theme="ajax"/ >

< /head >
< body >

< s:datetimepicker name="todate" label="Format (yyyy-MM-dd)" displayFormat="yyyy-MM-dd"/ >

< s:datetimepicker name="todate" label="Format (dd-MMM-yyyy)" displayFormat="dd-MMM-yyyy"/ >

< /body >
< /html >

Step 3:

            Made some change in struts.xml

< !DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
http://struts.apache.org/dtds/struts-2.0.dtd >

< struts >

< package name="example" namespace="/example" extends="struts-default" >
< action name="FormDate" class="example.DateBean" >
< result name="success" > /example/index.jsp < /result >
< /action >
< /package >
< /struts >

Step 4:

             Run the index.jsp

You get output like below

Struts 2- Date Example

Aim:

To format the date. To learn how to format the date. There are many format available in struts2.

            There are many forms:

           

Format:

                        A). yyyy-MM-dd

                        B). MM/dd/yyyy 'at' hh:mm a

                        C). dd-MMM-yyyy 'at' hh:mm a

                        D). dd/MM/yyyy hh:mm

                        E). yyyy-MM-dd

Procedure:

Step 1:

            Create action support.

          Name: DateBean

          Right  click on example under source packages.

          New – other – struts2 – struts2 action.

          Next—give class name like DateBean.

You know how to create struts2 action using netbean6.8. if you forget the steps to create the struts2 action. Refer the previous post and continue this post.

Include the following code into the DateBean

package example;

import java.util.Date;

import com.opensymphony.xwork2.ActionSupport;

public class DateBean extends ActionSupport

{

    private Date todate;

    public Date getTodate()

    {

        return todate;

    }

    public void setTodate(Date todate)

    {

        this.todate = todate;

    }

    public DateBean()

    {

    }

    public String execute() throws Exception

    {

        setTodate(new Date());

        return "success";

    }

}

Step 2:

          Create  jsp file.

          Name: index.jsp

          Right click on example under web pages.

New – other—select web under catogories – select JSP under file types

Next

Give jsp file name like index

            Include following the code into the index.jsp

< %@taglib uri="/struts-tags" prefix="s" % >
< html >
< head >

< title > Date Example < /title >
< s:head theme="ajax"/ >
< /head >
< body >

< s:datetimepicker name="todate" label="Format (yyyy-MM-dd)" displayFormat="yyyy-MM-dd"/ >

< s:datetimepicker name="todate" label="Format (dd-MMM-yyyy)" displayFormat="dd-MMM-yyyy"/ >

< /body >
< /html >

Step 3:

          Change in struts.xml like below

 

 

< !DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
http://struts.apache.org/dtds/struts-2.0.dtd >

< struts >

< package name="example" namespace="/example" extends="struts-default" >
< action name="FormDate" class="example.DateBean" >
< result name="success" < /example/index.jsp < /result >
< /action >
< /package >
< /struts >

Step 4:

            Run the index.jsp

Conclusion:

To understand how to display the date from this post. You will to try the examine the different format