基于SSM+VUE的前后端分离的个人博客网站

基于SSM+VUE的前后端分离的个人博客网站

一、系统截图

二、系统架构

系统架构：本系统使用Java作为主要的编程语言编程开发，后台以SSM框架作为主要的技术支撑，数据库采用采用MySQL，前端采用VUE同时配合JavaScript语言，同时引入百度的Ueditor编辑器丰富页面的内容。
开发环境：JDK8+IDEA+MySQL8.0

三、下载链接

点击下载

更多关于项目的描述可以点击基于SSM+VUE的前后端分离的的个人博客网站

四、核心代码

以下是基于SSM+Vue.js的前后端分离的个人博客网站的博客管理代码示例：

后端代码（Java，使用SSM框架）：

博客实体类（Blog.java）：
java
public class Blog {
    private Integer id;
    private String title;
    private String content;
    private Date createTime;
    // 其他属性及对应的getter和setter方法省略
}
博客DAO接口（BlogDao.java）：
java
public interface BlogDao {
    List<Blog> getAllBlogs();
    Blog getBlogById(Integer id);
    void addBlog(Blog blog);
    void updateBlog(Blog blog);
    void deleteBlog(Integer id);
}
博客DAO实现类（BlogDaoImpl.java）：
java
@Repository
public class BlogDaoImpl implements BlogDao {
    @Autowired
    private SqlSessionFactory sqlSessionFactory;

    @Override
    public List<Blog> getAllBlogs() {
        try (SqlSession session = sqlSessionFactory.openSession()) {
            return session.selectList("BlogMapper.getAllBlogs");
        }
    }

    @Override
    public Blog getBlogById(Integer id) {
        try (SqlSession session = sqlSessionFactory.openSession()) {
            return session.selectOne("BlogMapper.getBlogById", id);
        }
    }

    @Override
    public void addBlog(Blog blog) {
        try (SqlSession session = sqlSessionFactory.openSession()) {
            session.insert("BlogMapper.addBlog", blog);
            session.commit();
        }
    }

    @Override
    public void updateBlog(Blog blog) {
        try (SqlSession session = sqlSessionFactory.openSession()) {
            session.update("BlogMapper.updateBlog", blog);
            session.commit();
        }
    }

    @Override
    public void deleteBlog(Integer id) {
        try (SqlSession session = sqlSessionFactory.openSession()) {
            session.delete("BlogMapper.deleteBlog", id);
            session.commit();
        }
    }
}
博客服务接口（BlogService.java）：
java
public interface BlogService {
    List<Blog> getAllBlogs();
    Blog getBlogById(Integer id);
    void addBlog(Blog blog);
    void updateBlog(Blog blog);
    void deleteBlog(Integer id);
}
博客服务实现类（BlogServiceImpl.java）：
java
@Service
public class BlogServiceImpl implements BlogService {
    @Autowired
    private BlogDao blogDao;

    @Override
    public List<Blog> getAllBlogs() {
        return blogDao.getAllBlogs();
    }

    @Override
    public Blog getBlogById(Integer id) {
        return blogDao.getBlogById(id);
    }

    @Override
    public void addBlog(Blog blog) {
        blogDao.addBlog(blog);
    }

    @Override
    public void updateBlog(Blog blog) {
        blogDao.updateBlog(blog);
    }

    @Override
    public void deleteBlog(Integer id) {
        blogDao.deleteBlog(id);
    }
}
博客控制器（BlogController.java）：
java
@RestController
@RequestMapping("/api/blogs")
public class BlogController {
    @Autowired
    private BlogService blogService;

    @GetMapping("/")
    public List<Blog> getAllBlogs() {
        return blogService.getAllBlogs();
    }

    @GetMapping("/{id}")
    public Blog getBlogById(@PathVariable Integer id) {
        return blogService.getBlogById(id);
    }

    @PostMapping("/")
    public void addBlog(@RequestBody Blog blog) {
        blogService.addBlog(blog);
    }

    @PutMapping("/")
    public void updateBlog(@RequestBody Blog blog) {
        blogService.updateBlog(blog);
    }

    @DeleteMapping("/{id}")
    public void deleteBlog(@PathVariable Integer id) {
        blogService.deleteBlog(id);
    }
}