Google+ Followers

Connect

Get Updates Via Email

Enter your email address:

Delivered by FeedBurner

Sunday, 6 July 2014

Google App Engine Hello world

In this article,I am going to show how to deploy J2EE Google Web Application in Google App Engine

 Step 1: Install Google App Engine in Eclipse Market Place.

Step 2: Create Google Web Application in Eclipse and Create  Google Web Application Name from Google App Engine Dashboard Page https://appengine.google.com/

Screen Shots


Project Folder Explorer Screen Shot
 


App Engine Xml Configuration
<?xml version="1.0" encoding="utf-8"?>
<appengine-web-app xmlns="http://appengine.google.com/ns/1.0">
  <application>jspexample123</application>
  <version>1</version>

  <!--
    Allows App Engine to send multiple requests to one instance in parallel:
  -->
  <threadsafe>true</threadsafe>

  <!-- Configure java.util.logging -->
  <system-properties>
    <property name="java.util.logging.config.file" value="WEB-INF/logging.properties"/>
  </system-properties>

  <!--
    HTTP Sessions are disabled by default. To enable HTTP sessions specify:

      <sessions-enabled>true</sessions-enabled>

    It's possible to reduce request latency by configuring your application to
    asynchronously write HTTP session data to the datastore:

      <async-session-persistence enabled="true" />

    With this feature enabled, there is a very small chance your app will see
    stale session data. For details, see
    http://code.google.com/appengine/docs/java/config/appconfig.html#Enabling_Sessions
  -->

</appengine-web-app>

Here,

<application>jspexample123</application>
  Web application has to be given the same name that I have given in the Google App Engine page 

In Web.xml
<?xml version="1.0" encoding="utf-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5">
<servlet>
<servlet-name>JspExampleinGAE</servlet-name>
<servlet-class>com.kumaran.jsp.JspExampleinGAEServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>JspExampleinGAE</servlet-name>
<url-pattern>/jspexampleingae</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
</welcome-file-list>
</web-app>

Servlet Coding

package com.kumaran.jsp;

import java.io.IOException;
import javax.servlet.http.*;

@SuppressWarnings("serial")
public class JspExampleinGAEServlet extends HttpServlet {
public void doGet(HttpServletRequest req, HttpServletResponse resp)
throws IOException {
resp.setContentType("text/html");
resp.getWriter().println("<h1>Hello, world<h1>");
}
}


Html Page

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Hello App Engine</title>
  </head>

  <body>
    <h1>Hello App Engine!</h1>
    <table>
      <tr>
        <td colspan="2" style="font-weight:bold;">Available Servlets:</td>        
      </tr>
      <tr>
        <td><a href="jspexampleingae">JspExampleinGAE</a></td>
      </tr>
    </table>
  </body>
</html>


Deploy this web application into google app engine







Sunday, 22 June 2014

Input Text Validation using BootStrap CSS and JQuery

HTML Code:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta charset="utf-8">
  <title>Text Input Validation</title>
</head>
<body>
  <strong>Enter any Data:<strong><br/>
<input type="text" class="btn-lg btn-default" id="test"/>
  <span id='testvalid'></span>
</body>
</html>

JQuery Script Code

$(document).ready(function(){
   
  //Blur Event checks the input field when it loses focus
  
  $('#test').blur(function(){
   
    //checks text value empty
    if($(this).val()==''){
      
     $('#test').addClass("btn-lg btn-danger");
      $('#testvalid').html("<span style='color:white;background-color:maroon;border-radius:7px;border-width:10px;box-shadow: 3px 3px 5px #999'>&nbsp; &#x2717 &nbsp;</span>");   
     
    }    
    else{
      $('#testvalid').html('');
      $('#test').addClass("btn-lg btn-default");
      
  
    }                  
  });
  
  //keyup event checks user giving entering data
  $('#test').keyup(function(){
        
    if($(this).val()!=''){
   $('#testvalid').html('');
      $('#test').removeClass("btn-danger");  
    }
                  
  });

});

Output:

Demo: 



Click here to Live Preview

Monday, 2 June 2014

How create directory or folder and Sub Folders in Java ?

Java Code Snippets

/**
* create single directory
*/
public static void CreateSingleDirectory(){
File file=new File("c:\\kumaran");
if(!file.exists()){
if(file.mkdir()){
System.out.println("Directory is created");
}
}
else{
System.out.println("File Already exist");
}
}

/**
* create multiple directory
*/
public static void CreateMultipleDirectory(){
File file=new File("c:\\kumaran\\projects\\project1");
if(!file.exists()){
if(file.mkdirs()){
System.out.println("Directories are created");
}
}
else{
System.out.println("Files are Already exist");
}
}

Output



AngularJS Hello world Text Input and ng-model

Code:

<!DOCTYPE html>
<html ng-app>
<head>
    <title>Hello World, Example</title>
    <script type="text/javascript"
        src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
</head>
<body>
     
    Write some text in textbox:
    <input type="text" ng-model="uservalue" />
    <h1>Hello {{ uservalue }}</h1>
     
</body>
</html> output: