基于SpringBoot +Vue+ ElementUI 开发的多用户博客管理平台,就是这么简单!

93ccf639c176578643e117599c295c9c.png

想着刚刚渡过的国庆假期,想到今年的法定假期已经全没了,心里有一股蛋蛋的忧桑,不过马上要周末了,TJ君又觉得精神振奋!

既然周末了,那就该搞点轻松点的东西快乐下,TJ君一直告诫那些晚辈,工作就是快乐,这样想的话,周末就来一起学习点轻松的项目,多用户博客管理平台项目,V 部落。

这个项目,TJ君看下来最明显的特点就是简单! 不过虽然说简单,但是功能都是完整的,所以特别特别适合初学的小伙伴学习掌握!

项目技术栈:

  • Vue

  • axios

  • ElementUI

  • vue-echarts

  • mavon-editor

  • vue-router

先简单看下多用户博客管理的实际效果:

15c095cc23a0ef1569fdc24c7d19f4ee.png d0257b31bdb9da76e7b6ade64c7389bc.png 97957ad307b7963b950013162dced77a.png 3c8b3a58020ed54ddaced501b9232185.png 4a59a83397df1a1ddd3f4c61502792b5.png 1031609f3924f5991dcc4685e216bee5.png

既然是简单为特色的项目,自然是简洁干练风格,不会有花里胡哨的各种大红大紫,但不会影响该有的功能。

这里值得指出的是,作者的代码风格很好,注释清晰良心,很容易就能看懂一段代码是起什么作用的,像下面这段登录注册页面的逻辑,对于登录成功、失败、注册成功、失败都做出最简单的实现:

/**
 * Created by sang on 2017/12/17.
 */
@RestController
public class LoginRegController {

    @Autowired
    UserService userService;

    @RequestMapping("/login_error")
    public RespBean loginError() {
        return new RespBean("error", "登录失败!");
    }

    @RequestMapping("/login_success")
    public RespBean loginSuccess() {
        return new RespBean("success", "登录成功!");
    }

    /**
     * 如果自动跳转到这个页面,说明用户未登录,返回相应的提示即可
     * <p>
     * 如果要支持表单登录,可以在这个方法中判断请求的类型,进而决定返回JSON还是HTML页面
     *
     * @return
     */
    @RequestMapping("/login_page")
    public RespBean loginPage() {
        return new RespBean("error", "尚未登录,请登录!");
    }

    @PostMapping("/reg")
    public RespBean reg(User user) {
        int result = userService.reg(user);
        if (result == 0) {
            //成功
            return new RespBean("success", "注册成功!");
        } else if (result == 1) {
            return new RespBean("error", "用户名重复,注册失败!");
        } else {
            //失败
            return new RespBean("error", "注册失败!");
        }
    }
}

虽然是个简单的项目,但是对于很多初学的小伙伴,缺的也许就是这样的上手项目,一上手就去看那些特别复杂的项目,还是很容易打击自信心的,所以还是在周末放松一下吧,想要地址的小伙伴:

点击下方卡片,关注公众号“TJ君

回复“多用户博客”,获取仓库地址

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值