Skip to content

开源个人博客系统后台前端部分源代码,基于 vue 和 element-ui完成,后端使用SpringBoot。

License

Notifications You must be signed in to change notification settings

chenyeshen/blog-vue

 
 

Repository files navigation

简介

开源个人博客系统的后台前端部分代码。项目基于 vueelement,以vue-admin-template为模板完成开发。

开发

使用此项目前,请先下载后端代码:https://github.com/iszhouhua/blog,并运行。

# 克隆项目
git clone https://github.com/iszhouhua/blog-vue.git

# 安装依赖
npm install
#
yarn install

# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

浏览器访问 http://127.0.0.1:8888

发布

npm run build

dist文件夹中的admin文件夹复制到后端项目中的src/main/resources/static文件夹中即可。

或者配置好nginx映射,则无需将构建好的文件放在Java项目中。

location /admin {
	root   /blog-vue/dist;
	index  index.html index.htm;
}

后端项目

后端使用java开发,项目地址:https://github.com/iszhouhua/blog


界面展示

20190508101138

20190508101254

20190508101400

20190508101440

20190508101544

20190508101622


2019.5.1

添加规则管理,转载文章时可直接根据规则自动装配内容。

2019.5.8

添加云存储支持,包括七牛云、阿里云、腾讯云。可在配置管理中设置。

About

开源个人博客系统后台前端部分源代码,基于 vue 和 element-ui完成,后端使用SpringBoot。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 68.7%
  • JavaScript 28.2%
  • CSS 3.0%
  • HTML 0.1%