仿写少数派网站

使用技术

• Spring Boot+Spring Data JPA
• html5

效果图

效果二.png

主要代码

controller

@Controller
public class CardController {
    @Resource
    private CardDAO cardDAO;
    @GetMapping("card")
    public String getAll(ModelMap map){
        List cardList =cardDAO.getCards();
        User user=cardDAO.getUser();
        Logo logo=cardDAO.getLogo();
        ListtopicList=cardDAO.getTopic();

        map.addAttribute("cardList",cardList);
        map.addAttribute("topicList",topicList);
        map.addAttribute("user",user);
        map.addAttribute("logo",logo);
        return "card";

    }
}

carddao

@Data
@Configuration
public class CardDAO {
    public List getCards(){
        Card[] cards={
                new Card("21.jpg","tp","19小时前","别让「每天 XX 分钟」吓到你，习惯养成其实可以很简单：Continuo | App+1\n" +
                        "别让「每天 XX 分钟」吓到你，习惯养成其实可以很简单：Continuo | App+1","22.png","如果你在养成习惯的过程中也感受到了无形的压力，那么不妨试试这款无需设定目标的 Continuo，帮助你在改变的同时减轻焦虑。"),
                new Card("21.jpg","化学心情下2","19小时前","工作日让家中电脑不再闲置，其实你可以遥控它做很多事\n" +
                        "工作日让家中电脑不再闲置，其实你可以遥控它做很多事","22.png","如果打个小算盘你就会发现家中电脑的利用率低到令人发指的地步，那么怎么才能在工作日的时候让家中的电脑也能被充分利用起来呢？"),
                new Card("21.jpg","tp","19小时前","告别死板与沉闷，试试这款像素风汇率查询工具：像素汇率 | App+1\n" +
                        "告别死板与沉闷，试试这款像素风汇率查询工具：像素汇率 | App+1","22.png","支持现实货币与虚拟货币的像素风汇率换算应用，还可以查看汇率走势。"),
                new Card("21.jpg","洛世","Chrome 在 10 周年之际发布了新版，除了好看还更安全\n" +
                        "Chrome 在 10 周年之际发布了新版，除了好看还更安全","Chrome 在 10 周年之际发布了新版，除了好看还更安全\n" +
                        "Chrome 在 10 周年之际发布了新版，除了好看还更安全","22.png","Google 在 Chrome 十周年之际向全平台推送了 Chrome 69 正式版的更新，为我们带来了采用全新设计的 Google material theme 主题，同时还新增了许多新功能，特别在安全性方面做出了很大的提升。"),
        };
        List cardList= Arrays.asList(cards);
        return cardList;
    }
    public List getTopic(){
        Topic[] topics={
                new Topic("topic.jpg","金融"),
                new Topic("topic.jpg","金融"),
                new Topic("topic.jpg","金融"),
                new Topic("topic.jpg","金融")

        };
        List topicList=Arrays.asList(topics);
        return topicList;
    }
    public User getUser(){
        User user=new User();
        user.setAvatar("21.jpg");
        user.setName("黑夜孜然");
        return user;
    }

    public Logo getLogo(){
        Logo logo=new Logo();
        logo.setLogo1("25.png");
        logo.setLogo2("24.png");
        return logo;
    }

}

详细代码

https://github.com/heiyeziran/JPA/tree/master/quickstart