基于vue-cli + element-ui + mock.js搭建的博客平台(免费下载)

写在前面

该系统原本是知识共享平台,使用的是前后端分离的架构模式。后台基于Spring、SpringMVC、MyBatis当下主流框架编写,前端使用VUE.js框架,Element框架,页面简洁大方,它与知识共享平台后台管理系统(后台系统的前端代码已经上传github)配套使用,两者使用同一数据库,知识共享平台以及知识共享平台后台管理系统都已申请软件著作权。这里我将该平台的前端部分抽取出来作为博客系统分享,使用了Mock.js来模拟后台数据。仅供学习参考,切勿用于商业目的。

在线预览:在线效果 

项目下载:项目下载 

欢迎来我的个人网站查看更多资源:TanJia

主要功能

本系统分为未登录的用户与已登录的用户两种用户,未登录的用户即游客可以浏览文章、查看文章的相关评论、搜索文章等功能,登录的用户不仅可以进行以上操作,还可以发表文章、编辑删除文章、发表评论、删除回复评论、编辑个人信息等。

项目启动

进入项目的根目录,输入以下命令,即可启动

cnpm install
cnpm start

或者

npm install
npm start

启动成功后打开 http://localhost:8080 即可访问,随意输入用户名与密码即可登录。

展示效果

在项目开发过程中使用JAVA做后台 ,前后端完全分离,这里我将完整项目的效果图(原系统名称为:知识共享平台)展示

基于vue-cli + element-ui + mock.js搭建的博客平台(免费下载)_第1张图片基于vue-cli + element-ui + mock.js搭建的博客平台(免费下载)_第2张图片

基于vue-cli + element-ui + mock.js搭建的博客平台(免费下载)_第3张图片

基于vue-cli + element-ui + mock.js搭建的博客平台(免费下载)_第4张图片

这里不一一展示效果,大家自行打开在线预览即可查看

 

 

 

 

 

 

 

 

你可能感兴趣的:(Vue.js,Blog)