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

公众号程序猿DD

共 1656字,需浏览 4分钟

 ·

2021-10-17 10:20


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

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

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

项目技术栈:

  • Vue
  • axios
  • ElementUI
  • vue-echarts
  • mavon-editor
  • vue-router

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

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

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


/**
 * 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""登录成功!");
    }

    /**
     * 如果自动跳转到这个页面,说明用户未登录,返回相应的提示即可
     * 


     * 如果要支持表单登录,可以在这个方法中判断请求的类型,进而决定返回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君

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

浏览 14
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报