我们之前已经整合了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. android am命令以及hotkey文件的编写

    1.拨打电话:am start -a android.intent.action.CALL -d tel:10086 这里-a表示动作,-d表述传入的数据,还有-t表示传入的类型. 2. 打开一个网页 ...

  2. 【读书笔记】iOS网络-Web Service协议与风格

    协议指的是在与其它系统交换结构化信息时所要遵循的一套格式,过程与规则.此外,协议定义了在传输过程中所要使用的数据格式.这样,接收系统就能正确地解释结构化信息并做出正应的回应. 1,简单对象访问协议. ...

  3. (转)postman中 form-data、x-www-form-urlencoded、raw、binary的区别

    1.form-data:  就是http请求中的multipart/form-data,它会将表单的数据处理为一条消息,以标签为单元,用分隔符分开.既可以上传键值对,也可以上传文件.当上传的字段是文件 ...

  4. iOS 学习 - 10下载(3) NSURLSession 音乐 篇

    使用 NSURLSession 下载,需要注意的是文件下载文件之后会自动保存到一个临时目录,需要开发人员自己将此文件重新放到其他指定的目录中 // // ViewController.m // Web ...

  5. DDL触发器的应用

    一般来说,DML触发器可以监测得到具体对象的具体数据的变更.然而,DDL触发器则能够对一些服务器的行为作出监控,比如我们可以利用DDL触发器来做登录限制啊,做一些日志控制啊之类的. 好,然后简单粗暴上 ...

  6. mongodb的备份

    转载请附原文链接:http://www.cnblogs.com/wingsless/p/5672057.html mongodb现在为止还是没有像XtraBackup这样好用的备份工具,因此一般来说会 ...

  7. MySQL事务学习-->隔离级别

    MySQL事务学习-->隔离级别 6 事务的隔离级别 设置的目的 在数据库操作中,为了有效保证并发读取数据的正确性,提出的事务隔离级别. 数据库是要被广大客户所共享访问的,那么在数据库操作过程中 ...

  8. java报表工具finereport常用函数的用法总结（数组函数）

    ADD2ARRAY ADDARRAY(array,insertArray, start):在数组第start个位置插入insertArray中的所有元素,再返回该数组. 示例: ADDARRAY([3 ...

  9. 报表引擎API开发入门—简单程序数据集

    小编最近接的项目是有关报表开发的,很想把这部分知识分享出来.希望大家能够支持我!不多说,马上进入我们今天的话题. API基本知识 小编最近项目所做的是关于一个报表软件—FineReport报表开发的一 ...

  10. python log

    python的日志模块为logging,它可以将我们想要的信息输出保存到一个日志文件中. # cat log import logging logging.debug('This is debug m ...