In this series of articles, we will see examples for various concept of ZK Framework.
About the application
This is a small application to store the users information such as first name, last name, email, login id , password, etc. We will have the listing screen which will display all the users in the database. And from this listing screen, we will be able to add new users and edit the existing users in the database.
MySQL table structure.
CREATE TABLE `userprofile` (
`id` bigint(20) NOT NULL auto_increment,
`firstname` varchar(50) NOT NULL,
`lastname` varchar(50) NOT NULL,
`middlename` varchar(2) default NULL,
`userAccountNumber` varchar(50) NOT NULL,
`DOB` date default NULL,
`SSN` varchar(50) default NULL,
`address1` varchar(200) NOT NULL,
`address2` varchar(200) default NULL,
`city` varchar(100) NOT NULL,
`state` varchar(2) NOT NULL,
`zipcode` varchar(12) NOT NULL,
`email` varchar(100) NOT NULL,
`userloginid` varchar(20) NOT NULL,
`password` varchar(50) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1
Insert some records in the database for the above table
Technologies Used
1. ZK 6.5.2 CE Version
3. Hibernate Core Version 4.1.10 Final
4. Spring ORM Version 3.2.0
5. MySQL version 5
6. Maven 3
First let us setup the development environment. Download this document and follow the step by step instruction to install the necessary software’s.
Part 1: This post explain how to create ZK Maven project in eclipse IDE as step by step.
Part 2: This post talks about creating Domain, DAO and Service Layer.
Part 3: Spring Integration with Hibernate
Part 4: Presentation Layer
Part 5: Change the look and feel.
Part 6: Spring security 3 integration with hibernate 4
Part 7: More features such as Data filter, etc..
Part 8: ZK Theme customization for each user
Part 9: Bug Fixing Cycle :)
Part 10: jQuery integration with ZK Framework
Part 11: Store image in the database.
Part 12 : Validation using Hibernate Validator
Part 13 : More Validation using Hibernate Validator
You can download the source here
For online demo, click here.
Use the following user id and password to check out different theme for each user
a) For blue theme, user id : lee and password : lee.
b) For brown theme, user id : wing and password : wing
c) for Green theme, user id : dennis and password : dennis
d) For purple theme, user id : senthil and password : senthil
e) For red theme, user id : zkoss and password : zkoss
Screen shots
0 comments:
Post a Comment