Vue.js+Egg.js+Mongodb 打造本身的我的博客

AntVueBlogFront

Vue.js+Egg.js+Mongodb的先后端分离的我的博客。

博客地址：ANT

主要技术栈

• 前端：vue.js、vue-router、vuex AntVueBlogFront
• 后端：Egg.js、Mongodb AntEggBlogService
• 后台管理: vue.js、vue-router、vuex AntVueBlogAdmin

博客功能

前台页面

• 文档列表
• 分类
• 标签
• 评论

后台管理

• 发布文章、存为草稿
• 文章管理
• 标签管理
• 分类管理
• 登陆验证

Setup

运行环境

• node.js
• mongoDB

克隆远程库

git clone git@github.com:antbaobao/AntVueBlogFront.git
复制代码

安装依赖

cd AntVueBlogFront
npm i
复制代码

运行

npm run dev
复制代码

效果展现

前端页面

首页

分类

归档

标签

文章详情

评论

移动端

目录

│  .babelrc             babel配置
│  .editorconfig        编辑器配置
│  .eslintignore        eslint忽略
│  .eslintrc.js         eslintrc配置
│  .gitignore           git上传忽略
│  .postcssrc.js
│  Dockerfile           docker 配置
│  index.html           打包模板
│  package.json
│  README.md
│
├─build
├─src
│   │  main.js        项目入口
│   │  App.vue          根组件
│   │  index.css      全局样式
│   │
│   ├─api             api 请求接口
│   │
│   ├─assets          外部引用文件
│   │  ├─css
│   │  └─js
│   │
│   ├─components      vue组件
│   │
│   ├─ layout         页面公共结构
│   │
│   ├─store           vuex文件
│   │
│   ├─utils           工具函数
│   │
│   └─views           页面vue文件
│
├─test
└─static            静态文件
复制代码

TODO

• 服务端渲染(SSR)
• 不少细节须要优化，有空再继续撸 (完)