我们之前已经整合了ssm框架并且调试已经好了，接下来我们实现商品列表的查询。

我们先进入到首页：

方法如下：

我们看到我们把所有的jsp页面都是放在：

这些页面都是放在WEB-IN下面的，也就是说这些页面都是需要通过经过Action才能获取的。

我们来写Action层的代码：

我们统一把Action层代码都写在

这个模块下面。

起名pageController.class：

代码如下：

package com.taotao.controller;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.PathVariable;

import org.springframework.web.bind.annotation.RequestMapping;

@Controller

public class pageController {

    @RequestMapping("/")

    public String showIndex()

    {

        return "index";

    }

    @RequestMapping("/{page}")

    public String showpage(@PathVariable String page)

    {

        return page;

    }

}

前一篇文章我饿说过我们的系统是直接部署在Tomcat下面的，就是说当我们在url输入http://localhost:8080就直接访问了项目，所以当我们输入http://localhost:8080时

就被springmvc拦截，进入到public String showIndex()这个函数，进入到index.jsp页面：

如下：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>淘淘商城后台管理系统</title>

<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.4.1/themes/default/easyui.css" />

<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.4.1/themes/icon.css" />

<link rel="stylesheet" type="text/css" href="css/taotao.css" />

<script type="text/javascript" src="js/jquery-easyui-1.4.1/jquery.min.js"></script>

<script type="text/javascript" src="js/jquery-easyui-1.4.1/jquery.easyui.min.js"></script>

<script type="text/javascript" src="js/jquery-easyui-1.4.1/locale/easyui-lang-zh_CN.js"></script>

<script type="text/javascript" src="js/common.js"></script>

<style type="text/css">

    .content {

        padding: 10px 10px 10px 10px;

    }

</style>

</head>

<body class="easyui-layout">

    <div data-options="region:'west',title:'菜单',split:true" style="width:180px;">

        <ul id="menu" class="easyui-tree" style="margin-top: 10px;margin-left: 5px;">

             <li>

                 <span>商品管理</span>

                 <ul>

                     <li data-options="attributes:{'url':'item-add'}">新增商品</li>

                     <li data-options="attributes:{'url':'item-list'}">查询商品</li>

                     <li data-options="attributes:{'url':'item-param-list'}">规格参数</li>

                 </ul>

             </li>

             <li>

                 <span>网站内容管理</span>

                 <ul>

                     <li data-options="attributes:{'url':'content-category'}">内容分类管理</li>

                     <li data-options="attributes:{'url':'content'}">内容管理</li>

                 </ul>

             </li>

         </ul>

    </div>

    <div data-options="region:'center',title:''">

        <div id="tabs" class="easyui-tabs">

            <div title="首页" style="padding:20px;">

            </div>

        </div>

    </div>

<script type="text/javascript">

$(function(){

    $('#menu').tree({

        onClick: function(node){

            if($('#menu').tree("isLeaf",node.target)){

                var tabs = $("#tabs");

                var tab = tabs.tabs("getTab",node.text);

                if(tab){

                    tabs.tabs("select",node.text);

                }else{

                    tabs.tabs('add',{

                        title:node.text,

                        href: node.attributes.url,

                        closable:true,

                        bodyCls:"content"

                    });

                }

            }

        }

    });

});

</script>

</body>

</html>

页面效果如下：

当我们点击 新增商品时  访问的是：

好我们看一下这个访问会怎么被拦截呢？

我们看Action层的： @RequestMapping("/{page}"它的意思是只要访问/带内容的都会被拦截到这里。

比如之前的/item-add就会被拦截下来，这里的page就是item-add，然后跳转到item-add.jsp这个页面。

-----------------------------

我们看一下之前做过的一个项目：
在action层是怎么调拦截的：
项目的jsp页面如下：
 parent.parent.parent.location='pageContext.request.contextPath/first.action';

//扩展一下知识：这里的pageContext.request.contextPath代表的是：比如我的项目名称是ajax01 在浏览器中输入为http://localhost:8080/ajax01/login.jsp。 ${pageContext.request.contextPath}或<%=request.getContextPath()%>取出来的就是/ajax01,
而"/"代表的含义就是http://localhost:8080
//扩展知识结束。


我们的控制层代码如下：

    @RequestMapping("/first.action")

    public String  test()

    {

        return "/base/first";

    }

把要访问的路径去头去尾剩下first.找到这个first.注意我试过这里的/first.action。可以写成first;/first;

007商城项目：商品列表查询-需求分析,以及Spinmvc的访问知识的更多相关文章

  1. 商城项目:商品列表ajax加载，ajax加入购物车--五张表的联合查询

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductLists.a ...

  2. Vue nodejs商城项目-商品列表价格过滤和加入购物车功能

    一.价格过滤功能 GoodsList.vue >>点击价格区间时发送请求 methods:{     getGoodsList(flag){         var param = {   ...

  3. Vue nodejs商城项目-商品列表页面组件

    data(){        return {            goodsList:[], // 商品列表            priceFilter:[ // 价格区间数组          ...

  4. 13 Flutter仿京东商城项目 商品列表筛选以及上拉分页加载更多

    ProductList.dart import 'package:flutter/material.dart'; import '../services/ScreenAdaper.dart'; imp ...

  5. 12 Flutter仿京东商城项目 商品列表页面请求数据、封装Loading Widget、上拉分页加载更多

    ProductList.dart import 'package:flutter/material.dart'; import '../services/ScreenAdaper.dart'; imp ...

  6. 11 Flutter仿京东商城项目 商品列表页面二级筛选导航布局

    ProductList.dart import 'package:flutter/material.dart'; import '../services/ScreenAdaper.dart'; imp ...

  7. 商城02——dubbo框架整合_商品列表查询实现_分页

    1.   课程计划 1.服务中间件dubbo 2.SSM框架整合. 3.测试使用dubbo 4.后台系统商品列表查询功能实现. 5.监控中心的搭建 2.   功能分析 2.1. 后台系统所用的技术 框 ...

  8. 【SSH系列】一步步深入springmvc+商品列表查询demo

    在前面的博文中,小编主要简单的介绍springmvc的体系结构.mvc模式的优缺点以及mvc框架,今天我们来继续学习springmvc的相关知识,在这篇博文中,小编讲解过springmvc的体系结构, ...

  9. Vue nodejs商城项目-商品的分页、排序、筛选

    .分页 ,要查第3页的数据,则跳过2*8条数据,然后返回8条数据. 在实现滚动加载时,页面刚一加载完成并不需要请求所有数据,当用户下拉到页面底部时,再去请求数据并拼接到商品数据列表中. 通过vue-i ...

随机推荐

  1. iOS 音乐

    iOS 音乐 这篇博客介绍的是较长的音频播放-音乐... 有关音效的介绍可以点击下面的连接进入... iOS 音效 首先导入框架:AVFoundation.framework 导入框架后我们在需要使用 ...

  2. 计算机组成原理往年试题以及答案（tzf！！！）

    计算机组成原理往年试题以及答案(下载链接!!!) 太子妃升职记(1~36) ::http://pan.baidu.com/s/1dDP5Kqd

  3. 10、技术经理要阅读的书籍 - IT软件人员书籍系列文章

    技术经理是项目组中的重要角色.他需要负责软件项目中的重要部分,如果项目组没有架构师的话,技术经理还需要担负起架构师的职责.同时,技术经理要对项目中的所有重要的技术问题进行处理. 但是,在项目组内部,软 ...

  4. 深入理解Angular中的$Apply()以及$Digest()

    $apply()和$digest()在AngularJS中是两个核心概念,但是有时候它们又让人困惑.而为了了解AngularJS的工作方式,首先需要了解$apply()和$digest()是如何工作的 ...

  5. igraph安装(R/Python)

    python-igraph:啥都不说了,用Ubuntu吧,虽然按照官方的流程还是会出错,但是排错会比较少,一般找不了多久就能找到解决方案 R-igraph:一般需要升级R版本,用3.3吧.升级R的方法 ...

  6. Linux high memory 学习总结

    在free命令中有个参数l,它表示 show detailed low and high memory statistics.其实最先是对High Memory总是为零有些不解(Linux是64为). ...

  7. Storm系列（二）：使用Csharp创建你的第一个Storm拓扑（wordcount）

    WordCount在大数据领域就像学习一门语言时的hello world,得益于Storm的开源以及Storm.Net.Adapter,现在我们也可以像Java或Python一样,使用Csharp创建 ...

  8. [原]openstack-kilo--issue(七)：虚拟机怎么通外网，外网怎么ping通虚拟机

    =====问题======= 虚拟机可以ping通外网,外网能ping通虚拟机但是收不到reply 这个问题本人遇到有两种情况: 1.安装完整openstack-kilo后,在route中和虚拟机中抓 ...

  9. ubuntu 安装配置jdk+eclipse+android sdk

    共5步: 1.安装jdk 2.安装eclipse 3.安装android-sdk 4.安装adb 5.在eclipse中安装ADT 1.安装jdk 之前已经安装好了. 用下面的命令安装,只需一些时间, ...

  10. IE6下png格式图片显示问题

    一开始是使用 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgBtn.png'); /* IE6 * ...