我们前面做了那么多准备不是白做的,大家如果坚持到现在,真的值得给自己一个拥抱!现在我们就来开始着手处理后台管理系统。
首先,大家需要整合淘淘商城的后台管理系统静态页面,即需要将以下css、js、jsp三个文件夹添加到taotao-manager-web工程中的WEB-INF下。

整合静态页面之后的效果为:

为什么我们把jsp放到WEB-INF下面呢?这是因为我们在taotao-mamager-web工程的springmvc.xml文件中配置了关于jsp的视图解析器,把jsp放到了WEB-INF下,所以为了保持一致,我们把jsp放到了WEB-INF下。当然,也可以修改视图解析器配置,只要两者路径一致即可。
由于我们在web.xml文件中定义的url拦截形式为“/”表示拦截所有的url请求,包括静态资源例如css、js等,所以需要在springmvc.xml中添加资源映射标签:

<mvc:resources location="/WEB-INF/js/" mapping="/js/**"/>
<mvc:resources location="/WEB-INF/css/" mapping="/css/**"/>

方便大家复制,现把整个springmvc.mxl文件粘贴如下:

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"xmlns:context="http://www.springframework.org/schema/context"xmlns:dubbo="http://code.alibabatech.com/schema/dubbo" xmlns:mvc="http://www.springframework.org/schema/mvc"xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.2.xsdhttp://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.2.xsdhttp://code.alibabatech.com/schema/dubbo http://code.alibabatech.com/schema/dubbo/dubbo.xsdhttp://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.2.xsd"><context:component-scan base-package="com.taotao.controller" /><mvc:annotation-driven /><bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"><property name="prefix" value="/WEB-INF/jsp/" /><property name="suffix" value=".jsp" /></bean><!-- 静态资源映射 --><mvc:resources location="/WEB-INF/js/" mapping="/js/**"/><mvc:resources location="/WEB-INF/css/" mapping="/css/**"/><!-- 引用dubbo服务 --><dubbo:application name="taotao-manager-web"/><dubbo:registry protocol="zookeeper" address="192.168.25.128:2181"/>    <dubbo:reference interface="com.taotao.service.ItemService" id="itemService" /></beans>

为了访问index.jsp页面,我们需要写一个Controller类,通过访问Controller来间接访问index.jsp。我们定义的Controller类是PageController,如下图所示。

为了能够正确看到我们的后台管理系统首页——index.jsp,该jsp页面在WEB-INF/jsp目录下,所以我们需要把位于src/main/webapp下的index.jsp删掉,之前我们应该有在该目录下创建过这个jsp页面,这里我已删掉。
接下来,我们先启动taotao-manager工程,然后再来启动taotao-manager-web工程,启动成功后,我们访问http://localhost:8080/,可以看到如下图所示界面,我们点击”新增商品”发现控制台会报错,提示找不到item-add页面。

既然是index.jsp页面访问别的页面的时候报的错,我们便看看index.jsp的请求页面及我们的静态页面的关系,如下图所示。发现index.jsp访问的页面就是我们的静态页面,名字一样。因此我们现在需要做的就是在Controller类中通过拦截器把访问路径中的item-add这个串得到然后经过自动补充后缀.jsp从而返回一个同名的item-add.jsp回去,这样就可以访问了,其它页面的访问情况一样。

我们在PageController类中添加如下代码。

下面我们重新启动taotao-manager-web工程,如下图所示,我们可以正常访问到新增商品界面了。我们再点击下其它页面,发现都可以正常访问了。

淘淘商城——展示后台管理页面相关推荐

  1. (转)淘淘商城系列——展示后台管理页面

    http://blog.csdn.net/yerenyuan_pku/article/details/72773063 我们前面做了那么多准备不是白做的,大家如果坚持到现在,真的值得给自己一个拥抱!现 ...

  2. 学习淘淘商城第十六课(展示后台管理页面)

    前面做了那么多铺垫,现在我们开始着手处理后台管理系统. 首先,大家需要下载淘淘商城的静态资源文件,大家可以到:http://download.csdn.net/detail/u012453843/97 ...

  3. 登录、注册、后台管理页面(动态)

    一.作业需求: 1.后台管理主界面(左边菜单框.(全选.反选)框.返回顶部按钮) 2.老男孩登录.注册页面 二.博客地址:https://www.cnblogs.com/catepython/p/93 ...

  4. 老男孩Day16作业:登录、注册、后台管理页面(动态)

    一.作业需求:1.后台管理主界面(左边菜单框.(全选.反选)框.返回顶部按钮)2.老男孩登录.注册页面二.博客地址:https://www.cnblogs.com/catepython/p/93063 ...

  5. 简洁商城系统后台管理模板

    简介: 简洁商城系统后台管理模板,简单,大气,全套模板,包括登录.旅游管理.系统管理.信息管理等后台模板页面. 网盘下载地址: http://kekewangLuo.cc/irUA8YyDkwp0 图 ...

  6. 商城购物后台管理项目

    好多天都没更了,这两天在老师的帮助下从零到一完成了一个商城购物后台管理的项目,今天刚刚进行项目发布,完结项目.下面来给大家分享一下项目步骤及知识点,顺带再次自己复习一遍. 由于主攻后端开发的原因,前端 ...

  7. 二基于Django 简单后台管理页面

    <1> 整个后台页面布局项目基于python的Django框架进行开发 ①实现用户登录 ②实现用户对自己数据的增删改查 (1)在app cmdb的models.py下创建用户数据表:用户表 ...

  8. 后台管理页面布局(左侧导航长度根据右侧内容无限延伸)

    2019独角兽企业重金招聘Python工程师标准>>>     如图为标准后台管理页面布局,左侧导航布局一般是设置高度100%来适应所有尺寸的显示器打开的浏览器高度. 但是这种布局会 ...

  9. 后台管理页面基本布局方式

    经典页面布局 简易后台管理页面布局 1 左边菜单栏固定 2 header固定高度(宽度自适应) 3 主体统计列表(宽度自适应) 代码如下 html <div class="main&q ...

最新文章

  1. AMD–7nm “Rome”芯片SOC体系结构,支持64核
  2. openCV—Python(6)—— 图像算数与逻辑运算
  3. 分库分表技术演进最佳实践-修订篇
  4. PMCAFF招兵啦~只要最骚最浪的你~
  5. java线上问题定位_java定位线上问题
  6. 24c04硬件地址位_硬件刷题篇(一)
  7. centos7安装jdk只有几k的坑
  8. 《程序化广告实战》一 1.1 常见的广告形式及业态
  9. pdf阅读器怎么样去拆分文档啊
  10. java后台实现批量打印功能
  11. 《鬼谷子》捭阖第一(翻译)
  12. SpringBoot集成SpringSecurity(二) 个性化登录配置(remember-me mongodb)
  13. 第三届火焰杯软件测试初赛题目
  14. 周大福、周六福、周生生等区分
  15. 数据结构-栈(Stack)-定义与基本操作
  16. XZ_iOS之优秀网站推荐
  17. word题注的大写变成小写
  18. 电脑技巧:分享6个实用的资源网站
  19. VOC2012数据集xml文件转csv文件
  20. perl中的反勾号(``),system和exec

热门文章

  1. 27岁裸辞转行程序员,大半年的艰苦历程总结的学习经验
  2. 股骨截骨php钢板,股骨远端截骨(DFO)术前设计及手术步骤
  3. 【泛函分析】 3 赋范线性空间上的有界线性算子
  4. JZ59 滑动窗口的最大值,三种解法【较难】
  5. 计算机登录用户名开机取消,电脑开机有两个用户名登录,怎样取消一个?
  6. sql 游标会影响rollback吗_住宅风水会影响身体健康吗
  7. 【DB笔试面试604】在Oracle中,存储概要(Stored Outline)的作用是什么?
  8. 抓包工具Wireshark使用教程:抓包、捕获/显示过滤器、表达式、追踪流
  9. occt-wasm配置——emsdk配置web版opencascade
  10. [MFC美化] SkinSharp使用详解2-SkinH.h函数介绍