Announcement Announcement Module
Collapse
No announcement yet.
Image Menu with Spring MVC Page Title Module
Move Remove Collapse
X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • Image Menu with Spring MVC

    Hi

    I am very new to Spring MVC and trying to understand the flow. I have created an image menu that expands with sub menus. I can get the index page to load but when I click on a submenu, that page does not load. Can some one take a look at the following files and let me know what I am missing? I have been working on this for a week and can't figure out how to get to my next jsp.

    DispatcherServlet

    Code:
    <?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xmlns:p="http://www.springframework.org/schema/p"
           xmlns:aop="http://www.springframework.org/schema/aop"
           xmlns:tx="http://www.springframework.org/schema/tx"
           xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
           http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-3.0.xsd
           http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-3.0.xsd">
    
        <bean class="org.springframework.web.servlet.mvc.support.ControllerClassNameHandlerMapping"/>
    
        <!--
        Most controllers will use the ControllerClassNameHandlerMapping above, but
        for the index controller we are using ParameterizableViewController, so we must
        define an explicit mapping for it.
        -->
        <bean id="urlMapping" class="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping">
            <property name="mappings">
                <props>
                    <prop key="index.htm">indexController</prop>
                    <prop key="lienbystate.htm">lienByStateController</prop>
                </props>
            </property>
        </bean>
    
        <!--
        The index controller.
        -->
        <bean name="indexController"
            class="org.springframework.web.servlet.mvc.ParameterizableViewController"
            p:viewName="index" />
            
        <bean name="lienByStateController"
            class="org.springframework.web.servlet.mvc.ParameterizableViewController"
            p:viewName="lienByState" />
              
    
    </beans>

    springapp servlet

    Code:
    <?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    
           xsi:schemaLocation="http://www.springframework.org/schema/beans 
           http://www.springframework.org/schema/beans/spring-beans-3.0.xsd">
               
         <bean id="viewResolver"
    		class="org.springframework.web.servlet.view.UrlBasedViewResolver">
    		<property name="viewClass">
    			<value>org.springframework.web.servlet.view.JstlView</value>
    		</property>
    		<property name="prefix">
    			<value>/WEB-INF/jsp/</value>
    		</property>
    		<property name="suffix">
    			<value>.jsp</value>
    		</property>
        </bean>
    
    </beans>
    JSP

    Code:
    <%@ include file="/WEB-INF/jsp/include.jsp" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    
    <%@page contentType="text/html" pageEncoding="UTF-8"%>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>Welcome to LienLogic's Investment Portfolio Management System</title>
            <link href="css/jimgMenu.css" rel="stylesheet" type="text/css" />
            <script type="text/javascript" src="js/jquery-1.7.1.js"></script>
            <script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
            <script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
            <script type="text/javascript">
                    $(document).ready(function () {
                    // find the elements to be eased and hook the hover event
                              
                   
                    $('ul.jimgMenu li a').hover(function() {    
                        // if the element is currently being animated
                        if ($(this).is(':animated')) {
                        $(this).stop().animate({width: "260px"}, {duration: 450, easing:"easeOutQuad", complete: "callback"});
                        } else {
                        // ease in quickly
                        $(this).stop().animate({width: "260px"}, {duration: 400, easing:"easeOutQuad", complete: "callback"});
                        }
                    }, function () {
                        // on hovering out, ease the element out
                        if ($(this).is(':animated')) {
                        $(this).stop().animate({width: "78px"}, {duration: 400, easing:"easeInOutQuad", complete: "callback"})
                        } else {
                        // ease out slowly
                        $(this).stop(':animated').animate({width: "78px"}, {duration: 450, easing:"easeInOutQuad", complete: "callback"});
                        }
                    });
                    /*
                    , function () {
                       // submenu
                       var $elem = $(this);
                       var $submenu = $elem.find('.submenulien');
                       if($submenu.length){
                           var left = '170px';
                           if($elem.parent().children().length == $elem.index()+1)
                               left = '-170px';
                           $submenu.show().animate({'left':left},200)
                       }
    
                    });*/
                    });
                    
                   
             </script>
        </head>
    
        <body>
            <img src="<%=request.getContextPath()%>/img/LienLogicLogo.jpg" alt="LienLogic, Inc."/>
            </br>
            </br>
                <ul class="jimgMenu">
                    <li class="taxlien" style="background-position:0 0;">
                        <a href="#">Lien Management</a>
                                         
                        <ul class="submenulien">
                            <li id="liensummary"><a href="#">Lien Summary</a></li>
                            <li><a href="#">Find Lien</a></li>
                            <li><a href="#">Import Liens</a></li>
                            <li><a href="#">Redemptions</a></li>
                            <li><a href="#">Manage Subs</a></li>
                            <li><a href="#">Reports</a></li>
                        </ul>
                       
                    </li>
                    <li class="financial"><a href="#">Financial Management</a></li>
                    <li class="investor"><a href="#">Investor Management</a></li>
                    <li class="property"><a href="#">Property Management</a></li>
                </ul> 
            <%--
                </div>
            --%>
            
        </body>
    </html>
    Index Controller

    Code:
    package lienlogic.web;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    /**
     * Handles request for the application home(index) page
     */
    
    @Controller
    public class IndexController {
        
        @RequestMapping(value = "/")
        public String index(){
            System.out.println("IndexController: Passing through...");
            return "index";
            //return "WEB-INF/jsp/index.jsp";
        }
        
        @RequestMapping("/lienByState.htm")
        public String lienByState(){
            System.out.println("LienByStateController: Passing through...");
            return "lienByState";
        }
        
    }
    Thanks for your assistance
Working...
X