ujiahka/blog-vue-element-webapi

此项目基于vue-cli、vue-router、vuex、axios、element-ui、C#等技术栈开发的个人博客，已开源；

前言

此项目基于vue-cli、vue-router、vuex、axios、element-ui、C#等技术栈开发的个人博客，且已开源；

github地址：

https://github.com/worthworld/blog-vue-element.git

项目简介

• 支持 MarkDown 编辑
• 使用媒体查询和flexbox做响应式布局
• 项目分为原创文章板块、归档板块、收藏板块和留言板块
• 收藏板块主要收藏别人优秀的文章地址，点击跳转至对方网站
• 前后端是分离的，后端使用C# webapi，可参考api接口使用其他语言开发；
• 项目中使用了模块化、组件化的**，经过review使得项目结构更加规范；

项目预览

mobile-home

pc

admin-list

admin-edit

在线地址

前端主要技术

所有技术都是2020年最新的

• Vue ^2.6.11
• Vue-Router ^3.2.0
• Vuex ^3.4.0
• axios ^0.19.2
• element-ui ^2.4.5
• Less ^3.0.4
• webpack： 4.28.4
• mavon-editor ^2.9.0

后端主要技术

• webapi (c#)
• FluentData (orm)
• MySql

已经完成功能

• 标签
• 收藏
• 点赞
• 评论
• 留言
• 文章列表
• 文章详情

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint