當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發布時間：2025/3/20 编程问答 17 豆豆

生活随笔收集整理的這篇文章主要介紹了后台管理中心跳转问题解决小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

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="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

總結

以上是生活随笔為你收集整理的后台管理中心跳转问题解决的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：我的一次被骗去培训班狗血的经历
下一篇： css中的px、em、rem 详解