前言
人生在世,应无所住; 如果年轻,追着风走;如果相信,跟着爱走; 如果可以,随着心走;如果留恋,带着梦走;如果没有如果,也不该停留
为什么写博客?
其实毕业到现在也有大半年的时间,很早就想搭建一个属于自己的博客网站,奈何性子总爱拖拖拉拉,刚好赶上春节的这段疫情才下定决心来完成,顺便自检一下自己半年来能力的提升,能力水平有限网站没有做得很好,还希望大家见谅!
故事的开始总是充满着激情和期待,然而故事的发展总不会那么顺利,在页面的设计和搭建上实在是太难顶了,配色以及排版还有无数数不清的bug对于我这种前端小白来说实在是太痛苦了。UI设计本想着找人来排一版,奈何微薄的工资让我实在是不忍,那就算了吧,将就着看吧,后续在慢慢优化UI。
在此,感谢公司的友爱、热心的同事帮忙解决bug和在前端上一些设计的思路。不然我寻思着还得往后稍一稍才能完成。
部分页面展示
大佬友链
文章归类
后台展示
文章录入
项目结构
前端:
1.基于webpack4.x搭建的vue
2.使用了AmazeUI和ElementUI(掺杂了一块 – !)
3.后台管理这块使用了markdown插件加单实现文章的录入和修改。
后端
1.Springboot
2.Shiro
3.Redis
4.项目构建:Maven
5.数据库ORM:Mybatis
6.数据库:MySql
7.使用Swagger2生成了API了文档,便于测试与查找。
基于idea、jdk1.8开发,服务器使用的腾讯云centos7
主要实现功能
主页模块:
博客汇总,展示最近发布的文章,对文章进行分类可以通过专栏找到相关文章,个人介绍、联系方式、友链链接、留言、程序人生主要展示一些无关技术的文章,记录生活和吐槽。
后台管理
目前支持文章录入和修改。功能较少,此处暂不对外提供。
主要实现是用shiro进行了权限控制
(初次登录->赋予用户角色权限->存储到redis->返回token->进行文章管理->判断是否有登录->如果登录判断是否有权限,如果没有登录跳转登录页面)。
数据表
用户表
文章表
分类表
文章分类表
标签表
文章标签表
留言表
留言关联表
表建的可能不是很规范,暂且凑合着用吧。
网站缺点:
1.目前无法修改个人信息(个人中心还在开发中)
2.对于篇幅较长的文章响应时间稍微有点久。
3.没有流量统计。
4.混杂了两种UI不利于后期维护。
正在修改目标
1.开发个人中心模块
2.开通文章评论,及登录用户可收藏文章。
3.流量统计。
另外,主要针对PC端访问,不过对手机端也做了一些适当的优化,在这还希望用手机浏览的朋友们发现bug及时提醒一下,在此感谢。
以上就是我在博客网站搭建过程后的所有总结记录,可能比较简陋,会及时补充,还请见谅!
博客首页:http://www.cxhorange.com
数据结构:百度网盘 密码:4o3c
后端代码:github
前端代码:github