爱飞的男孩的博客

一文教你部署一个轻量级博客项目，本项目针对初学者，支持二次开发

idea打包问题是网上常见的，阿新一直用package打包，对于多模块项目是可行的，但是本博客项目只有一个模块，打包出现了一些问题，换成install就行了，本地正常运行，部署到服务器之后却出现了问题，数据库一直连不上。阿新搜了大半天，各种解决方案五花八门，还是没有解决问题，最后在一篇文章的配置下，大胆尝试了给密码加个引号的重大解决方案，没想到就这么解决了。你永远也不知道bug在哪儿，它或许在你脸上，淦。

博客的设计已进入尾声，阿新接下来将优化一下文章显示，添加评论区，丰富一下管理后台，然后项目开源，再深入到后续的学习中，目前用到的还是SpringBoot+MybatisPlus+Vue+Element-Plus+V-md-editor，整理了一下他们的使用方法后，很多地方受益匪浅，有些解决方案可以直接用在开发中充实自己，大步向前。

v-md-editor并没有给我们实现在editor中插入本地图片，这需要我们自己手动实现，最近两天考虑多种情况，还是决定采取很经典的解决方案：在数据库存储图片的从属关系以及其保存路径和图片名称，然后通过访问后端服务器来获取图片，这两天都在折腾其他事情，今天才来得及解决，下面是具体实施：首先我们结合官方文档说明来思考方案。

这里需要注意的是pojo文件对应的Article的time数据类型应是LocalDateTime,否则在更改数据时会报错，其次label的使用方式应为“多个标签集中”如："标签1 标签2"，以某种符号连接起来（这里使用空格）到此为止，有关个人博客的比较棘手的问题已经解决一半了，在前端的布局与路由调整之后，下面的重点就是评论区、后台管理，主题与背景图等需要审美的东西，就在本项目开源后留给各位小伙伴了。早上看了很多不同的编辑器，最后选择了这个比较简单便捷的。使用方法很简单，具体请看我的这篇博客。

自定义的错误处理可以像下面被注释掉的代码一样，我们可以通过getMessage获取错误信息的字符串，以此判断错误类型并做出反馈，错误CODE要遵守result包下的CODE类哈，全局SQL冲突处理设置之后，我们注册用户的代码可以非常简洁。首先解决前端方面的全局方法挂载，这里阿新使用了插件的方式为vue添加了一个全局混入，后端SQL使用了全局SQL错误处理的方式进行解决。public int setByUser(User user) {//service层 返回insert新增数据的id。

前后端分离项目最核心的问题就是跨域访问以及数据交互问题，因此继博客BGM之后，阿新决定先搭建好后端项目的框架，目前仅使用了SpringBoot和MybatisPlus，导入了redis的坐标，后续需要用到其他jar包会继续在博客中更新。只创建了一个user表，目前先把登录测试成功即可，至于项目的配置文件和坐标就不在此赘述了，下面是部分代码仅供参考。在vue.config.js中添加如下配置，解释:'/api/user'会将地址重写为'host/user'虽然只是我的一小步，但是项目的一大步！

在网上找了很久没有找到合适又简单的，逛网易云的时候发现它有个外链播放器，复制一下链接就能用，很方便。不太会用的同学可以访问一下我的博客文章。