我们之前已经整合了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. 1. 从系统架构到Hello World

    Android起源与发展: Android操作系统最初在2003年的时候由Andy Rubin开发,主要支持手机.2005年8月由Google收购注资.2007年11月,Google与84家硬件制造商 ...

  2. postgresql 9.2之前的版本 需要CREATE LANGUAGE plpgsql

    CREATE LANGUAGE plpgsql CREATE or REPLACE function getDatirenshu(w_wjID int) RETURNS INTEGER as ' DE ...

  3. sshd安装

    centos yum install openssh-server #chkconfig --level 2345 sshd on #service sshd restart 重新启动 #netsta ...

  4. ios app响应background，foreground 事件实现

    1 通过AppDelegate 实现 App进入后台事件方法 - (void)applicationDidEnterBackground:(UIApplication *)application AP ...

  5. C#语句1：选择语句二（switch break）

    (二)switch case switch case 必须与 break 一同使用.break是跳转语句.与switch case连用的时候是跳出最近的{}. 注: ●若case后面接收的是字符串类型 ...

  6. iOS 实现Tabbarcontroller中间自定义样式 最简单的方法

    先上图: 如果我们要实现中间按钮自定义样式,方法应该蛮多,这里介绍一种最简单的. 1.创建类继承:UITabBarController,如下代码都是写在该类的 .m文件里 2.定义最中间的自定义样式, ...

  7. linux cpu占有率居高不下 调试

    今天调试程序,使用top命令后,发现程序的cpu占有率很高,一直在99,这很可怕,所以来调试. 使用top命令,得如下结果 PID USER PR NI VIRT RES SHR S %CPU %ME ...

  8. 【OpenWRT之旅】如何自定义一个配置文件的设置界面

    作者:gnuhpc 出处:http://www.cnblogs.com/gnuhpc/ 1. 引言 OpenWRT中采用LuCI作为它的Web interface界面框架,采用Lua语言.在本文中将以 ...

  9. 150925-周五不干活-HTML(CSS),Javascript

    不干活就干自己.. 今天所有代码总结为一个如下 <!DOCTYPE HTML><html><head><meta http-equiv="Conte ...

  10. Hadoop_MapReduce流程

    Hadoop学习笔记总结 01. MapReduce 1. Combiner(规约) Combiner号称本地的Reduce. 问:为什么使用Combiner? 答:Combiner发生在Map端,对 ...