http://blog.csdn.net/yerenyuan_pku/article/details/72773063

我们前面做了那么多准备不是白做的,大家如果坚持到现在,真的值得给自己一个拥抱!现在我们就来开始着手处理后台管理系统。 
首先,大家需要整合淘淘商城的后台管理系统静态页面,即需要将以下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.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.2.xsd http://code.alibabatech.com/schema/dubbo http://code.alibabatech.com/schema/dubbo/dubbo.xsd http://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>
  • 1

为了访问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工程,如下图所示,我们可以正常访问到新增商品界面了。我们再点击下其它页面,发现都可以正常访问了。 

转载于:https://www.cnblogs.com/telwanggs/p/6934288.html

(转)淘淘商城系列——展示后台管理页面相关推荐

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

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

  2. 淘淘商城——展示后台管理页面

    我们前面做了那么多准备不是白做的,大家如果坚持到现在,真的值得给自己一个拥抱!现在我们就来开始着手处理后台管理系统. 首先,大家需要整合淘淘商城的后台管理系统静态页面,即需要将以下css.js.jsp ...

  3. 微服务商城系统实战 后台管理页面、商家管理页面、商品列表跳转详情页

    文章目录 一.后台管理 1.根据点击的 div 展示相应页面 2.解决 height: 100% 不起作用问题 3. th:onclick 引用的函数参数是 model值 二.商家管理 1.th:ea ...

  4. (转) 淘淘商城系列——CMS内容管理系统工程搭建

    http://blog.csdn.net/yerenyuan_pku/article/details/72825801 淘淘商城系列--CMS内容管理系统工程搭建 上文我们一起搭建了表现层中的商城门户 ...

  5. Day5作业,商城+ATM机+后台管理

    晚来了....东西太多,需要写的blog内容太多,re讲的渣渣,不明白为什么oldboy经常换老师,吐槽下吧,真心不爱了.... github地址在这:https://github.com/ccorz ...

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

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

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

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

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

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

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

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

最新文章

  1. Unit Testing for WinForm
  2. 深度剖析Zabbix Web scenarios数据表结构
  3. u3d局域网游戏网络(c# socket select 模型)
  4. linux 扫描仪 程序,Linux桌面的4种扫描工具
  5. 转载+记录数据增广的八种常用方式
  6. python类class基础
  7. ajax简单的验证,ajax初探--实现简单实时验证(示例代码)
  8. [mybatis]Configuration XML_properties
  9. 【LeetCode笔记】剑指 Offer 13-. 机器人的运动范围 (Java、dfs)
  10. 作者:刘强(1990-),男,中国科学院自动化研究所博士生
  11. ASP.Net请求处理模式
  12. APP设计灵感|高颜值时钟页面!让每一秒都过得有意义
  13. 计算机三种不同类型的用户账户,计算机应用基础(第2版)教学课件作者陈绥阳第二章.ppt...
  14. armax函数 matlab 源码_【源码】Kmeans聚类算法(超快速、简洁的设计方法)
  15. bzoj1295 最长距离
  16. Vue.js刷新当前页面
  17. ORB-SLAM3: An Accurate Open-Source Library for Visual, Visual-Inertial and Multi-Map SLAM
  18. 科技创新全球资本财富盛会暨联盟系统2.0启动大会圆满举行
  19. 前端工程师的第一个Flutter应用
  20. 产品经理vs项目经理?四类PM区别都在这里啦

热门文章

  1. STM32CAN外设使用
  2. 自己在win10中添加ADO控件步骤总结
  3. oracle 使用数据泵恢复,oracle 使用数据泵 导出整个db 并恢复
  4. Linux-kernel网桥代码分析(二)
  5. ARM系统中断产生流程
  6. springmvc的运行流程
  7. java switch嵌套if_(新手)Java课程作业,请各位老哥指教:综合运用嵌套if选择结构、switch选择结构、多重if选择结构实现商品换购功能...
  8. java war包混淆_使用proguard混淆java web项目代码
  9. matlab无刷双馈电机模型搭建,基于MATLAB的无刷双馈电机建模与仿真
  10. linux定时任务执行脚本文件找不到,linux中脚本放入计划任务当中为什么没有执行呢?...