用vue+node开发一个全栈博客__前端__Vue.js
发布于 3 年前 作者 banyungong 1061 次浏览 来自 分享
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

前台预览地址https://blog-web.jiangly.com

后后管理地址https://blog-web.jiangly.com/home

作为一个前端工程师、能拥有一个自己的博客用来记录日常所学知识、做做笔记、储存一些自己的文件都尤为方便、因为有了nodeJs的存在,让我们独立开发一个小小的个人全栈项目变得尤为简单、来为自己打造一个定制化开发的个人博客吧。

技术选型

前端主要以vue为主,同时分为一个对外展示页,和一个管理员管理后台,使用到了包含vue,vuex,vue-router,scss,svg,element,echarts、等等一些小的技术栈【暂不适配手机端】。

后端当然就是使用我们上手最快的node了,使用了轻量的express框架(后期准备变更为koa或者egg)、数据库使用了mysql数据库、操作数据库使用了 ORM模型sequelize、前后端交互认证使用了jwtjsonwentoken、也包括使用一些好玩的cheerio进行爬虫操作。

职责分布

前台展示部分:我希望对外的展示专注于做内容记录分享,以及互动,对内就希望可以定制化开发,配置一切可以配置的东西,包括配置内容、模块、主题、动态添加一些可挂载的功能、去管理文章、分类、标签、状态等等东西、目前刚刚开始开发,对文章、分类、标签、这些部分内容已经完成

image.png 后台管理部分:这里就是一个管理中心,当然也可以在前台开放注册功能,同样注册后有权进入后台,在这里,我们主要用于管理自己文章,管理内容,管理整个展示页面的配置。包括审核留言、评论等等东西

后端接口部分:因为是个人博客,接口的访问量并不大,这里就只是基础的提供接口访问即可.

项目思路

前端的构成即是一个纯展示页面,不去做管理的一些交互,把管理的内容侧重放在后台管理上,可以更为简化前台展示的,目前,博客的分块儿会以,分类,标签,时间线,发布顺序,置顶文章,阅览量多个维度来进行整理统计每个人都希望能拥有一个自己的博客,自己做出来是不是更有成就感呢!

项目部署

这是一个一年前写的东西,一直没有在继续写了,最近又想重新继续,目前就搭建了私有gitlab、集成了CICD、目前可以支持git push即可自动部署、有兴趣的朋友可以滴滴我利用业务无聊的时间一起来完善这个小小的项目,可以快速部署成型。

项目比较简单、大佬求放过、后续还想增加一些好玩的功能、项目地址在githubgitee都有、想用node开发一个自己的个人博客的朋友、可以在上面二次开发。

项目地址

在预览页关于可以看到

版权声明:著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 作者: 九儿的小书屋 原文链接:https://juejin.im/post/7000625827708682270

回到顶部