devbox
信息技术墨韵书生
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-帖子管理实现

作者：信息技术墨韵书生 | 2024-01-31 08:23:44

赞

踩

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/

新建ArticleAdminController

  1. package com.python222.controller.admin;
  2.  
  3. import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
  4. import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
  5. import com.python222.entity.Article;
  6. import com.python222.entity.PageBean;
  7. import com.python222.service.ArticleService;
  8. import com.python222.util.StringUtil;
  9. import org.springframework.beans.factory.annotation.Autowired;
  10. import org.springframework.web.bind.annotation.RequestMapping;
  11. import org.springframework.web.bind.annotation.RequestParam;
  12. import org.springframework.web.bind.annotation.RestController;
  13.  
  14. import java.util.HashMap;
  15. import java.util.Map;
  16.  
  17. /**
  18.  * 管理员-帖子控制器
  19.  * @author python222小锋老师
  20.  * @site www.python222.com
  21.  */
  22. @RestController
  23. @RequestMapping(value = "/admin/article")
  24. public class ArticleAdminController {
  25.  
  26.     @Autowired
  27.     private ArticleService articleService;
  28.  
  29.     /**
  30.      * 根据条件分页查询帖子
  31.      * @param page
  32.      * @param limit
  33.      * @return
  34.      * @throws Exception
  35.      */
  36.     @RequestMapping(value = "/list")
  37.     public Map<String,Object> list(@RequestParam(value="page",required=false)Integer page,@RequestParam(value="limit",required=false)Integer limit, @RequestParam(value="title",required=false)String title)throws Exception{
  38.         Map<String, Object> resultMap = new HashMap<>();
  39.         PageBean pageBean=new PageBean(page,limit);
  40.         Page<Article> articlePage = articleService.page(new Page<>(pageBean.getPage(), pageBean.getPageSize()),new QueryWrapper<Article>().like(StringUtil.isNotEmpty(title),"title",title).orderByDesc("publish_date"));
  41.         resultMap.put("code", 0);
  42.         resultMap.put("count", articlePage.getTotal());
  43.         resultMap.put("data", articlePage.getRecords());
  44.         return resultMap;
  45.     }
  46.  
  47.  
  48.     /**
  49.      * 删除帖子
  50.      * @param id
  51.      * @return
  52.      * @throws Exception
  53.      */
  54.     @RequestMapping("/delete")
  55.     public Map<String,Object> delete(Integer id)throws Exception{
  56.         Map<String, Object> resultMap = new HashMap<>();
  57.         articleService.removeById(id);
  58.         resultMap.put("success", true);
  59.         return resultMap;
  60.     }
  61.  
  62.     /**
  63.      * 根据id查询帖子实体
  64.      * @param id
  65.      * @return
  66.      * @throws Exception
  67.      */
  68.     @RequestMapping("/findById")
  69.     public Map<String,Object> findById(Integer id)throws Exception{
  70.         Map<String, Object> resultMap = new HashMap<>();
  71.         Article article=articleService.getById(id);
  72.         resultMap.put("article", article);
  73.         resultMap.put("success", true);
  74.         return resultMap;
  75.     }
  76.  
  77.  
  78. }

新建articleManage.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.    <script type="text/html" id="hotSwitchTpl">
  12.       <!-- 这里的 checked 的状态只是演示 -->
  13.       <input type="checkbox" name="{{d.id}}" value="{{d.hot}}" lay-skin="switch" lay-filter="hotSwitch" lay-text="&nbsp;是&nbsp;|&nbsp;否&nbsp;" {{ d.hot == true ? 'checked' : '' }}>
  14.    </script>
  15.  
  16.    <div style="padding: 20px">
  17.            <span class="layui-breadcrumb">
  18.            <a>首页</a>
  19.            <a><cite>帖子管理</cite></a>
  20.          </span>
  21.           <div style="padding-top: 20px;">
  22.             <div style="padding: 20px">
  23.                <div class="layui-form">
  24.  
  25.                   <div class="layui-inline">
  26.                      <label class="layui-form-label">文章标题：</label>
  27.                      <div class="layui-input-inline">
  28.                         <input type="text" id="s_title"  placeholder="请输入" autocomplete="off" style="width: 400px" class="layui-input" onkeydown="if(event.keyCode==13) search()"/>
  29.                      </div>
  30.                   </div>
  31.  
  32.  
  33.                   <div class="layui-inline">
  34.                      <button class="layui-btn layuiadmin-btn-list"  lay-submit="" onclick="search()" lay-filter="LAY-app-contlist-search">
  35.                         <i class="layui-icon layui-icon-search layuiadmin-button-btn" ></i>
  36.                      </button>
  37.                   </div>
  38.                </div>
  39.              <div>
  40.                 <table width="100%" id="articleListTable" ></table>
  41.              </div>
  42.          </div>
  43.      </div>
  44.  
  45. <script src="/static/layui/layui.js"></script>
  46. <script src="/static/js/jquery.js"></script>
  47. <script src="/static/js/common.js"></script>
  48. <script type="text/javascript">
  49.  
  50.  
  51.  
  52.    function formattedDate(obj){
  53.       const date = new Date(obj.publishDate);
  54.       const year = date.getFullYear();
  55.       const month = (date.getMonth() + 1).toString().padStart(2, '0');
  56.       const day = date.getDate().toString().padStart(2, '0');
  57.       const formattedDate = `${year}-${month}-${day}`;
  58.       return formattedDate
  59.    }
  60.  
  61.  
  62.  
  63.  
  64.    layui.use(['element','form','table'], function(){
  65.         var form=layui.form;
  66.         var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
  67.         $ = layui.jquery; // 使用jquery
  68.         table = layui.table;
  69.  
  70.         table.render({
  71.           elem: '#articleListTable'
  72.           ,url:'/admin/article/list'
  73.           ,cols: [[
  74.            {type:'checkbox'}
  75.               ,{field:'id', width:100,title: '编号'}
  76.             ,{field:'title',title: '帖子标题'}
  77.             ,{field:'publishDate', width:150,title: '发布日期',templet:formattedDate}
  78.             ,{field:'hot', width:100, title: '热门？',align:'center',templet:hotSwitchTpl}
  79.             ,{field:'action', width:250, title: '操作',align:'center',templet:formatAction}
  80.           ]]
  81.           ,page: true
  82.         });
  83.  
  84.       // 监听用户状态操作
  85.       form.on('switch(hotSwitch)', function(obj){
  86.          $.post("/admin/article/updateHotState",{"id":this.name,"hot":obj.elem.checked},function(result){
  87.             if(result.success){
  88.                layer.msg("执行成功！");
  89.                table.reload("articleListTable",{});
  90.             }else{
  91.                layer.msg("执行失败，请联系管理员！");
  92.             }
  93.          },"json");
  94.  
  95.       });
  96.  
  97.  
  98.    });
  99.  
  100.  
  101.    function search(){
  102.       var s_title=$("#s_title").val();
  103.       table.reload("articleListTable",{
  104.          page:{
  105.             curr:1
  106.          }
  107.          ,where:{
  108.             title:s_title
  109.          }
  110.       })
  111.    }
  112.  
  113.  
  114.    function deleteOne(id){
  115.       layer.confirm('您确定要删除这条记录吗？', {
  116.        title:"系统提示"
  117.         ,btn: ['确定','取消'] //按钮
  118.       }, function(){
  119.          layer.closeAll('dialog');
  120.          $.post("/admin/article/delete",{"id":id},function(result){
  121.             if(result.success){
  122.                layer.msg("删除成功！");
  123.                table.reload("articleListTable",{});
  124.             }else{
  125.                layer.msg("删除失败，请联系管理员！");
  126.             }
  127.          },"json");
  128.       }, function(){
  129.  
  130.       });
  131.    }
  132.  
  133.    function addArticle(){
  134.       layer.open({
  135.            type: 2,
  136.            title: '添加友情链接',
  137.            area: ['500px', '500px'],
  138.            content: '/admin/saveArticle.html' //iframe的url
  139.          });
  140.    }
  141.  
  142.    function modifyArticle(id){
  143.       layer.open({
  144.            type: 2,
  145.            title: '修改友情链接',
  146.            area: ['500px', '500px'],
  147.            content: '/admin/saveArticle.html?id='+id //iframe的url
  148.          });
  149.    }
  150.  
  151.    function publishArticle(id){
  152.       $.post("/admin/article/publish",{"id":id},function(result){
  153.          if(result.success){
  154.             layer.msg("发布成功！");
  155.             table.reload("articleListTable",{});
  156.          }else{
  157.             layer.msg("发布失败，请联系管理员！");
  158.          }
  159.       },"json");
  160.    }
  161.  
  162.    function modifyArticle(id){
  163.       window.location.href="saveArticle.html?id="+id
  164.    }
  165.  
  166.  
  167.    function formatAction(d){
  168.       var s="<button class='layui-btn layui-btn-normal layui-btn-xs' onclick='modifyArticle("+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>";
  169.       if(d.status==2){
  170.          return s;
  171.       }else{
  172.          return "<button th:if='${d.status!=2}' class='layui-btn layui-btn layui-btn-xs' onclick='publishArticle("+d.id+")'><i class='layui-icon layui-icon-edit'></i>发布帖子</button>"+s;
  173.       }
  174.    }
  175.  
  176.  
  177.  
  178. </script>
  179. </body>
  180. </html>
  1. /**
  2.  * 修改帖子热门状态
  3.  * @param article
  4.  * @return
  5.  */
  6. @RequestMapping("/updateHotState")
  7. public Map<String,Object> updateHotState(Article article){
  8.     Article oldArticle = articleService.getById(article.getId());
  9.     oldArticle.setHot(article.getHot());
  10.     oldArticle.setHotDate(new Date());
  11.     articleService.updateById(oldArticle);
  12.  
  13.     Map<String, Object> resultMap = new HashMap<>();
  14.     resultMap.put("success",true);
  15.     return resultMap;
  16. }

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

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

  

闽ICP备14008679号