AntVueBlogFront

Vue. Js + egg.js +Mongodb front and back separate personal blog.

Blog address: ANT

Main Technology Stack

  • Front-end: vue.js, vuE-Router, vuex AntVueBlogFront
  • Back-end: egg. js, Mongodb AntEggBlogService
  • Background management: vue.js, vue-Router, vuex AntVueBlogAdmin

The blog features

The front desk page

  • List of documents
  • classification
  • The label
  • comments

Background management

  • Publish the article and save it as draft
  • The article management
  • Label management
  • Classification management
  • Login authentication

Setup

Runtime environment

  • node.js
  • mongoDB

Clone remote library

git clone [email protected]:antbaobao/AntVueBlogFront.git
Copy the code

Install dependencies

cd AntVueBlogFront
npm i
Copy the code

run

npm run dev
Copy the code

Results show

The front page

Home page

classification

The archive

The label

The article details

comments

The mobile terminal

directory

│. Babelrc configuration │. Editorconfig editor configuration │. Eslintignore esLint ignore │ .postcsRC. Js │ Dockerfile │ index.html │ package.json │ Readme. md │ ├─ Build ├─ SRC │ main App. Vue root component │ │ index. The CSS style of global │ │ │ ├ ─ API interface API request │ │ │ ├ ─ assets external reference file │ │ ├ ─ CSS │ │ └ ─ js │ │ │ ├ ─ components │ vue component │ │ ├ ─ common structure layout page │ │ │ ├ ─ store vuex file │ │ │ ├ ─ utils tool function │ │ │ └ ─ views the vue file │ ├ ─test├ ─staticCopy the code

TODO

  • Server Side Rendering (SSR)
  • A lot of details need to be optimized, and I will continue to polish them when I have time.