VuejsEggjsMongodb前后端分离的个人网站

jiezi

6 年前

Vue.js+Egg.js+Mongodb 前后端分离的个人网站博客。

博客地址:ANT（ssr 渲染参考 AntVueBlogFrontSSR）

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

文档列表
分类
标签
归档
评论（暂时关闭）
文章检索

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

运行环境

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            静态文件

部署流程可以参考使用 docker 部署网站

优化了页面跳转
优化了 CSS 的命名使用 BEM 命名规则

新增了全文检索功能

重构了整个前端页面，包括页面背景，首页布局。

修复了路由跳转的 bug

重构页面后移动端适配还没做

我部署到服务器后首次访问页面首次点击页面跳转会卡顿一下，然后后面点击就正常了，我在本地开发的时候没有遇到这样的问题，这个问题困扰了我很久，如果有知道的朋友望告知

VuejsEggjsMongodb前后端分离的个人网站

AntVueBlogFront

主要技术栈

博客功能

前台页面

后台管理

Setup

目录

部署

[0.9] – 2019-05-31

Changed

[0.81] – 2019-05-15

Added

Changed

Fixed

todo

遗留 bug