实习日记9：新闻管理条件查询分页展示+新增+编辑

查询分页展示

创建vo包下的NewQuery类

NewQuery的主要作用是辅助比较查询道德new类

public class NewQuery {
    private String title;
    private Long typeId;
    private boolean recommend;

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public Long getTypeId() {
        return typeId;
    }

    public void setTypeId(Long typeId) {
        this.typeId = typeId;
    }

    public boolean isRecommend() {
        return recommend;
    }

    public void setRecommend(boolean recommend) {
        this.recommend = recommend;
    }

    @Override
    public String toString() {
        return "NewQuery{" +
                "title='" + title + '\'' +
                ", typeId=" + typeId +
                ", recommend=" + recommend +
                '}';
    }
}

service层接口

接口

public interface NewService {
    //新闻管理页面，组合条件查询新闻列表
    Page<News> listNew(Pageable pageable, NewQuery newQuery);
}

接口实现

@Service
public class NewServiceImpl implements NewService {
    @Autowired
    private NewRepository newRepository;
    @Override
    public Page<News> listNew(Pageable pageable, NewQuery newQuery) {
        return newRepository.findAll(new Specification<News>() {
            @Override
            public Predicate toPredicate(Root<News> root, CriteriaQuery<?> cq ,CriteriaBuilder cb) {
                List<Predicate> predicates=new ArrayList<>();
                if(!"".equals(newQuery.getTitle())&&newQuery.getTitle()!=null){
                    predicates.add(cb.like(root.<String>get("title"),"%"+newQuery.getTitle()+"%"));
                }
                if(newQuery.getTypeId()!=null){
                    predicates.add(cb.equal(root.get("type").get("id"),newQuery.getTypeId()));
                }
                if(newQuery.isRecommend()){
                    predicates.add(cb.equal(root.get("recommend"),newQuery.isRecommend()));
                }
                cq.where(predicates.toArray(new Predicate[predicates.size()]));
                return null;
            }
        },pageable);
    }
}

controller层实现

@Controller
@RequestMapping("/admin")
public class NewController {
    private static final String INPUT="admin/news-input";
    private static final String LIST="admin/news";
    private static final String REDIRECT_LIST="redirect:/admin/news";
    @Autowired
    private NewService newService;
    @Autowired
    private TypeService typeService;
    @Autowired
    private TagService tagService;

    @GetMapping("/news")
    public String news(@PageableDefault(size = 3,sort = {"updateTime"},direction = Sort.Direction.DESC)
                       Pageable pageable, NewQuery newQuery, Model model){
        model.addAttribute("types",typeService.listType());
        model.addAttribute("page",newService.listNew(pageable,newQuery));
        return LIST;
    }

    @PostMapping("/news/search")
    public String search(@PageableDefault(size = 3,sort = {"updateTime"},direction = Sort.Direction.DESC)
                                 Pageable pageable, NewQuery newQuery, Model model){
        model.addAttribute("page",newService.listNew(pageable,newQuery));
        return "admin/news::newsList";
    }

	public void setTypeAndTag(Model model){
        model.addAttribute("types",typeService.listType());
        model.addAttribute("tags",tagService.listTag());
    }
}

news方法主要是实现了把新闻罗列出来，而search则实现了搜索功能并将合适的新闻罗列出来，setTypeAndTag则是实现页面的下拉列表。

新增新闻

service层

接口

在同个接口新增

 News saveNew(News news);

接口实现

    @Override
    public News saveNew(News news) {
        if(news.getId()==null){
            news.setCreateTime(new Date());
            news.setUpdateTime(new Date());
        }
        return newRepository.save(news);
    }

controller层

 @GetMapping("/news/input")
    public String input(Model model){
        setTypeAndTag(model);
        model.addAttribute("news",new News());
        return INPUT;
    }

编辑功能

service层

接口

 News getNew(Long id);

    News updateNew(Long id,News news);

实现

 @Override
    public News getNew(Long id) {
        return newRepository.findById(id).orElse(null);
    }

    @Override
    public News updateNew(Long id, News news) {
        News news1=newRepository.findById(id).orElse(null);
        if(news1==null){
            System.out.println("未获得更新对象");
        }
        BeanUtils.copyProperties(news,news1);
        news1.setUpdateTime(new Date());
        return newRepository.save(news1);
    }

controller层

@GetMapping("/news/{id}/toUpdate")
    public String toUpdate(@PathVariable Long id, Model model){
        setTypeAndTag(model);
        News news=newService.getNew(id);
        news.init();
        model.addAttribute("news",news);

        return INPUT;
    }

    @PostMapping("/news/add")
    public String post(News news, RedirectAttributes attributes, HttpSession session){
        news.setUser((User)session.getAttribute("user"));
        news.setType(typeService.getType(news.getType().getId()));
        news.setTags(tagService.listTag(news.getTagIds()));
        News news1;
        if(news.getId()==null){
            news1=newService.saveNew(news);
        }else {
            news1=newService.updateNew(news.getId(),news);
        }
        if(news1==null){
            attributes.addFlashAttribute("message","操作失败");
        }else {
            attributes.addFlashAttribute("message","操作成功");
        }
        return REDIRECT_LIST;
    }

结果

新闻界面

查询功能

新增


编辑

bug更改

描述

这一次的页面上search的地方有个根据分类查找的地方，理想的效果是这样的，但是这个分类里却什么东西也没有。

更改

观看前端代码发现，前端接受的是types

但是

 public void setTypeAndTag(Model model){
        model.addAttribute("type",typeService.listType());
        model.addAttribute("tags",tagService.listTag());
    }

这里却写成了type导致了数据之间对应不上导致了没有反应。把type改成types就可以解决。

总结

新闻类的功能完善在逻辑上比较的简单，尤其是新增功能。相关的功能在前端都得到了实现，在后端这里就是数据的传输和处理并完成和前端的数据进行对接，但是个人还是比较喜欢后端的工作，对数据进行处理和传输。但是在和后端处理的过程中要注意前端数据的接受和命名，在两者工作时要提前约定好不然就会导致像今天这样的小bug。