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