단일 페이지 인터페이스 웹/앱 개발

Worker
Microdata
Video ARIA CSS3
Drag & Drop Canvas
Audio
SVG Javascript
New Form WebSocket Geolocation
Web Storage Semantic
MathML WebGL Ofﬂine Application
Files
Device Element

<font color=”blue” size=”20”>
<b>Bold</b>
<b>Italic</b>
<u>Underline</u>
</font>

Bold Italic Underline

printf("%s%c%cn", "Content-Type:text/html",13,10);
printf("<HTML><HEAD><TITLE>Multiplication results</TITLE></HEAD><BODY>");
printf("<H3>results</H3>");
char *data = getenv("QUERY_STRING");
if(data == NULL) printf("<P>Error!</P>");
else if(sscanf(data,"m=%ld&n=%ld",&m,&n)!=2) printf("<P>Error!</P>");
else printf("<P>The product of %ld and %ld is <b>%ld</b>.</P>",m,n,m*n);
printf("</BODY></HTML>”);

Multiplication results
The Product of 10 and 20 is 200.

<%@ page language=”java”%>
<html><head><title>Multiplication results</title></head><body>
<H3>Multiplication results</H3><% try {
long m = Long.parseLong(request.getParameter(“m”));
long n = Long.parseLong(request.getParamter(“n”));
%><p>The product of <%=m%> and <%=n%> is <b><%=(m*n)%></b>.</p>
<% } catch(Exception e) { %>
<p>Error!</p><% } %></body></html>


class ProductModel {
long multiplier, long multiplicant, long product;
}

class CalcService {
M
long getProduct(long m, long n) { return m * n; }
}

<jsp:useBean id=”model” class=”ProductBean”/>
http:/test.com/test.com/mul.jsp?m=10&n=20
<H3>Multiplication results</H3>
<p>The product of <jsp:getProperty name=”model”
property=”multiplier”/> and <jsp:getProperty name=”model” V
property=”multiplicand”/> is <b><jsp:getProperty name=”model”
property=”product”/></b>.</p>

long m = Long.parseLong(request.getParameter(“m”));
long n = Long.parseLong(request.getParameter(“n”));
ProductModel model = new ProductModel(m, n, calcService.getProduct
(m, n));
request.setAttribute(“model”, model);
C
getServletContext().getRequestDispatcher(“mul.jsp”).forward(request,
response);

Web Server
HTTP Request

New HTML Page

Web Server
XML HTTP Request

New HTML Fragment

Web Server
XML HTTP Request

Data
JavaScript

단일 페이지 인터페이스 웹/앱 개발

단일 페이지 인터페이스 웹/앱 개발

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to 단일 페이지 인터페이스 웹/앱 개발

Similar to 단일 페이지 인터페이스 웹/앱 개발 (20)

More from 동수 장

More from 동수 장 (13)

Recently uploaded

Recently uploaded (20)

단일 페이지 인터페이스 웹/앱 개발