devbox
机器笔尖舞者
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-Tag标签管理实现

作者：机器笔尖舞者 | 2024-01-31 08:21:56

赞

踩

python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-Tag标签管理实现

锋哥原创的Springboot+Layui python222网站实战：

python222网站实战课程视频教程（SpringBoot+Python爬虫实战） ( 火爆连载更新中... )_哔哩哔哩_bilibilipython222网站实战课程视频教程（SpringBoot+Python爬虫实战） ( 火爆连载更新中... )共计23条视频，包括：python222网站实战课程视频教程（SpringBoot+Python爬虫实战） ( 火爆连载更新中... )、第2讲 架构搭建实现、第3讲 页面系统属性动态化设计实现等，UP主更多精彩视频，请关注UP账号。icon-default.png?t=N7T8https://www.bilibili.com/video/BV1yX4y1a7qM/

后端：

  1. package com.python222.controller.admin;
  2.  
  3. import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
  4. import com.python222.entity.PageBean;
  5. import com.python222.entity.Tag;
  6. import com.python222.service.TagService;
  7. import org.springframework.beans.factory.annotation.Autowired;
  8. import org.springframework.stereotype.Controller;
  9. import org.springframework.web.bind.annotation.RequestMapping;
  10. import org.springframework.web.bind.annotation.RequestParam;
  11. import org.springframework.web.bind.annotation.ResponseBody;
  12.  
  13. import java.util.HashMap;
  14. import java.util.Map;
  15.  
  16. /**
  17.  * 管理员-Tag控制器
  18.  * @author Administrator
  19.  *
  20.  */
  21. @Controller
  22. @RequestMapping(value = "/admin/tag")
  23. public class TagAdminController {
  24.  
  25.    @Autowired
  26.    private TagService tagService;
  27.  
  28.  
  29.  
  30.  
  31.    /**
  32.     * 根据条件分页查询Tag标签
  33.     * @param page
  34.     * @param limit
  35.     * @return
  36.     * @throws Exception
  37.     */
  38.    @ResponseBody
  39.    @RequestMapping(value = "/list")
  40.    public Map<String,Object> list(@RequestParam(value="page",required=false)Integer page,@RequestParam(value="limit",required=false)Integer limit)throws Exception{
  41.       Map<String, Object> resultMap = new HashMap<>();
  42.       PageBean pageBean=new PageBean(page,limit);
  43.       Page<Tag> tagPage = tagService.page(new Page<>(pageBean.getPage(), pageBean.getPageSize()));
  44.       resultMap.put("code", 0);
  45.       resultMap.put("count", tagPage.getTotal());
  46.       resultMap.put("data", tagPage.getRecords());
  47.       return resultMap;
  48.    }
  49.  
  50.    /**
  51.     * 添加或者修改Tag标签
  52.     * @param tag
  53.     * @return
  54.     */
  55.    @ResponseBody
  56.    @RequestMapping("/save")
  57.    public Map<String,Object> save(Tag tag){
  58.       if(tag.getId()==null){
  59.          tagService.save(tag);
  60.       }else{
  61.          tagService.updateById(tag);
  62.       }
  63.       Map<String, Object> resultMap = new HashMap<>();
  64.       resultMap.put("success", true);
  65.       return resultMap;
  66.    }
  67.  
  68.    /**
  69.     * 删除Tag标签
  70.     * @param id
  71.     * @return
  72.     * @throws Exception
  73.     */
  74.    @ResponseBody
  75.    @RequestMapping("/delete")
  76.    public Map<String,Object> delete(Integer id)throws Exception{
  77.       Map<String, Object> resultMap = new HashMap<>();
  78.       tagService.removeById(id);
  79.       resultMap.put("success", true);
  80.       return resultMap;
  81.    }
  82.  
  83.    /**
  84.     * 根据id查询Tag标签实体
  85.     * @param id
  86.     * @return
  87.     * @throws Exception
  88.     */
  89.    @ResponseBody
  90.    @RequestMapping("/findById")
  91.    public Map<String,Object> findById(Integer id)throws Exception{
  92.       Map<String, Object> resultMap = new HashMap<>();
  93.       Tag tag=tagService.getById(id);
  94.       resultMap.put("tag", tag);
  95.       resultMap.put("success", true);
  96.       return resultMap;
  97.    }
  98. }

tagManage.html

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Tag标签管理</title>
  6. <link rel="stylesheet" href="/static/layui/css/layui.css"></link>
  7. <link rel="stylesheet" href="/static/css/css.css"></link>
  8. </head>
  9. <body>
  10.  
  11.  
  12. 	<div style="padding: 20px">
  13. 	        <span class="layui-breadcrumb">
  14. 			  <a>首页</a>
  15. 			  <a><cite>Tag标签管理</cite></a>
  16. 			</span>
  17. 		    <div style="padding-top: 20px;">
  18. 		    	<div>
  19. 			    	<div>
  20. 			          <button class="layui-btn layuiadmin-btn-list" data-type="batchdel" onclick="addTag()">添加</button>
  21. 			    	</div>
  22. 			    </div>
  23. 			    <div>
  24. 				    <table width="100%" id="tagListTable" ></table>
  25. 			    </div>
  26. 			</div>
  27. 	  </div>
  28.  
  29. <script src="/static/layui/layui.js"></script>
  30. 	<script src="/static/js/jquery.js"></script>
  31. 	<script src="/static/js/common.js"></script>
  32. <script type="text/javascript">
  33.  
  34. 	layui.use(['element','form','table'], function(){
  35. 	    var form=layui.form;
  36. 		  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
  37. 		  $ = layui.jquery; // 使用jquery
  38. 		  table = layui.table;
  39.  
  40. 		  table.render({
  41. 		    elem: '#tagListTable'
  42. 		    ,url:'/admin/tag/list'
  43. 		    ,cols: [[
  44. 			  {type:'checkbox'}
  45.               ,{field:'id', width:100,title: '编号'}
  46. 		      ,{field:'name', title: 'Tag标签名称'}
  47. 		      ,{field:'sort', width:100, title: '排列序号',align:'center'}
  48. 			  ,{field:'action', width:250, title: '操作',align:'center',templet:formatAction}
  49. 		    ]]
  50. 		    ,page: true
  51. 		  });
  52.  
  53.  
  54. 	});
  55.  
  56.  
  57. 	function deleteOne(id){
  58. 		layer.confirm('您确定要删除这条记录吗？', {
  59. 	    title:"系统提示"
  60. 		  ,btn: ['确定','取消'] //按钮
  61. 		}, function(){
  62. 			layer.closeAll('dialog');
  63. 			$.post("/admin/tag/delete",{"id":id},function(result){
  64. 				if(result.success){
  65. 					layer.msg("删除成功！");
  66. 					table.reload("tagListTable",{});
  67. 				}else{
  68. 					layer.msg("删除失败，请联系管理员！");
  69. 				}
  70. 			},"json");
  71. 		}, function(){
  72.  
  73. 		});
  74. 	}
  75.  
  76. 	function addTag(){
  77. 		layer.open({
  78. 			  type: 2,
  79. 			  title: '添加Tag标签',
  80. 			  area: ['500px', '500px'],
  81. 			  content: '/admin/saveTag.html' //iframe的url
  82. 			});
  83. 	}
  84.  
  85. 	function modifyTag(id){
  86. 		layer.open({
  87. 			  type: 2,
  88. 			  title: '修改Tag标签',
  89. 			  area: ['500px', '500px'],
  90. 			  content: '/admin/saveTag.html?id='+id //iframe的url
  91. 			});
  92. 	}
  93.  
  94.  
  95. 	function formatAction(d){
  96. 		return "<button class='layui-btn layui-btn-normal layui-btn-xs' onclick='modifyTag("+d.id+")'><i class='layui-icon layui-icon-edit'></i>编辑</button><button class='layui-btn layui-btn-warm layui-btn-xs' onclick='deleteOne("+d.id+")'><i class='layui-icon layui-icon-delete' ></i>删除</button>";
  97. 	}
  98.  
  99.  
  100.  
  101. </script>
  102. </body>
  103. </html>

saveTag.html

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>添加或者修改Tag标签</title>
  6. <link rel="stylesheet" href="/static/layui/css/layui.css"></link>
  7. <style type="text/css">
  8.  
  9. 	table tr td{
  10. 		padding: 10px;
  11. 	}
  12.  
  13. </style>
  14. </head>
  15. <body>
  16. <div style="padding: 20px">
  17. 	<form method="post">
  18. 		<table>
  19. 			<tr>
  20. 				<td>Tag标签名称：</td>
  21. 				<td><input type="text" id="name" name="name" class="layui-input" style="width: 300px"/></td>
  22. 			</tr>
  23. 			<tr>
  24. 				<td>排列序号：</td>
  25. 				<td><input type="text" id="sort" name="sort" class="layui-input" style="width: 100px;display: inline;"/>&nbsp;&nbsp;<span>(根据数值从小到大排序)</span></td>
  26. 			</tr>
  27. 			<tr>
  28. 				<td><button class="layui-btn" onclick="submitData();return false;">提交</button></td>
  29. 				<td><font id="errorInfo" color="red"></font></td>
  30. 			</tr>
  31. 		</table>
  32. 	</form>
  33. </div>
  34. <script src="/static/layui/layui.js"></script>
  35. <script src="/static/js/jquery.js"></script>
  36. <script src="/static/js/common.js"></script>
  37. <script type="text/javascript">
  38.  
  39.     layui.use(['form'], function(){
  40.  
  41.     });
  42.  
  43. 	function submitData(){
  44. 		var name=$("#name").val().trim();
  45. 		var sort=$("#sort").val().trim();
  46. 		if(name=="") {
  47. 	　　　　     　　 $("#errorInfo").text("请输入Tag标签名称！");
  48. 			  $("#name").focus();
  49. 	　　　　　　      return false;
  50. 	　　　}
  51. 		if(sort=="") {
  52. 	　　　　     　　 $("#errorInfo").text("请输入排列序号！");
  53. 			  $("#sort").focus();
  54. 	　　　　　　      return false;
  55. 	　　　}
  56. 	　　　if (!(/(^[1-9]\d*$)/.test(sort))) {
  57. 	　　　　　　$("#errorInfo").text("排列序号必须是正整数！");
  58.         	$("#sort").focus();
  59. 	　　　　　　return false;
  60. 	　　  }
  61. 	   var id=getQueryVariable("id");
  62. 	   if(id){
  63. 		   $.post("/admin/tag/save",{id:id,name:name,sort:sort},function(result){
  64. 			  if(result.success){
  65.                   layer.alert('修改成功！',function () {
  66.                       parent.reloadPage();
  67.                   });
  68. 			  }else{
  69. 				  $("#errorInfo").text(result.errorInfo);
  70. 			  }
  71. 		  },"json");
  72. 	   }else{
  73. 		   $.post("/admin/tag/save",{name:name,sort:sort},function(result){
  74. 				  if(result.success){
  75.                       layer.alert('添加成功！',function () {
  76.                           parent.reloadPage();
  77.                       });
  78. 				  }else{
  79. 					  $("#errorInfo").text(result.errorInfo);
  80. 				  }
  81. 			  },"json");
  82. 	   }
  83. 	}
  84.  
  85.  
  86.  
  87. 	function getQueryVariable(variable){
  88. 	       var query = window.location.search.substring(1);
  89. 	       var vars = query.split("&");
  90. 	       for (var i=0;i<vars.length;i++) {
  91. 	               var pair = vars[i].split("=");
  92. 	               if(pair[0] == variable){return pair[1];}
  93. 	       }
  94. 	       return(false);
  95. 	}
  96.  
  97. 	$(function(){
  98. 	　　
  99. 		var id=getQueryVariable("id");
  100.  
  101. 		if(id){
  102. 			$.post("/admin/tag/findById",{id:id},function(result){
  103. 				  if(result.success){
  104. 					  var tag=result.tag;
  105. 					  $("#name").val(tag.name);
  106. 					  $("#sort").val(tag.sort);
  107. 				  }else{
  108.                       layer.alert('服务器加载有问题，请联系管理员！');
  109. 				  }
  110. 			  },"json");
  111. 		}
  112. 	});
  113.  
  114.  
  115. </script>
  116. </body>
  117. </html>

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：【wpsshop博客】
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号