我们之前已经整合了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. objective-c系列-NSMutableArray

    ******************************************** // 可变数组构造方法 //  下边两句的定义都是不可变的 //    NSMutableArray *mar ...

  2. Android App监听软键盘按键的三种方式与改变软键盘右下角确定键样式

    actionNone : 回车键,按下后光标到下一行actionGo : Go,actionSearch : 放大镜actionSend : SendactionNext : NextactionDo ...

  3. 安全攻防之SQL注入（通过sqlmap搞定所有问题）

    第一步: sqlmap基于Python,所以首先下载: http://yunpan.cn/QiCBLZtGGTa7U  访问密码 c26e 第二步: 安装Python,将sqlmap解压到Python ...

  4. drop和delete的区别是什么

    当你不再需要该表时, 用 drop;当你仍要保留该表,但要删除所有记录时, 用 truncate;当你要删除部分记录时(always with a WHERE clause), 用 delete.

  5. 更换mysql数据目录后出现ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' (2) 的解决办法

    服务器上的mysql默认数据目录为/var/lib/mysql/,同时服务器的/空间不是很大,而近期又有大量的日志需要导入进行分析,时常搞得/的空间捉襟见肘,晚上一狠心就想把mysql的数据目录转移到 ...

  6. Mongodb Manual阅读笔记：CH8 复制集

    8 复制 Mongodb Manual阅读笔记:CH2 Mongodb CRUD 操作Mongodb Manual阅读笔记:CH3 数据模型(Data Models)Mongodb Manual阅读笔 ...

  7. Java并发之CountDownLatch 多功能同步工具类

    package com.thread.test.thread; import java.util.Random; import java.util.concurrent.*; /** * CountD ...

  8. ImitateLogin新增插件机制以及又一个社交网站的支持

    我的文章里已经多次介绍 imitate-login ,这是我最近一直在维护的一个使用c#模拟社交网站登录的开源项目,现在新增了对插件的支持以及一个新的网站(由于某种原因,会在文章结束部分介绍:而且仅会 ...

  9. C# 读取在存储过程多结果集

    --SQL Server 测试环境搭建: Create database Test; go USE [Test] GO if OBJECT_ID('Tab','U') is not null drop ...

  10. android The public type classname must be defined in its own file 报错

    The public type classname must be defined in its own file classname  为类名 错误提示,公用的类必髯有自己拥有独立.java文件 解 ...