WEB/JSP

JSP 02 - 스크립트 태그, 쇼핑몰 사이트 만들기(1)

inderrom 2022. 12. 23. 11:12

// 스크립틀릿 내부와 표현문에서 출력하기

<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<title>Scripting Tag</title>
</head>
<body>
<%
	//지역변수 a,b, sum => 서블릿 => scriptlet01_jsp.java의 (..Service메소드)에서만 사용됨
	// 선언과 동시에 값을 할당 => 초기화
	int a = 2;
	int b = 3;
	int sum = a + b;
	// JSP 기본객체인 out객체의 print 메서드를 사용하여 화면에 출력
	
	out.print("<p> 2 + 3 =" + sum + "<br>");
%>
<%= sum %>
</body>
</html>

 

 

// 짝수만 출력

<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<title>Scripting Tag</title>
</head>
<body>
<%  //스크립틀릿 태그
	for(int i = 0; i <= 10; i++){
		// 짝수인 경우에만 화면 출력
		if(i % 2 == 0){
			out.print("<p>" + i + "</p>");
		}
	}

%>

</body>
</html>

 

 

 

자바 객체는 vo객체 

vo = 자바 빈 클래스

-- > value : 1. 멤버변수 2. getter/setter 메서드 3. 기본생성자

 

 

// 표현문 출력

<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<title>Welcome</title>
</head>
<style>

</style>

<body>
	<%	// 선언문
		// 전역변수
		String greeting = "Welcome to rom's Web Shopping Mall";
		String tagline = "Welcome to Web Market.";
	%>
	<!-- 표현문 -->
	<h1><%= greeting %></h1>
	<h3><%=tagline %></h3>

</body>
</html>

 

 

 

 

쇼핑몰 만들기

 

// 부트스트랩

compiled css and js 다운로드 후 이클립스 webContent에 css, js 폴더 paste

 

 

<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<title>Welcome</title>
<link rel="stylesheet" href="/css/bootstrap.min.css"> 
</head>
<style>

</style>

<body>
	<nav class="navbar navbar-expand navbar-dark bg-dark">
		<!-- container : 내 안에 내용 있다.. -->
		<div class="container">
			<a class="navbar-brand" href="welcome.jsp">Home</a>
		</div>
	</nav>
	<%	// 선언문
		// 전역변수
		String greeting = "Welcome to rom's Web Shopping Mall";
		String tagline = "Welcome to Web Market.";
	%>
	<!-- 표현문 -->
	<div class="jumbotron">
		<div class="container">
			<h1 class="display-3"><%= greeting %></h1>
	 	</div>
	</div>
	<main role="main">
	<div class="container">
		<div class="text-center">
			<h3><%=tagline %></h3>
		</div>
	</div>
	</main>
	<footer class="container">
		<p>&copy; ROM</p>
	</footer>
</body>
</html>