SpringMVC_CRM系统_配置静态资源3

数据库已经连接好了，我们今天开始配置一个jsp页面。

1. 前端资源有些多，里面的文件就不一一贴出来了，可以去最下面的源码地址里面拷贝出来，我们首先将css、fonts、js文件夹拷贝到webapp文件夹下，将tld和jsp文件夹拷贝到WEB-INF文件夹下，新建一个commont包，放置NavigationTag和Page两个类，这里主要是配置分页相关的标签， 如下图所示 :

   
   

2. 在applicationContext.xml中配置视图解析器，增加前缀和后缀

    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <!-- 给view返回的指定页面名称添加前后缀 -->
        <property name="prefix" value="/WEB-INF/jsp/" />
        <property name="suffix" value=".jsp" />
    </bean>

3. 然后我们来测试一下是否能显示出来这个页面

    @RequestMapping("/customer")
    public ModelAndView customer(){
        ModelAndView modelAndView = new ModelAndView();
        modelAndView.setViewName("customer");
        return modelAndView;
    }

4. 页面显示

   
   

5. 可以看到页面显示出来了，但是样式有些问题，我们来看一下源码

   
   

看出问题所在，是因为css 都没有找到，需要我们配置一下

6. 配置静态资源，在applicationContext.xml中增加如下代码

    <!-- 对静态资源放行 -->
    <mvc:resources mapping="/css/**" location="classpath:/css/"/>
    <mvc:resources mapping="/js/**" location="classpath:/js/"/>
    <mvc:resources mapping="/fonts/**" location="classpath:/fonts/"/>

7. 重新运行页面,OK，我们的页面出来啦

   
   

总结

页面搭建就好了，下一节我们开始前后台数据交互。

本系列源码存放在github上 源码