Objectifs
- Connaitre le JSP
- Se familiariser avec les fonctionnalités et la syntaxe JSP
Exercice 01
Énoncé
- Vous pouvez visualiser l'énoncé de l'exercice
Solution
<?xml version="1.0" encoding="ISO-8859-1" ?> <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>exercice 1 page JSP </title> </head> <body> <f:view> <table border> <colgroup > <col width = 90> <col width = 300> </colgroup> <tr> <th> N° Ordre </th> <th> Designation </th> </tr> <% String vartext="Notre cours JSP dans apcpedagogie.com"; for (int i=1; i <= 20; i++) { out.println("<tr>"); out.print("<td>" + i + "</td>"); out.print("<td>"+vartext+"</td>"); out.println("</tr>"); } %> </table> </f:view> </body> </html>
Exercice 02
Énoncé
- Vous pouvez visualiser l'énoncé de l'activité
Solution
<?xml version="1.0" encoding="ISO-8859-1" ?> <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Exercice 2 JSP</title> <style> ol{ color:blue; font-size:90px; padding-left:100px; } </style> </head> <body> <f:view> <% out.println("<ol type=1>"); out.println("<li> <A HREF='hiver.html'>Hiver</A> </li>"); out.println("<li> <A HREF='printemps.html'>Printemps </A> </li>"); out.println("<li> <A HREF='ete.html'>Eté </A> </li>"); out.println("<li> <A HREF='automne.html'>Automne </A> </li>"); out.println("</ol>"); %> </f:view> </body> </html>