后台管理中心跳转问题解决

1、管理中心框架页

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>后台管理</title><link rel="stylesheet" href="css/bootstrap.min.css" /><link rel="stylesheet" href="css/bootstrap-theme.min.css" /><script src="js/jquery.min.js"></script><script src="js/bootstrap.min.js"></script></head><body><header class="row" style="padding: 20px 30px;background-color:#245580;"><div class="col-xs-7"><h1 style="color: #FFFFFF;">XXX网<small>后台管理</small></h1></div><div class="col-xs-3"><div class="text-right" style="margin-top: 40px;color: #FFFFFF;"><p>管理员</p></div></div><div class="col-xs-2"><div style="margin-top: 40px;"><a>退出</a></div></div></header><div style="background-color: #999999;width: 100%;height: 1px;margin: 10px 0px;"></div>
　　<div class="row"><aside class="col-xs-3" >                <ul class="list-group">　　　　　　<li class="list-group-item" ><button type="button" class="btn btn-primary btn-block btn-lg" data-toggle="collapse" data-target="#shangpin">商品管理</button><div id="shangpin" class="collapse" ><div class="btn-group-vertical btn-block" ><button type="button" οnclick="$('#content').load('toAnniu01');" class="btn btn-primary btn-block" style="margin-top: 6px;border-bottom:#5BC0DE 2px solid;">按钮 1</button><button type="button" οnclick="$('#content').load('toAnniu02');" class="btn btn-primary btn-block" style="margin-top: 6px;border-bottom:#5BC0DE 2px solid;">按钮 2</button></div></div></li><li class="list-group-item" ><button type="button" class="btn btn-primary btn-block btn-lg" data-toggle="collapse" data-target="#leibie">类别管理</button><div id="leibie" class="collapse" ><div class="btn-group-vertical btn-block" ><button type="button" οnclick="$('#content').load('toAddCategory');" class="btn btn-primary btn-block" style="margin-top: 6px;border-bottom:#5BC0DE 2px solid;">新增分类</button><button type="button" οnclick="$('#content').load('toListCategory');" class="btn btn-primary btn-block" style="margin-top: 6px;border-bottom:#5BC0DE 2px solid;">分类列表</button></div></div></li><li class="list-group-item" ><button type="button" class="btn btn-primary btn-block btn-lg" data-toggle="collapse" data-target="#cangku">仓库管理</button><div id="cangku" class="collapse" >                         <div class="btn-group-vertical btn-block" ><button type="button" class="btn btn-primary btn-block" style="margin-top: 6px;border-bottom:#5BC0DE 2px solid;">按钮 1</button><button type="button" class="btn btn-primary btn-block" style="margin-top: 6px;border-bottom:#5BC0DE 2px solid;">按钮 2</button></div></div></li><li class="list-group-item" ><button type="button" class="btn btn-primary btn-block btn-lg" data-toggle="collapse" data-target="#tongji">查询统计</button><div id="tongji" class="collapse" >                           <div class="btn-group-vertical btn-block" ><button type="button" class="btn btn-primary btn-block" style="margin-top: 6px;border-bottom:#5BC0DE 2px solid;">按钮 1</button><button type="button" class="btn btn-primary btn-block" style="margin-top: 6px;border-bottom:#5BC0DE 2px solid;">按钮 2</button></div></div></li><li class="list-group-item" ><button type="button" class="btn btn-primary btn-block btn-lg" data-toggle="collapse" data-target="#xitong">系统管理</button><div id="xitong" class="collapse" >                           <div class="btn-group-vertical btn-block" ><button type="button" class="btn btn-primary btn-block" style="margin-top: 6px;border-bottom:#5BC0DE 2px solid;">按钮 1</button><button type="button" class="btn btn-primary btn-block" style="margin-top: 6px;border-bottom:#5BC0DE 2px solid;">按钮 2</button></div></div></li></ul><img src="data:images/logo.png" class="img-responsive" alt="Cinque Terre"> </aside><article class="col-xs-8 panel panel-default"><div id="content" class="panel-body"></div></article></div><div style="background-color: #999999;width: 100%;height: 1px;"></div><footer class="container"><div class="row"><div class="col-md-12" style="padding: 20px;"><h4 class="text-muted">Copyright © XXXX有限公司</h4></div></div></footer>
</body></html>

2、框架内页

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<h3>新增分类</h3>
<form id="listForm" class="form-horizontal" action="javascript:addCategory()" method="post" role="form"><div class="form-group"><div class="input-group "><span class="input-group-addon">分类名称</span> <input type="text"class="form-control" id="XX" name="cat_name"value="${category.cat_name}" placeholder="输入类别名称" required></div></div><div class="form-group"><div class="input-group"><span class="input-group-addon">分类描述</span><textarea class="form-control" rows="3" name="cat_desc" required>${category.cat_desc}</textarea></div></div><button type="submit" class="btn btn-default">提交</button><font size="4" color="red" style="margin-right: 30px">${message}</font>
</form><script>function addCategory() {$.ajax({url : "addCategory",type : "post",data : $('#listForm').serialize(),success : function(result) {$("#content").empty();$("#content").html(result);}});
}
</script>

　3、后台java代码SpringMVC

/*** 商品分类控制器*/
@Controller
public class CategoryController {// 注入categoryMapper接口
    @Autowiredprivate CategoryMapper categoryMapper;// 跳转到 新增分类 页面@RequestMapping("toAddCategory")public String toAddCategory() {return "admin/add_cat";}    @RequestMapping("addCategory")public String addCategory(Category category, Model model) {categoryMapper.addCategory(category);model.addAttribute("category", category);model.addAttribute("message", "新增成功！");return "admin/add_cat";}
}

转载于:https://www.cnblogs.com/moonsoft/p/10080884.html

后台管理中心跳转问题解决相关推荐

weib后台管理中如何去除横向滚动框
weib后台管理中如何去除横向滚动框 1.web后台管理中经常会出现滚动框,如图: 2.出现该问题的原因是设置了min-width的属性解决办法:注释min-width的属性 #pageWrappe ...
vue中后台管理中使用水印
先安装水印插件 npm install --save watermark-dom 然后在全部页面应用 AppMain.vue <script> import { mapGetters } ...
美多商城后台管理之登录、浏览器的同源策略
登录后台管理中我们首先需要完成登录功能,我们可以通过改写美多表单登录来完成相应的功能. 在后台登录中,由于我们前端服务和后端服务的域名不一样,所以我们首先解决跨域问题. 登后的状态保持我们采用jwt ...
酒店中计算机信息应用的重要性,浅析计算机在酒店管理中所体现的应用价值
浅析计算机在酒店管理中所体现的应用价值 (5页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 9.9 积分浅析计算机在酒店管理中所体现的应用价值 1概述 ...
毕业设计之企业网站后台管理的设想
我选的毕业设计题目叫企业网站后台管理(双语结构),实际上叫"英语结构"准确,因为老师就是叫我做一个英文版的网站.中文版的那个功能基本已经实现了,不过是ASP做的,而我要用JSP做, ...
酒店中计算机信息应用的重要性,计算机在酒店管理中的应用价值
版权声明:以上文章中所选用的图片及文字来源于网络以及用户投稿,由于未联系到知识产权人或未发现有关知识产权的登记,如有知识产权人并不愿意我们使用,如果有侵权请立即联系:55525090@qq.com,我 ...
archives_do.php,织梦后台文章管理中增加批量添加tag标签功能
需求背景: 之前发布了不少文章,后来发现之前的这些文章当时发布时都没有添加tag标签,然而现在需要都添加上tag标签,然而这个在默认的织梦后台是没办法批量实现的,只能一篇篇文章去修改. 思考: 织梦原 ...
中后台管理信息系统通用原型方案、业务中台管理系统、业务中台架构、管理信息系统、订单管理、客户管理、货源管理、财务管理、客服管理、营销管理、办公申请、协作管理、CMS、OA、CRM、ERP、Axure
本作品是一套通用型的中后台信息系统原型方案,可以快速扩展并输出标准美观的中后台产品原型,极大的提升输出效率和节省协作成本.方案中提供了几十套不同风格和结构的系统框架,并涵盖了大量的常用组件和通用页面模 ...
使用layui 做后台管理界面，在Tab中的链接点击后添加一个新TAB的解决方法
使用layui 做后台管理界面,在Tab中的链接点击后添加一个新TAB的解决方法参考文章: (1)使用layui 做后台管理界面,在Tab中的链接点击后添加一个新TAB的解决方法 (2)https: ...

后台管理中心跳转问题解决

后台管理中心跳转问题解决相关推荐

最新文章

热门文章