TD n°3 Java EE

Ceci est une ancienne révision du document !

Créer la servlet MainController dans le package web.controller

/**
 * Servlet implementation class MainController
 */
@WebServlet("*.do")
public class MainController extends HttpServlet {
	private static final long serialVersionUID = 1L;

	
	/**
	 * Retourne le flux de sortie (de quoi écrire sur la page)
	 * @param response réponse HTTP
	 * @return le flux de sortie out
	 * @throws IOException
	 */
	private PrintWriter getOut(HttpServletResponse response) throws IOException{
		response.setCharacterEncoding("UTF-8");
		PrintWriter out=response.getWriter();
		return out;
	}
	/**
	 * Test la méthode de la requête
	 * @param request
	 * @return vrai si la méthode est POST
	 */
	private boolean isPost(HttpServletRequest request){
		return request.getMethod().equalsIgnoreCase("post");
	}
	/**
	 * Retourne la session active
	 * @param request requête HTTP
	 * @return la session en cours
	 */
	private HttpSession getSession(HttpServletRequest request){
		return request.getSession();
	}
	/**
	 * Retourne l'action sollicitée par la requête
	 * @param request Requête Http
	 * @return action demandée 
	 */
	private String getAction(HttpServletRequest request){
		String result="";
		String[] parts=request.getRequestURI().split("/");
		if(parts.length>0)
			result=parts[parts.length-1];
		if(request.getContextPath().contains(result))
			result="index";
		result=result.replace(".do","");
		return result;
	}
	
    /**
     * Charge une vue (jsp située dans le dossier protégé WEB-INF)
     * @param viewName nom de la vue
     * @param request Requête Http
     * @param response Réponse HTTP
     * @throws ServletException
     * @throws IOException
     */
	private void loadView(String viewName,HttpServletRequest request,HttpServletResponse response){
    	try {
			request.getRequestDispatcher("WEB-INF/"+viewName).include(request, response);
		} catch (ServletException | IOException e) {
			e.printStackTrace();
		}
    	System.out.println("redirection vers WEB-INF/"+viewName);
    }
	
	/**
	 * Exécute l'action actionName en appelant la méthode du même nom de la servlet
	 * @param actionName nom de l'action à exécuter
	 * @param request requête HTTP
	 * @param response réponse HTTP
	 * @return Vrai si l'action a été trouvée
	 */
	private boolean executeAction(String actionName,HttpServletRequest request, HttpServletResponse response){
		Method method=null;
		boolean result=true;
		try {
			method=this.getClass().getMethod(actionName, HttpServletRequest.class,HttpServletResponse.class);
		} catch (NoSuchMethodException | SecurityException e) {
			System.out.println("Action "+actionName+" inexistante");
			result=false;
		}
		if(method!=null){
			try {
				method.invoke(this, request,response);
			} catch (IllegalAccessException | IllegalArgumentException | InvocationTargetException e) {
				System.out.println("Erreur d'exécution de l'action "+actionName +" : "+e.getMessage());
			}
		}
		return result;
	}
    /**
     * @see HttpServlet#HttpServlet()
     */
    public MainController() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		String action=getAction(request);
		if(action!=null && !"".equals(action)){
			if(!executeAction(action, request, response)){
				//TODO Implémenter si action inexistante
			}
		}
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		doGet(request, response);
	}
	
	public void index(HttpServletRequest request,HttpServletResponse response){
			loadView("index.jsp", request, response);
	}
	//TODO Autres actions à implémenter
}

Gestion de la suppression d'un utilisateur

Vue frmDeleteUser

<form name="frmDelete" id="frmDelete">
	<%
		SessionApp sessionApp=Utils.getSessionApp(session);
		out.print(ConvertToHtml.mapToSelect(sessionApp.getApplication().getLesUtilisateurs(), "txtLogin",10));
	%>
</form>
<input type="button" id="btDeleteUser" class="btn" value="Supprimer">

Méthode du contrôleur deleteUser

	/**
	 * Gestion de la suppression d'un utilisateur
	 * @param request
	 * @param response
	 * @throws IOException
	 */
	public void deleteUser(HttpServletRequest request, HttpServletResponse response) throws IOException{
		PrintWriter out=getOut(response);
		if(isPost(request)){
			SessionApp sessionApp=Utils.getSessionApp(request);
			sessionApp.getApplication().setView(new HtmlView(out));
			Commande cmd=new CmdDeleteUser(sessionApp);
			cmd.addArg(request.getParameter("txtLogin"));
			cmd.run();
			out.print(JSFormsUtils.get("/deleteUser.do", "", "divFrmCommande"));
		}else{
			loadView("forms/frmDeleteUser.jsp", request, response);
			out.print(JSFormsUtils.postFormAndBindTo("#btDeleteUser", "click", "/deleteUser.do", "frmDelete", "divResultCommande"));
		}
	}

Objectifs :

Enlever le code java de traitement dans les jsp
Déplacer les jsp (vues) vers des sous-dossiers de WEB-INF pour en interdire l'accès direct
Transformer les jsp du dossier action en méthodes de la classe MainController

Associer les items du menu aux actions en *.do en modifiant le fichier script.js :

run=function(obj){
	cmd=obj.id;
	new Forms.Ajax('divFrmCommande',cmd+'.do').get();
	$("divResultCommande").innerHTML=obj.title;
};

main.jsp

Modifier les ids des éléments du menu, pour les faire correspondre aux actions (méthodes du contrôleur) :

				<div id="grp-utilisateurs" class="categorie">Utilisateurs</div>
				<ul id="grp-child-utilisateurs">
					<li id="addUser" class="item"  title="Entrer le login de l'utilisateur à créer">Ajouter</li>
					<li id="frmUpdateUser" class="item" title="Sélectionner l'utilisateur à modifier">Modifier</li>
					<li id="frmDeleteUser" title="Sélectionner l'utilisateur à supprimer" class="item">Supprimer</li>
					<li class="item">Affecter à ...</li>
					<li class="item">Liste</li>

L'item addUser pour ajouter un utilisateur correspond à la méthode du contrôleur :

public void addUser(HttpServletRequest request, HttpServletResponse response){
}

contrôleur addUser, en remplacement de action/doAddUser.jsp

    /**
     * Ajout d'un utilisateur
     * @param request
     * @param response
     * @throws IOException
     */
    public void addUser(HttpServletRequest request, HttpServletResponse response) throws IOException{
    	PrintWriter out=getOut(response);
    	if(isPost(request)){
	    	SessionApp sessionApp=(SessionApp)request.getSession().getAttribute("sessionApp");
	    	sessionApp.getApplication().setView(new HtmlView(out));
	    	Commande cmd=new CmdAddUser(sessionApp);
	    	cmd.addArg(request.getParameter("txtLogin"));
	    	cmd.run();
    	}else{
    		loadView("forms/frmAddUser", request, response);
    		out.print(JSFormsUtils.postFormAndBindTo("#btAddUser", "click", "addUser.do", "frm", "divResultCommande"));
    	}
    }

Contrôleur login, en remplacement de action/doLogin.jsp

    /**
     * Connexion à l'application après soumission du formulaire frmLogin
     * @param request
     * @param response
     * @throws IOException
     */
    public void login(HttpServletRequest request, HttpServletResponse response) throws IOException {
    	PrintWriter out=getOut(response);
    	HttpSession session=getSession(request);

		SessionApp sessionApp=Utils.getSessionApp(session);
		Utils.setOut(sessionApp, out);
		Commande cmd=new CmdLogin(sessionApp);
		cmd.addArg(request.getParameter("txtLogin"));
		cmd.addArg(request.getParameter("txtPassword"));
		cmd.run();
		out.print("<br>");
		out.flush();
		if(!sessionApp.isUserLogIn())
			request.setAttribute("bad", true);
		printMe(request, response);
		
	}

Contrôleur printMe, en remplacement de action/doPrintMe.jsp

    /**
     * Affichage de l'utilisateur connecté ou du formulaire de connexion
     * si aucun utilisateur n'est connecté
     * @param request
     * @param response
     * @throws IOException
     */
    public void printMe(HttpServletRequest request, HttpServletResponse response) throws IOException{
    	PrintWriter out=getOut(response);
    	HttpSession session=getSession(request);
    	SessionApp sessionApp=Utils.getSessionApp(session);

    	if(sessionApp.isUserLogIn()){
    		Utils.setOut(sessionApp, out);
    		Commande cmd=new CmdMe(sessionApp);
    		cmd.setSessionApp(sessionApp);
    		cmd.run();
    		out.print("<input class='btn' id='btDisconnect' type='button' value='Déconnexion'>");
    	}else
    		if(request.getMethod().equalsIgnoreCase("post")&&request.getAttribute("bad")==null){
    			login(request,response);

    		}
    		else
    			loadView("forms/frmLogin", request, response);
    	out.print(JSFormsUtils.getAndBindTo("#btDisconnect", "click", "actions/doDisconnect.jsp","","divMain"));
    }

La page index est coupée en 3 et les 3 fichiers seront placés dans WEB-INF/mainPages/:

un header : header.jsp
la partie centrale : main.jsp
la fin : footer.jsp

header.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="js/forms.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/sizzle.js"></script>
<link href="css/style.css" rel="stylesheet" media="all" type="text/css"> 
<title>Gestion des utilisateurs et des groupes</title>
</head>
<body  onkeyup="Forms.Utils.onKeyUpFireEvent(event,13,'click',$('btnSubmit'));">
<div id="top"></div>
<div id="master">
	<div id="divMain">
	<!-- Fichier main.jsp -->

main.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<div id="divContent">
	<div id="divMenu">
		<div id="navigation">
				<div id="grp-utilisateurs" class="categorie">Utilisateurs</div>
				<ul id="grp-child-utilisateurs">
					<li id="addUser" class="item"  title="Entrer le login de l'utilisateur à créer">Ajouter</li>
					<li id="updateUser" class="item" title="Sélectionner l'utilisateur à modifier">Modifier</li>
					<li id="deleteUser" class="item" title="Sélectionner l'utilisateur à supprimer">Supprimer</li>
					<li id="moveTo" class="item" title="Affecter un utilisateur à un groupe">Affecter à ...</li>
					<li id="listUsers" class="item" title="Afficher la liste des utilisateurs">Liste</li>
				</ul>
				<div id="grp-groupes" class="categorie">Groupes</div>
				<ul id="grp-child-groupes">
					<li id="addGroup" class="item" title="Entrer le libellé du groupe à créer">Ajouter</li>
					<li id="updateGroup" class="item" title="Sélectionner le groupe à modifier">Modifier</li>
					<li id="deleteGroup" class="item" title="Sélectionner le groupe à supprimer">Supprimer</li>
					<li id="listGroups" class="item" title="Afficher la liste des groupes">Liste</li>
				</ul>
		</div>
	</div>
	<div id="divCommande">
		<div id="divFrmCommande"></div>
		<div id="divBorderResultCommande">
			<div id="divResultCommande">Sélectionner un élément...</div>
		</div>
	</div>
</div>

footer.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!-- Fermeture de la divMain -->
	</div>
</div>
</body>
</html>

Contrôleur index

Le contrôleur index correspond à la page d'accueil est fait les traitements qui se faisaient avant dans la page main.jsp :

    /**
     * Page index de l'application Web
     * @param request
     * @param response
     * @throws IOException
     */
    public void index(HttpServletRequest request,HttpServletResponse response) throws IOException{
    	PrintWriter out=getOut(response);
        loadView("mainPages/header.jsp", request, response);
    	out.print("<div id='divActiveUser'>");
    	printMe(request, response);
    	if(isLogIn(request)){
    		loadView("mainPages/main.jsp", request, response);
    		out.print(JSFormsUtils.onDOMReady("(new Forms.Accordion($('grp-child-utilisateurs'),5,24)).attach($('grp-utilisateurs'));"+
					"(new Forms.Accordion($('grp-child-groupes'),5,24)).attach($('grp-groupes'));"+
					"(new $selector('#navigation .item','click',false,0,run,{backgroundColor:\"#E8CA7A\",fontWeight:\"bold\"}));"));

    	}
    	out.print("</div>");
    		
        loadView("mainPages/footer.jsp", request, response);
    }

TD n°3 Java EE

Classes

Servlet Controller

Exemple d'implémentation

Vue frmDeleteUser

Méthode du contrôleur deleteUser

Eléments de correction

Script.js

main.jsp

Ajout d'un utilisateur

Connexion de l'utilisateur

Affichage user en cours

Restructuration de l'index

header.jsp

main.jsp

footer.jsp

Contrôleur index