手记

搭建个人博客,分享个人源码,以及流程

技术:
node.js+express框架+mongodb数据库搭建服务器,提供接口
vue2+vue-router+axios+Element(饿了么前端UI)+vue-quill-editor(编辑器)搭建个人博客后台管理
vue2+vuex+vue-router+axios+vux(前端UI组件)搭建移动端博客网站

预览(因为数据库使用的是mongodb,而我的服务器在阿里云只是mysql,所以在线预览的都只是假数据,且并没有和服务器有交互,但是你下载我给的源码,可以在本地电脑,完整的运行起来):
后台官网系统:http://www.owulia.com/ajuan_backstage (密码用户名随意输入即可)
移动端个人博客:http://www.owulia.com/ajuan

功能:
你可以在后台管理系统中,发布文章,删除文章然后在个人博客中可以看到的数据变动,且移动端个人博客支持上拉刷新,下拉加载

图片:





源码地址:
移动端个人博客:https://github.com/Woshiajuana/PersonalBlog
后台管理系统:https://github.com/Woshiajuana/PersonalBlogBackgroundManagementSystem
服务器端:https://github.com/Woshiajuana/PersonalBackendServer

最后:
完整功能有待优化,一个整的流程也能够跑通,欢迎给星,如有不懂的地方欢迎提出来,一起进步
也希望有志同道合的童鞋跟我一起来做web端、移动端、后台管理等的一个完整版的个人博客开发(希望有UI设计大大加盟)

一起进步o(∩_∩)o

13人推荐
随时随地看视频
慕课网APP

热门评论

我运行服务器的时候报错了,请问是需要建mongodb吗?只需要建个库就好吗?还是需要什么配置

查看全部评论