romworld

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

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>

 

'WEB > JSP' 카테고리의 다른 글

JSP 06 - 쇼핑몰 사이트 만들기(2), ERWin  (0) 2022.12.26
JSP 05 - 디렉티브 태그 ( taglib02 )  (0) 2022.12.26
JSP 04 - 디렉티브 태그 ( include, taglib)  (0) 2022.12.26
JSP 03 - 디렉티브 태그  (0) 2022.12.23
JSP 01 - 이클립스 환경설정, 웹과 JSP 프로그래밍 , 스트립트 태그  (0) 2022.12.22
'WEB/JSP' Related Articles more
Comments