devbox
程序质量控制师
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-友情链接管理实现

作者：程序质量控制师 | 2024-01-29 23:20:15

赞

踩

python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-友情链接管理实现

锋哥原创的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.Link;
  5. import com.python222.entity.PageBean;
  6. import com.python222.service.LinkService;
  7. import org.springframework.beans.factory.annotation.Autowired;
  8. import org.springframework.web.bind.annotation.RequestMapping;
  9. import org.springframework.web.bind.annotation.RequestParam;
  10. import org.springframework.web.bind.annotation.RestController;
  11.  
  12. import java.util.HashMap;
  13. import java.util.Map;
  14.  
  15. /**
  16.  * 管理员-友情链接控制器
  17.  * @author Administrator
  18.  *
  19.  */
  20. @RestController
  21. @RequestMapping(value = "/admin/link")
  22. public class LinkAdminController {
  23.  
  24.    @Autowired
  25.    private LinkService linkService;
  26.  
  27.    /**
  28.     * 根据条件分页查询友情链接
  29.     * @param page
  30.     * @param limit
  31.     * @return
  32.     * @throws Exception
  33.     */
  34.    @RequestMapping(value = "/list")
  35.    public Map<String,Object> list(@RequestParam(value="page",required=false)Integer page,@RequestParam(value="limit",required=false)Integer limit)throws Exception{
  36.       Map<String, Object> resultMap = new HashMap<>();
  37.       PageBean pageBean=new PageBean(page,limit);
  38.       Page<Link> linkPage = linkService.page(new Page<>(pageBean.getPage(), pageBean.getPageSize()));
  39.       resultMap.put("code", 0);
  40.       resultMap.put("count", linkPage.getTotal());
  41.       resultMap.put("data", linkPage.getRecords());
  42.       return resultMap;
  43.    }
  44.  
  45.    /**
  46.     * 添加或者修改友情链接
  47.     * @param link
  48.     * @return
  49.     */
  50.    @RequestMapping("/save")
  51.    public Map<String,Object> save(Link link){
  52.       if(link.getId()==null){
  53.          linkService.save(link);
  54.       }else{
  55.          linkService.updateById(link);
  56.       }
  57.       Map<String, Object> resultMap = new HashMap<>();
  58.       resultMap.put("success", true);
  59.       return resultMap;
  60.    }
  61.  
  62.    /**
  63.     * 删除友情链接
  64.     * @param id
  65.     * @return
  66.     * @throws Exception
  67.     */
  68.    @RequestMapping("/delete")
  69.    public Map<String,Object> delete(Integer id)throws Exception{
  70.       Map<String, Object> resultMap = new HashMap<>();
  71.       linkService.removeById(id);
  72.       resultMap.put("success", true);
  73.       return resultMap;
  74.    }
  75.  
  76.    /**
  77.     * 根据id查询友情链接实体
  78.     * @param id
  79.     * @return
  80.     * @throws Exception
  81.     */
  82.    @RequestMapping("/findById")
  83.    public Map<String,Object> findById(Integer id)throws Exception{
  84.       Map<String, Object> resultMap = new HashMap<>();
  85.       Link link=linkService.getById(id);
  86.       resultMap.put("link", link);
  87.       resultMap.put("success", true);
  88.       return resultMap;
  89.    }
  90. }

前端linkManage.html

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>友情链接管理</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>友情链接管理</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="addLink()">添加</button>
  21.                 </div>
  22.              </div>
  23.              <div>
  24.                 <table width="100%" id="linkListTable" ></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: '#linkListTable'
  42.           ,url:'/admin/link/list'
  43.           ,cols: [[
  44.            {type:'checkbox'}
  45.               ,{field:'id', width:100,title: '编号'}
  46.             ,{field:'name', width:200,title: '友情链接名称'}
  47.             ,{field:'url', width:250,title: '友情链接地址'}
  48.             ,{field:'sort', width:100, title: '排列序号',align:'center'}
  49.               ,{field:'remark', title: '描述',align:'center'}
  50.             ,{field:'action', width:150, title: '操作',align:'center',templet:formatAction}
  51.           ]]
  52.           ,page: true
  53.         });
  54.  
  55.  
  56.    });
  57.  
  58.  
  59.    function deleteOne(id){
  60.       layer.confirm('您确定要删除这条记录吗？', {
  61.        title:"系统提示"
  62.         ,btn: ['确定','取消'] //按钮
  63.       }, function(){
  64.          layer.closeAll('dialog');
  65.          $.post("/admin/link/delete",{"id":id},function(result){
  66.             if(result.success){
  67.                layer.msg("删除成功！");
  68.                table.reload("linkListTable",{});
  69.             }else{
  70.                layer.msg("删除失败，请联系管理员！");
  71.             }
  72.          },"json");
  73.       }, function(){
  74.  
  75.       });
  76.    }
  77.  
  78.    function addLink(){
  79.       layer.open({
  80.            type: 2,
  81.            title: '添加友情链接',
  82.            area: ['500px', '500px'],
  83.            content: '/admin/saveLink.html' //iframe的url
  84.          });
  85.    }
  86.  
  87.    function modifyLink(id){
  88.       layer.open({
  89.            type: 2,
  90.            title: '修改友情链接',
  91.            area: ['500px', '500px'],
  92.            content: '/admin/saveLink.html?id='+id //iframe的url
  93.          });
  94.    }
  95.  
  96.  
  97.    function formatAction(d){
  98.       return "<button class='layui-btn layui-btn-normal layui-btn-xs' onclick='modifyLink("+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>";
  99.    }
  100.  
  101.  
  102.  
  103. </script>
  104. </body>
  105. </html>

saveLink.html

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>添加或者修改友情链接</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>友情链接名称：</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="url" name="url" class="layui-input" style="width: 300px"/></td>
  26.          </tr>
  27.          <tr>
  28.             <td>友情链接描述：</td>
  29.             <td>
  30.                <textarea type="text" id="remark" name="remark" class="layui-input" style="width: 300px;height: 100px" ></textarea>
  31.             </td>
  32.          </tr>
  33.          <tr>
  34.             <td>排列序号：</td>
  35.             <td><input type="text" id="sort" name="sort" class="layui-input" style="width: 100px;display: inline;"/>&nbsp;&nbsp;<span>(根据数值从小到大排序)</span></td>
  36.          </tr>
  37.          <tr>
  38.             <td><button class="layui-btn" onclick="submitData();return false;">提交</button></td>
  39.             <td><font id="errorInfo" color="red"></font></td>
  40.          </tr>
  41.       </table>
  42.    </form>
  43. </div>
  44. <script src="/static/layui/layui.js"></script>
  45. <script src="/static/js/jquery.js"></script>
  46. <script src="/static/js/common.js"></script>
  47. <script type="text/javascript">
  48.  
  49.     layui.use(['form'], function(){
  50.  
  51.     });
  52.  
  53.    function submitData(){
  54.       var name=$("#name").val().trim();
  55.       var url=$("#url").val().trim();
  56.         var remark=$("#remark").val().trim();
  57.       var sort=$("#sort").val().trim();
  58.       if(name=="") {
  59.    　　　　     　　 $("#errorInfo").text("请输入友情链接名称！");
  60.            $("#name").focus();
  61.    　　　　　　      return false;
  62.    　　　}
  63.       if(url=="") {
  64.    　　　　     　　 $("#errorInfo").text("请输入友情链接地址！");
  65.            $("#url").focus();
  66.    　　　　　　      return false;
  67.    　　　}
  68.       if(!IsURL(url)){
  69.           $("#errorInfo").text("友情链接地址格式不正确！");
  70.            $("#url").focus();
  71.    　　　　　　      return false;
  72.       }
  73.       if(sort=="") {
  74.    　　　　     　　 $("#errorInfo").text("请输入排列序号！");
  75.            $("#sort").focus();
  76.    　　　　　　      return false;
  77.    　　　}
  78.    　　　if (!(/(^[1-9]\d*$)/.test(sort))) {
  79.    　　　　　　$("#errorInfo").text("排列序号必须是正整数！");
  80.            $("#sort").focus();
  81.    　　　　　　return false;
  82.    　　  }
  83.       var id=getQueryVariable("id");
  84.       if(id){
  85.          $.post("/admin/link/save",{id:id,name:name,url:url,sort:sort,remark:remark},function(result){
  86.            if(result.success){
  87.                   layer.alert('修改成功！',function () {
  88.                       parent.reloadPage();
  89.                   });
  90.            }else{
  91.               $("#errorInfo").text(result.errorInfo);
  92.            }
  93.         },"json");
  94.       }else{
  95.          $.post("/admin/link/save",{name:name,url:url,sort:sort,remark:remark},function(result){
  96.               if(result.success){
  97.                       layer.alert('添加成功！',function () {
  98.                           parent.reloadPage();
  99.                       });
  100.               }else{
  101.                  $("#errorInfo").text(result.errorInfo);
  102.               }
  103.            },"json");
  104.       }
  105.    }
  106.  
  107.  
  108.  
  109.    function getQueryVariable(variable){
  110.           var query = window.location.search.substring(1);
  111.           var vars = query.split("&");
  112.           for (var i=0;i<vars.length;i++) {
  113.                   var pair = vars[i].split("=");
  114.                   if(pair[0] == variable){return pair[1];}
  115.           }
  116.           return(false);
  117.    }
  118.  
  119.    $(function(){
  120.    　　
  121.       var id=getQueryVariable("id");
  122.  
  123.       if(id){
  124.          $.post("/admin/link/findById",{id:id},function(result){
  125.               if(result.success){
  126.                  var link=result.link;
  127.                  $("#name").val(link.name);
  128.                  $("#url").val(link.url);
  129.                  $("#sort").val(link.sort);
  130.                       $("#remark").val(link.remark);
  131.               }else{
  132.                       layer.alert('服务器加载有问题，请联系管理员！');
  133.               }
  134.            },"json");
  135.       }
  136.    });
  137.  
  138.  
  139. </script>
  140. </body>
  141. </html>

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

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

  

闽ICP备14008679号