LAB MANUAL

FULL STACK
DE VEL O PM EN T
20CS52I

V Semester
Computer Science
 Certificate
Name : Sem: IV Semester

Register Number :

Institution : GOVERNMENT WOMEN’S POLYTECHNIC

KALABURGI

This is certified that the above mentioned student has successfully carried out lab

practice sessions in the Full Stack Development – 20CS51I integrated course during the

academic year 2022-23.

Course Coordinator

Examiner Signature

1. _____________________

2. _____________________
 List of Programs
SNo. Name of the programs Date of programs Page Remarks
no
Develop small retail application for
online shopping, Write the user stories
1.
for this application using jira project
management tool.
Write the user stories for building a
2. 100 bed hospital using jira Project
management tool.
Create a student resume to apply in a
3. company and upload it on git
repository and update it.
A student want to login his/her Online
Examnitaion Form. Create an Online
4.
Examination login Form and check
validation.
Write a SpringCore program and inject
5.
the object using MethodInjection.
Write a SpringCore program and inject
6. the object using ConstructionInjection
method.
Write a SpringCore program and inject
7. the object using setterInjection
method.
Write a SpringCore program and inject
8. the object using FieldInjection
method.

Write a simple program using spring

9.
boot to display student information
 using appropriate annotations.

Develop the data access layer of the

employee management application to
perform the database operations
given below using spring data JPA.
Display employee details by passing
10
employee name.
Display employee details by passing
employee salary.

Create a springboot application and

11.
perfrom CURD operations.

Create a RESTcontroller class to insert

12.
employee details and display them.
 1. Develop small retail application for online shopping, Write the user
stories for this application using jira project management tool.
[Link] at least one epic and seven user story from above case. Link the story to epic
2. Get free JIRA account and create Scrum project
3. Enter the Backlog (Epic, story, subtask and Bug) in JIRA
4. Make a release plan, by assigning stories to three sprints
5. Start and complete one sprint
6. Submit screenshot of Epic, Backlog, release
7. plan, Story, Scrum board with task in various states

EPIC:
Develop small Retail application for online shopping

STORY :
1. Develop product search UI screen [description-gather product items, add in product
screen,create search facility for this screen]
2. Task
3. Find product items as provided by user
4. Develop product search service
5. Develop shopping CARD UI for selected product
6. Develop shopping CARD service
7. Develop searched product online order UI component
8. Develop searched product online order service
9. Develop searched product online payment UI components

BUG :
 Shopping card screen not working properly
 Issue while searching product in product search screen (description-issue fixed and unit testing
done please procced with QA testing)

OUTPUT :
EPIC:

Task: creating task into the story 1

BACKLOG :
SPRINT:
Scrum board: scrum board in initial condition
Scrum board with task in various states:
2:Write the user stories for building a 100 bed hospital using jira
Project management tool.
3: CREATE A STUDENT RESUME TO APPLY IN A
COMPANY AND UPLOAD IT ON GIT REPOSITORY
AND UPDATE IT.
▪ creating a repository,
▪ cloning a repository,
▪ making and recording changes
▪ staging and committing changes,
▪ viewing the history of all the changes undoing changes.

To create a REPOSITORY ,first CREATE a ACCOUNT by going to the browser

Search Github ,
click on ,Create an Account :- Give Username, Email & Password.

Click on, Create Repository , name the repository (kctp) set for PUBLIC & add
[Link] file.
Create a file ([Link]) in (main branch repository(kctp)).

GIT BRANCHING AND MERGING BASIC

To create a BRANCH ,click on MAIN ,click on VIEW ALL BRANCHES ,click on NEW
BRANCH name it (BRANCH2) , click on create [Link] a file in branch2, of
([Link] )file commit the file .
Below Commit new file write type (create yourfilename .txt),write something
into that file.
Add optional description(creating),click on COMMIT NEW FILE.
It will ask for (COMPARE & PULL) ,click on that

Next click on (create pull request),

next click on (Merge pull request),
next click on (confirm merge).
Its shows Pull request successfully merged and closed.
Now go to code ,there your new .txt file will be there which is merged.

CLONING A REPOSITORY
Click on Code , copy that https link ,
Now open GIT BASH or download it from the browser
Type (cd ..) till you come to C:drive .
1: check git version (git --version)
2: git config --global [Link] “xyz”
3: git config --global [Link] xyz@[Link]
4: Now paste that https link
Git clone [Link]
5: ls, after typing this command ,your repository will be there, locally
6: cd (your repository name) ,now you will be in the main branch

7: ls (it shows the files present in your repository)

8: Now locally modify a [Link]
9: git status (it shows modified file)
10: git add [Link] (modified file name)
11: git commit -m “file1” ( in quotation write file name)
12: git push origin main
13: git pull origin main

The Modified Content Should Also Appear In Github Repository.

4: A student want to login his/her Online Examnitaion
Form. Create an Online Examination login Form and
check validation.
[Link]:-
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Form Validation</title>
<link rel="preconnect" href="[Link]
<link rel="preconnect" href="[Link]
crossorigin>
<link
href="[Link]
display=swap" rel="stylesheet">
<link rel="stylesheet" href="./[Link]">
<script defer src="./[Link]"></script>
</head>
<body>
<div class="container">
<form id="form" action="/">
<h1>Registration</h1>
<div class="input-control">
<label for="username">Username</label>
<input id="username" name="username" type="text">
<div class="error"></div>
</div>
<div class="input-control">
<label for="email">Email</label>
<input id="email" name="email" type="text">
<div class="error"></div>
</div>
<div class="input-control">
<label for="password">Password</label>
<input id="password"name="password" type="password">
<div class="error"></div>
</div>
<div class="input-control">
<label for="password2">Password again</label>
<input id="password2"name="password2"
type="password">
<div class="error"></div>
</div>
 <button type="submit">Sign Up</button>
</form>
</div>
</body>
</html>

[Link]:-
body {
background: linear-gradient(to right, #0f2027, #203a43,
#2c5364);
font-family: 'Poppins', sans-serif;
}

#form {
width: 300px;
margin: 20vh auto 0 auto;
padding: 20px;
background-color: whitesmoke;
border-radius: 4px;
font-size: 12px;
}

#form h1 {
color: #0f2027;
text-align: center;
}

#form button {
padding: 10px;
margin-top: 10px;
width: 100%;
color: white;
background-color: rgb(41, 57, 194);
border: none;
border-radius: 4px;
}

.input-control {
display: flex;
flex-direction: column;
}

.input-control input {
border: 2px solid #f0f0f0;
border-radius: 4px;
display: block;
font-size: 12px;
 padding: 10px;
width: 100%;
}

.input-control input:focus {
outline: 0;
}

.[Link] input {
border-color: #09c372;
}

.[Link] input {
border-color: #ff3860;
}

.input-control .error {
color: #ff3860;
font-size: 9px;
height: 13px;
}

Js:-
const form = [Link]('form');
const username = [Link]('username');
const email = [Link]('email');
const password = [Link]('password');
const password2 = [Link]('password2');

[Link]('submit', e => {
[Link]();

validateInputs();
});

const setError = (element, message) => {

const inputControl = [Link];
const errorDisplay = [Link]('.error');

[Link] = message;
[Link]('error');
[Link]('success')
}

const setSuccess = element => {

const inputControl = [Link];
 const errorDisplay = [Link]('.error');

[Link] = '';
[Link]('success');
[Link]('error');
};

const isValidEmail = email => {

const re =
/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-
9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-
9]+\.)+[a-zA-Z]{2,}))$/;
return [Link](String(email).toLowerCase());
}

const validateInputs = () => {

const usernameValue = [Link]();
const emailValue = [Link]();
const passwordValue = [Link]();
const password2Value = [Link]();

if(usernameValue === '') {

setError(username, 'Username is required');
} else {
setSuccess(username);
}

if(emailValue === '') {

setError(email, 'Email is required');
} else if (!isValidEmail(emailValue)) {
setError(email, 'Provide a valid email address');
} else {
setSuccess(email);
}

if(passwordValue === '') {

setError(password, 'Password is required');
} else if ([Link] < 8 ) {
setError(password, 'Password must be at least 8 character.')
} else {
setSuccess(password);
}

if(password2Value === '') {

setError(password2, 'Please confirm your password');
} else if (password2Value !== passwordValue) {
setError(password2, "Passwords doesn't match");
} else {
 setSuccess(password2);
}

};

Output:-
5: Write a SpringCore program and inject the object
using MethodInjection.
1. Create a simple java maven project.
2. Maven dependency
Add spring and maven dependency in [Link].
<project xmlns="[Link]
xmlns:xsi="[Link]
xsi:schemaLocation="[Link]
[Link]
<modelVersion>4.0.0</modelVersion>
<groupId>[Link]</groupId>
<artifactId>SpringCoreXML_Ex1</artifactId>
<version>0.0.1-SNAPSHOT</version>

<properties>
<[Link]>11</[Link]>
<[Link]>11</[Link]>
</properties>

<dependencies>

<dependency>
<groupId>[Link]</groupId>
<artifactId>spring-context</artifactId>
<version>5.3.9</version>
</dependency>

</dependencies>
</project>

3. Create Bean class

Create a bean class called [Link] in
package [Link]

package [Link];
public abstract class Student {

private int rollNo;

private String name;

public abstract Address getAddressObject();

public int getRollNo() {

return rollNo;
}

public void setRollNo(int rollNo) {

[Link] = rollNo;
}

public String getName() {

return name;
}

public void setName(String name) {

[Link] = name;
}

public void displayStudentDetails() {

[Link]("ROLLNO="+rollNo+" :
NAME="+name+" : CITY="+getAddressObject().getCity());
}

Create a bean class called [Link] in

package [Link]
package [Link];

public class Address {

private String city;

 public String getCity() {
return city;
}

public void setCity(String city) {

[Link] = city;
}

public Address getAddressObject() {

return this;
}

4. [Link]
Create [Link] in src/main/resources as
below.
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="[Link]
xmlns:xsi="[Link]
xmlns:context="[Link]
xt"

xsi:schemaLocation="[Link]
beans
[Link]
[Link]
[Link]
[Link]
[Link] ">

<bean id="addr" class="[Link]" >

<property name="city" value="Kalaburagi"> </property>
</bean>

<bean id="sobj" class="[Link]" >

<property name="rollNo" value="102"> </property>
<property name="name" value="Jyothi"> </property>
 <lookup-method bean="addr"
name="getAddressObject"></lookup-method>
</bean>

</beans>

5. Create [Link]
Create a class named "[Link]"
in [Link] package.
package [Link];
import [Link];
import
[Link]
nContext;

import [Link];
public class MyMain {

public static void main(String[] args) {

ApplicationContext ac=new
ClassPathXmlApplicationContext("[Link]");
Student s1=[Link]("sobj",[Link]);
Student s2=[Link]("sobj",[Link]);
[Link]();
[Link]();
[Link]();
}
}

6. Run As Java Application.

OUTPUT:
6: Write a SpringCore program and inject the object
using ConstructorInjection method.
1. Create a simple java maven project.
2. Maven dependency
Add spring and maven dependency in [Link].
<project xmlns="[Link]
xmlns:xsi="[Link]
xsi:schemaLocation="[Link]
[Link]
<modelVersion>4.0.0</modelVersion>
<groupId>[Link]</groupId>
<artifactId>SpringCoreXML_Ex1</artifactId>
<version>0.0.1-SNAPSHOT</version>

<properties>
<[Link]>11</[Link]>
<[Link]>11</[Link]>
</properties>

<dependencies>

<dependency>
<groupId>[Link]</groupId>
<artifactId>spring-context</artifactId>
<version>5.3.9</version>
</dependency>

</dependencies>
</project>

3. Create Bean class

Create a bean class called [Link]
inpackage [Link]

package [Link];
import [Link];
import [Link];
@Configuration
@ComponentScan("[Link]")
public class AppConfig {

Create a bean class called [Link]

inpackage [Link]

package [Link];

import [Link];
import [Link];

@Component("sobj")
public class Student {

private int rollNo;

private String name;

//add setter and getter methods for above variables

public int getRollNo() {
return rollNo;
}
 @Value("101")
public void setRollNo(int rollNo) {
[Link] = rollNo;
}

public String getName() {

return name;
}

@Value("John")
public void setName(String name) {
[Link] = name;
}

Create a bean class called [Link]

inpackage [Link]

package [Link];

import [Link];
import [Link];

@Component("aobj")
public class Address {
 @Value("kalaburgi")
String city;

public String getCity() {

return city;
}

public void setCity(String city) {

[Link] = city;
}

Create a bean class called [Link] in

package [Link]

package [Link];
import [Link];
import [Link];

import [Link];
import [Link];

@Service
public class StudentService {

private Student stud;

 private Address ad;
public StudentService() {

}
//Autowired Annotation is used for injecting the object
@Autowired
public StudentService(Student s, Address ad) {
[Link] = s;
[Link] = ad;
}

public void getStudentDetails() {

[Link]([Link]()+" : "+[Link]());
}
}

5. Create [Link]
Create a class named "[Link]"
in [Link] package.
package [Link];

import [Link];
import
[Link];

import [Link];
import [Link];
public class MyMain {

public static void main(String[] args) {

ApplicationContext ac=new
AnnotationConfigApplicationContext([Link]);
StudentService sc= [Link]("studentService",[Link]);
[Link]();
}
}

6. Run As Java Application.

OUTPUT:
7: Write a SpringCore program and inject the object
using SetterInjection method.
1. Create a simple java maven project.
2. Maven dependency
Add spring and maven dependency in [Link].
<project xmlns="[Link]
xmlns:xsi="[Link]
xsi:schemaLocation="[Link]
[Link]
<modelVersion>4.0.0</modelVersion>
<groupId>[Link]</groupId>
<artifactId>SpringCoreXML_Ex1</artifactId>
<version>0.0.1-SNAPSHOT</version>

<properties>
<[Link]>11</[Link]>
<[Link]>11</[Link]>
</properties>

<dependencies>

<dependency>
<groupId>[Link]</groupId>
<artifactId>spring-context</artifactId>
<version>5.3.9</version>
</dependency>

</dependencies>
</project>

3. Create Bean class

Create a bean class called [Link]
inpackage [Link]

package [Link];
import [Link];
import [Link];

@Configuration
@ComponentScan("[Link]")
public class AppConfig {

Create a bean class called [Link]

inpackage [Link]

package [Link];

import [Link];
import [Link];

@Component("sobj")
public class Student {

private int rollNo;

private String name;

//add setter and getter methods for above variables

public int getRollNo() {
return rollNo;
}
 @Value("105")
public void setRollNo(int rollNo) {
[Link] = rollNo;
}

public String getName() {

return name;
}

@Value("GEETHA")
public void setName(String name) {
[Link] = name;
}
}

Create a bean class called [Link]

inpackage [Link]

package [Link];

import [Link];
import [Link];

@Component("aobj")
public class Address {
 @Value("kalaburgi")
String city;

public String getCity() {

return city;
}
public void setCity(String city) {
[Link] = city;
}

Create a bean class called [Link]

inpackage [Link]

package [Link];

import [Link];
import [Link];

import [Link];
import [Link];

@Component
public class StudentService {

private Student s;
 private Address ad;

public Student getS() {

return s;
}
@Autowired
public void setS(Student s) {
this.s = s;
}

public Address getAd() {

return ad;
}
@Autowired
public void setAd(Address ad) {
[Link] = ad;
}

public void getStudentDetails() {

[Link]([Link]()+" : "+[Link]());
}

5. Create [Link]
Create a class named "[Link]"
in [Link] package
package [Link];

import [Link];
import
[Link];

import [Link];
import [Link];

public class MyMain {

public static void main(String[] args) {

ApplicationContext ac=new
AnnotationConfigApplicationContext([Link]);
StudentService sc= [Link]("studentService",[Link]);
[Link]();
}
}

6. Run As Java Application.

OUTPUT:
8: Write a SpringCore program and inject the object
using FieldInjection method.
1. Create a simple java maven project.
2. Maven dependency
Add spring and maven dependency in [Link].
<project xmlns="[Link]
xmlns:xsi="[Link]
xsi:schemaLocation="[Link]
[Link]

<modelVersion>4.0.0</modelVersion>
<groupId>[Link]</groupId>
<artifactId>SpringCoreXML_Ex1</artifactId>
<version>0.0.1-SNAPSHOT</version>

<properties>
<[Link]>11</[Link]>
<[Link]>11</[Link]>
</properties>

<dependencies>

<dependency>
<groupId>[Link]</groupId>
<artifactId>spring-context</artifactId>
<version>5.3.9</version>
</dependency>

</dependencies>
</project>

3. Create Bean class

Create a bean class called [Link] in
package [Link]
package [Link];
import [Link];
import [Link];

@Configuration
@ComponentScan("[Link]")
public class AppConfig {

Create a bean class called [Link]

inpackage [Link]
package [Link];

import [Link];
import [Link];

@Component
public class Student {

@Value("106")
private int rollNo;

@Value("Ashweta")
private String name;

//add setter and getter methods for above variables

public int getRollNo() {
return rollNo;
}

public void setRollNo(int rollNo) {

[Link] = rollNo;
}

public String getName() {

return name;
}

public void setName(String name) {

[Link] = name;
 }
}

Create a bean class called [Link]

inpackage [Link]

package [Link];

import [Link];
import [Link];

@Component
public class Address {

@Value("kalaburgi")
String city;

public String getCity() {

return city;
}
public void setCity(String city) {
[Link] = city;
}

Create a bean class called [Link]

inpackage [Link]

package [Link];

import [Link];
import [Link];

import [Link];
import [Link];
@Component
public class StudentService {
 //injecting object by field Injection
@Autowired
private Student s;

@Autowired
private Address ad;

public void getStudentDetails() {

[Link]([Link]()+" : "+[Link]()+" :
"+[Link]());
}

5. Create [Link]
Create a class named "[Link]"
in [Link] package

package [Link];

import [Link];
import
[Link]
ntext;

import [Link];
import [Link];

public class MyMain {

public static void main(String[] args) {

ApplicationContext ac=new
AnnotationConfigApplicationContext([Link]);
StudentService sc=
[Link]("studentService",[Link]);
[Link]();
}
}
6. Run As Java Application.
OUTPUT:
9: Write a simple program using spring boot to display
student information using appropriate annotations.
Src/main/java:-
[Link]:-
[Link]:-
package [Link];

import [Link];
import
[Link]
on;
import [Link];

import [Link];

@SpringBootApplication
public class Application {

public static void main(String[] args) {

ApplicationContext
ac=[Link]([Link], args);
Student s=[Link]("student",[Link]);
[Link]();
}

[Link]:-
[Link]:-
package [Link];

import
[Link];
import [Link];
import [Link];
@Component
public class Student {
@Value("101")
private int rollNo;
@Value("Geeta")
private String name;

@Autowired
private Address addr;

public void displayStudentDetails() {

[Link]("RollNO= "+rollNo);
[Link]("NAME= "+name);
[Link]("ADDRESS= "+[Link]());

[Link]:-
package [Link];

import [Link];
import [Link];

@Component
public class Address {
@Value("Kalaburagi")
private String city;

public String getCity() {

return city;
}

public void setCity(String city) {

[Link] = city;
}

}
[Link]:-
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="[Link]
xmlns:xsi="[Link]
xsi:schemaLocation="[Link]
[Link]
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>[Link]</groupId>
<artifactId>spring-boot-starter-
parent</artifactId>
<version>2.7.7</version>
<relativePath/> <!-- lookup parent from
repository -->
</parent>
<groupId>[Link]</groupId>
<artifactId>9GSpringBoot_FirstEx</artifactId>
<version>1.0</version>
<name>9GSpringBoot_FirstEx</name>
<description>Demo project for Spring
Boot</description>
<properties>
<[Link]>11</[Link]>
</properties>
<dependencies>
<dependency>
<groupId>[Link]</groupId>
<artifactId>spring-boot-starter</artifactId>
</dependency>

<dependency>
<groupId>[Link]</groupId>
<artifactId>spring-boot-starter-
test</artifactId>
<scope>test</scope>
</dependency>
</dependencies>

<build>
<plugins>
<plugin>
 <groupId>[Link]</groupId>
<artifactId>spring-boot-maven-
plugin</artifactId>
</plugin>
</plugins>
</build>

</project>

OUTPUT:
10: Develop the data access layer of the employee
management application to perform the database
operations given below using spring data JPA.

 Display employee details by passing employee name.

 Display employee details by passing employee salary.
Src/main/java:-
[Link]:-
package [Link];

import [Link];
import
[Link]
on;

@SpringBootApplication
public class Application {

public static void main(String[] args) {

[Link]([Link], args);
}
}

[Link]:-
[Link]:-
package [Link];

import [Link];
import [Link];
import [Link];
import [Link];
import [Link];

@Entity
@Table(name="emptab")
public class Employee {
@Id
@GeneratedValue
private Integer empId;
@Column(length=30)
private String empName;
private Double empSal;
@Column(length=30)
private String empDept;
public Employee() {
}
public Employee(String empName, Double empSal, String
empDept) {
super();
[Link] = empName;
[Link] = empSal;
[Link] = empDept;
}
public Employee(Integer empId, String empName, Double
empSal, String empDept) {
super();
 [Link] = empId;
[Link] = empName;
[Link] = empSal;
[Link] = empDept;
}
public Integer getEmpId() {
return empId;
}
public void setEmpId(Integer empId) {
[Link] = empId;
}
public String getEmpName() {
return empName;
}
public void setEmpName(String empName) {
[Link] = empName;
}
public Double getEmpSal() {
return empSal;
}
public void setEmpSal(Double empSal) {
[Link] = empSal;
}
public String getEmpDept() {
return empDept;
}
public void setEmpDept(String empDept) {
 [Link] = empDept;
}
@Override
public String toString() {
return "Employee [empId=" + empId + ", empName="
+ empName + ", empSal=" + empSal + ", empDept=" + empDept
+ "]";
}

[Link]:-
[Link]:-
package [Link];

import [Link];

import
[Link];
import [Link];

import [Link];

@Repository
public interface EmployeeRepository extends
JpaRepository<Employee, Integer> {
 //ReturnType findBy<VariableName>(<DataType>
<paramName>);
//SQL: select * from emptab where ename=?
List<Employee> findByEmpName(String empName);

//SQL: select * from emptab where esal=?

List<Employee> findByEmpSal(Double empSal);

//SQL: select * from emptab WHERE empSal<?

List<Employee> findByEmpSalLessThan(Double empSal);

List<Employee> findByOrderByEmpSalAsc();
}

[Link]:-
[Link]:-
package [Link];

import
[Link];
import [Link];
import [Link];

import [Link];
import [Link];

@Component
public class EmployeeDataInsertRunner implements
CommandLineRunner{

@Autowired
private EmployeeRepository repo;

@Override
public void run(String... args) throws Exception {
// --- insert data ----
[Link](new
Employee("Kajol",10000.0,"Development"));
[Link](new
Employee("Sapana",4000.0,"Sales"));
[Link](new
Employee("Ashweta",5000.0,"Accounts"));
[Link](new
Employee("Rose",9000.0,"Development"));
[Link](new
Employee("Sneha",5000.0,"Testing"));
[Link](new
Employee("Sahithi",3000.0,"Sales"));
[Link](new
Employee("Jythoi",5000.0,"Marketing"));
[Link](new
Employee("Neha",10000.0,"Development"));
[Link](new
Employee("Rama",6500.0,"Marketing"));
[Link](new
Employee("Yamini",8000.0,"Development"));
 }

[Link]:-
package [Link];

import [Link];

import
[Link];
import [Link];
import [Link];

import [Link];
import [Link];
@Component
public class FindByTestRunner implements CommandLineRunner
{

@Autowired
private EmployeeRepository repo;

@Override
public void run(String... args) throws Exception {
List<Employee>
list1=[Link]("Sapana");
displayResult(list1);
 [Link]("--------------------");

List<Employee> list2=[Link](5000.0);
displayResult(list2);
[Link]("--------------------");

List<Employee>
list3=[Link](9000.0);
displayResult(list3);
[Link]("--------------------");

List<Employee>
list4=[Link]();
displayResult(list4);
[Link]("--------------------");
}

public static void displayResult(List<Employee>

list){
for(Employee e : list) {
[Link](e);
}
}
}

Src/main/resources:-
[Link]:-
# Following are DataSource (Database Connection)
properties
[Link]-class-
name=[Link]
[Link]=jdbc:oracle:thin:@localhost:1521:XE
[Link]=system
[Link]=manager

# Following are ORM (JPA) properties

#Below property will log or display all the sql statements

to the console
[Link]-sql=true

#Below property will log or display all SQL statement in

readable format
[Link].format_sql=true

#dialect class, Generate SQL query when we perform

operation
[Link]-
platform=[Link].Oracle10gDialect
#[Link]=[Link]
lect.Oracle10gDialect

#ddl-auto value can be -> create/update/validate/create-

drop
[Link]-auto=create

[Link]:-
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="[Link]
xmlns:xsi="[Link]
xsi:schemaLocation="[Link]
[Link]
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>[Link]</groupId>
<artifactId>spring-boot-starter-
parent</artifactId>
 <version>2.7.7</version>
<relativePath/> <!-- lookup parent from
repository -->
</parent>
<groupId>[Link]</groupId>
<artifactId>9JSpringBoot_DataJPA_findBy_Ex3</artifact
Id>
<version>1.0</version>
<name>9JSpringBoot_DataJPA_findBy_Ex3</name>
<description>Demo project for Spring
Boot</description>
<properties>
<[Link]>11</[Link]>
</properties>
<dependencies>
<dependency>
<groupId>[Link]</groupId>
<artifactId>spring-boot-starter-data-
jpa</artifactId>
</dependency>

<dependency>
<groupId>[Link]</groupId>
<artifactId>ojdbc8</artifactId>
<scope>runtime</scope>
</dependency>
<dependency>
<groupId>[Link]</groupId>
<artifactId>spring-boot-starter-
test</artifactId>
<scope>test</scope>
</dependency>
</dependencies>

<build>
<plugins>
<plugin>

<groupId>[Link]</groupId>
<artifactId>spring-boot-maven-
plugin</artifactId>
</plugin>
 </plugins>
</build>

</project>

OUTPUT:
11: Create a springboot application and perfrom CURD
operations.
Src/main/java:-
[Link]:-
package [Link];

import [Link];
import
[Link]
on;

@SpringBootApplication
public class Application {

public static void main(String[] args) {

[Link]([Link], args);
}
}

[Link]:-
[Link]:-
package [Link];

import [Link];
import [Link];
import [Link];
import [Link];
import [Link];

@Entity
@Table(name="emptab")
public class Employee {
@Id
@GeneratedValue
private Integer eid;

@Column(length=15)
private String ename;
@Column(length=24)
private String email;

private Double esal;

@Column(length=4)
private String dept;
public Integer getEid() {
return eid;
}
public void setEid(Integer eid) {
[Link] = eid;
}
public String getEname() {
return ename;
}
public void setEname(String ename) {
[Link] = ename;
}
public String getEmail() {
return email;
}
public void setEmail(String email) {
[Link] = email;
}
public Double getEsal() {
return esal;
}
public void setEsal(Double esal) {
[Link] = esal;
}
public String getDept() {
return dept;
}
public void setDept(String dept) {
 [Link] = dept;
}

[Link]:-
[Link]:-
package [Link];

import [Link];

import
[Link];
import [Link];
import [Link];
import [Link];
import
[Link];
import
[Link];
import
[Link];

import [Link];
import [Link];

@Controller
public class EmployeeController {
@Autowired
private EmployeeService empService;

//1. Show Register Page

@GetMapping("/register")
public String showEmpRegPage() {
return "EmployeeReg";
}

//2. Save Employee Data

@PostMapping("/save")
 public String saveEmp(@ModelAttribute Employee
employee,Model model)
{
//call service layer
Integer eid =
[Link](employee);
String message = " Employee '"+eid+"' saved
";
[Link]("msg", message);
return "EmployeeReg";
}
//To display all Employee

@GetMapping("/all")
public String showAllEmps(Model model) {
//call service to fetch data
List<Employee> list =
[Link]();
//send to UI
[Link]("employeeList", list);

return "EmpData";
}

@GetMapping("/delete")
public String removeEmp(@RequestParam Integer
eid,Model model){
//delete data based on Id
[Link](eid);

return "redirect:all";
}

//5. Show Edit Page

@GetMapping("/edit")
public String showEdit(@RequestParam Integer
eid,Model model)
{
//call service method.
Employee emp =
[Link](eid);
 //send to UI for FORM DATA
[Link]("employee", emp);

return "EmployeeEdit";
}

//6. On click update method

@PostMapping("/update")
public String updateEmp(@ModelAttribute Employee
employee)
{
//call service
[Link](employee);
//back to Data page
return "redirect:all";
}

[Link]:-
[Link]:-
package [Link];
import [Link];
import [Link];
public interface EmployeeRepository extends JpaRepository<Employee,
Integer>{
}

[Link]:-
[Link]:-
package [Link];
import [Link];
import [Link];
import [Link];
import [Link];

import [Link];
import [Link];

@Service //calculations,logics, TxManagement

public class EmployeeService {
@Autowired
private EmployeeRepository repo; //HAS-A

public Integer saveEmployee(Employee e) {

//save employee
Employee e1 = [Link](e);
Integer eid=[Link]();
return eid;
}

public List<Employee> getAllEmployees(){

return [Link]();
}

public void deleteEmployee(Integer id) {

[Link](id);
}
 public Employee getOneEmployee(Integer id) {
Optional<Employee> opt = [Link](id);
if([Link]()) {
Employee e = [Link]();
return e;
}
//if object not present
return null;
}

public void updateEmployee(Employee e) {

[Link](e);
}
}

Src/main/resources:-
[Link]:-
[Link]=8088
# Following are DataSource (Database Connection)
properties
[Link]-class-
name=[Link]
[Link]=jdbc:oracle:thin:@localhost:1521:XE
[Link]=system
[Link]=manager

# Following are ORM (JPA) properties

#Below property will log or display all the sql statements

to the console
[Link]-sql=true
#Below property will log or display all SQL statement in
readable format
[Link].format_sql=true

#dialect class, Generate SQL query when we perform

operation
[Link]-
platform=[Link].Oracle10gDialect
#[Link]=[Link]
lect.Oracle10gDialect

#ddl-auto value can be -> create/update/validate/create-

drop
[Link]-auto=update

# MVC
[Link]=/WEB-INF/view/
[Link]=.jsp

src:-
main:-
webapp:-
WEB-INF:-
View:-
[Link]:-
<%@ page language="java" contentType="text/html;
charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>

<%@taglib prefix="c"
uri="[Link] %>

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<h3>WELCOME TO EMPLOYEE DATA PAGE!!</h3>
<table border="1">
<tr>
<th>ID</th>
<th>NAME</th>
<th>MAIL</th>
<th>SALARY</th>
<th>DEPT</th>
<th>LINK</th>

</tr>
<c:forEach items="${employeeList}" var="ob">
<tr>
<td>${[Link]}</td>
<td>${[Link]}</td>
<td>${[Link]}</td>
<td>${[Link]}</td>
<td>${[Link]}</td>

<td>
<a
href="delete?eid=${[Link]}">DELETE</a> |
<a href="edit?eid=${[Link]}">EDIT</a>
</td>
</tr>
</c:forEach>
</table>
${message}
</body>
</html>

[Link]:-

<%@ page language="java" contentType="text/html;

charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@taglib prefix="form"
uri="[Link] %>

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<h3>EMPLOYEE EDIT PAGE</h3>
<form:form action="update" method="POST"
modelAttribute="employee">
<pre>
ID : <form:input path="eid" readonly="true"/>
NAME: <form:input path="ename"/>
MAIL: <form:input path="email"/>
SAL : <form:input path="esal"/>
DEPT: <form:select path="dept">
<form:option value="">-SELECT-</form:option>
<form:option value="CSE">CSE</form:option>
<form:option value="EC">EC</form:option>
<form:option value="CP">CP</form:option>
</form:select>
<input type="submit" value="Update"/>
</pre>
</form:form>
</body>
</html>

[Link]:-

<%@ page language="java" contentType="text/html;

charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<H3>WELCOME TO EMPLOYEE REGISTER PAGE!!</H3>
<form action="save" method="POST">
<pre>
NAME : <input type="text" name="ename"/>
EMAIL : <input type="text" name="email"/>
SALARY : <input type="text" name="esal"/>
DEPT : <select name="dept">
<option value="">-SELECT-</option>
<option value="CSE">CSE</option>
<option value="EC">EC</option>
<option value="CP">CP</option>
</select>

<input type="submit" value="Add Employee"/>

</pre>
</form>
${msg}
</body>
</html>

[Link]:-
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="[Link]
xmlns:xsi="[Link]
xsi:schemaLocation="[Link]
[Link]
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>[Link]</groupId>
<artifactId>spring-boot-starter-
parent</artifactId>
<version>2.7.7</version>
<relativePath /> <!-- lookup parent from
repository -->
</parent>
<groupId>[Link]</groupId>
<artifactId>9LSpringBoot_SpringWebMVC_CRUD_Ex4</artif
actId>
<version>1.0</version>
 <name>9LSpringBoot_SpringWebMVC_CRUD_Ex4</name>
<description>Demo project for Spring
Boot</description>
<properties>
<[Link]>11</[Link]>
</properties>
<dependencies>
<dependency>
<groupId>[Link]</groupId>
<artifactId>jstl</artifactId>
</dependency>
<dependency>
<groupId>[Link]</groupId>
<artifactId>tomcat-embed-jasper</artifactId>
</dependency>
<dependency>
<groupId>[Link]</groupId>
<artifactId>spring-boot-starter-data-
jpa</artifactId>
</dependency>
<dependency>
<groupId>[Link]</groupId>
<artifactId>spring-boot-starter-
web</artifactId>
</dependency>

<dependency>
<groupId>[Link]</groupId>
<artifactId>ojdbc8</artifactId>
<scope>runtime</scope>
</dependency>
<dependency>
<groupId>[Link]</groupId>
<artifactId>spring-boot-starter-
test</artifactId>
<scope>test</scope>
</dependency>
<dependency>
<groupId>[Link]</groupId>
<artifactId>spring-boot-
devtools</artifactId>
<scope>runtime</scope>
 <optional>true</optional>
</dependency>
</dependencies>

<build>
<plugins>
<plugin>

<groupId>[Link]</groupId>
<artifactId>spring-boot-maven-
plugin</artifactId>
</plugin>
</plugins>
</build>

</project>

OUTPUT:
12: Create a RESTcontroller class to insert employee
details and display them.
Src/main/java:-
[Link]:-
package [Link];

import [Link];
import
[Link]
on;

@SpringBootApplication
public class Application {

public static void main(String[] args) {

[Link]([Link], args);
}
}

[Link]:-
[Link]:-
package [Link];

import [Link];

public class Employee {

private Integer empId;
private String empName;
private Double empSal;
private String empPwd;
private String empGen;
private String empDept;
private String empAddr;

private List<String> empLang;

private List<String> empSub;
public Integer getEmpId() {
return empId;
}
public void setEmpId(Integer empId) {
[Link] = empId;
}
public String getEmpName() {
return empName;
}
public void setEmpName(String empName) {
[Link] = empName;
}
public Double getEmpSal() {
return empSal;
}
public void setEmpSal(Double empSal) {
[Link] = empSal;
}
public String getEmpPwd() {
return empPwd;
}
public void setEmpPwd(String empPwd) {
[Link] = empPwd;
}
public String getEmpGen() {
return empGen;
}
public void setEmpGen(String empGen) {
[Link] = empGen;
}
public String getEmpDept() {
return empDept;
}
public void setEmpDept(String empDept) {
[Link] = empDept;
 }
public String getEmpAddr() {
return empAddr;
}
public void setEmpAddr(String empAddr) {
[Link] = empAddr;
}
public List<String> getEmpLang() {
return empLang;
}
public void setEmpLang(List<String> empLang) {
[Link] = empLang;
}
public List<String> getEmpSub() {
return empSub;
}
public void setEmpSub(List<String> empSub) {
[Link] = empSub;
}

[Link]:-
[Link]:-
package [Link];

import [Link];
import [Link];
import [Link];
import
[Link];
import
[Link];
import [Link];

@Controller
public class EmployeeController {

@GetMapping("/reg")
public String showRegForm(Model model) {
Employee e = new Employee();
[Link](889);
[Link]("Anny");
[Link]("Female");
[Link]("CSE");

[Link]("employee", e);
return "EmployeeReg";
}

@PostMapping("/save")
public String readData(@ModelAttribute Employee
employee,Model model) {
[Link]("emp",employee);
return "EmpData";
}
}

[Link].
Src/main/resource:-
[Link]:-
[Link]=8088
[Link]=/WEB-INF/view/
[Link]=.jsp

src:-
main:-
webapp:-
WEB-INF:-
View:-
[Link]:-
<%@ page language="java" contentType="text/html;
charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<h3>WELCOME TO DATA PAGE!!: </h3>
<pre>
Employee Id :${[Link]}<br>
Employee Name :${[Link]}<br>
Employee Dept :${[Link]}<br>
</pre>
</body>
</html>

[Link]:-
<%@ page language="java" contentType="text/html;
charset=ISO-8859-1"
 pageEncoding="ISO-8859-1"%>

<%@taglib prefix="form"
uri="[Link] %>

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<h3>WELCOME TO EMPLOYEE REGISTER PAGE</h3>
<form:form action="save" method="POST"
modelAttribute="employee">
<pre>
ID : <form:input path="empId"/>
NAME : <form:input path="empName"/>
SAL : <form:input path="empSal"/>
PWD : <form:password path="empPwd"/>
GEN :
<form:radiobutton path="empGen" value="Male"/> Male
<form:radiobutton path="empGen" value="Female"/>
Female

DEPT : <form:select path="empDept">

<form:option value="">-SELECT-</form:option>
<form:option value="CSE">CSE</form:option>
<form:option value="EC">EC</form:option>
<form:option value="CP">CP</form:option>
</form:select>
ADDR: <form:textarea path="empAddr"/>

LANGS:
<form:checkbox path="empLang" value="ENGLISH"/>
ENGLISH
<form:checkbox path="empLang" value="HINDI"/> HINDI
<form:checkbox path="empLang" value="KANNADA"/>
KANNADA

SUBJECT : <form:select path="empSub" multiple="multiple">

<form:option value="Java">Java</form:option>
 <form:option
value="DotNet">DotNet</form:option>
<form:option
value="Oracle">Oracle</form:option>
<form:option
value="Python">Python</form:option>
</form:select>

<input type="submit" value="Add Employee"/>

</pre>
</form:form>

</body>
</html>

[Link]:-
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="[Link]
xmlns:xsi="[Link]
xsi:schemaLocation="[Link]
[Link]
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>[Link]</groupId>
<artifactId>spring-boot-starter-
parent</artifactId>
<version>2.7.7</version>
<relativePath /> <!-- lookup parent from
repository -->
</parent>
<groupId>[Link]</groupId>
<artifactId>9LSpringBoot_SpringWebMVC_SpringTag_Ex3</
artifactId>
<version>1.0</version>
<name>9LSpringBoot_SpringWebMVC_SpringTag_Ex3</name>
<description>Demo project for Spring
Boot</description>
<properties>
<[Link]>11</[Link]>
</properties>
 <dependencies>
<dependency>
<groupId>[Link]</groupId>
<artifactId>spring-boot-starter-
web</artifactId>
</dependency>
<dependency>
<groupId>[Link]</groupId>
<artifactId>tomcat-embed-jasper</artifactId>
</dependency>

<dependency>
<groupId>[Link]</groupId>
<artifactId>spring-boot-starter-
test</artifactId>
<scope>test</scope>
</dependency>
</dependencies>

<build>
<plugins>
<plugin>

<groupId>[Link]</groupId>
<artifactId>spring-boot-maven-
plugin</artifactId>
</plugin>
</plugins>
</build>

</project>
OUTPUT: