项目简介

LvBlog 是我们应用的名称,“L” 是 Laravel 的缩写 , “v” 是 Vue 的缩写,本项目基于 Laravel 5.8 + Vue 2 开发一个 API 驱动的前后端分离项目。
Laravel 作为 API 服务器,实现前后端分离,可以同时向手机APP,网页 APP 等不同的终端返回数据,达到支持多终端,跨平台的目的。

SPA ( single page web application )
即单页Web应用程序,是一种只需要将单个页面加载到浏览器之中的Web应用程序,向用户提供无缝的访问体验。

Vue是一个典型的 MVVM 设计模式前端框架,有了它我们就可以着重把注意力放在 M 层的开发之上,面向数据编程,而不再是是面向 DOM 进行开发。
在这里插入图片描述Element UI,正如官网所示,网站快速成型工具,正如“天下武功,唯快不破“!我认为一个优秀的程序员,应该能够运用已有的工具来开发出优秀的作品,而不是把时间花在无休止的框架的学习当中。

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

效果图:

首页截图登录截图

LvBlog 应用构建系列教程:

第一章: Laravel+Vue+Element UI 项目模板

  • 项目分解
  • Laravel 初始化
  • JavaScript 初始化
  • 安装 DingoAPI
  • 安装 PostMan

    第二章: 用户注册和登录

  1. 手机号注册
  2. 第三方登录

第三章: 用户数据

  1. 实现 Laravel 后端 API 接口
  2. 通过 Vue Router 配置前端路由
  3. 通过 Axios 库构建 API 请求
  4. 构建 Vuex 模块获取用户个人信息
  5. Vue 引入 Vuex 模块,导航条页面模板的构建
  6. 通过 Vue 组件实现单页面应用无跳转登录
  7. Vue 编辑个人资料信息和模板的构建
  8. 实现 Laravel 后端更新用户数据的 API 接口

第四章: 博客数据

  • 实现 Laravel 后端获取用户的分类列表的 API 接口
  • Vue 获取用户的分类列表信息和侧边栏模板构建
  • 实现 Laravel 后端获取用户的博客列表的API 接口
  • Vue 获取用户的博客列表信息
  • 前台博客列表模板构建、无限滚动、懒加载余下博客
  • 实现 Larave 后端获取某一篇博客信息的 API 接口
  • Vue 获取某一篇博客信息和模板的构建
  • Vue 发布博客和模板的构建
  • 实现 Laravel 后端发布、更新、删除博客的 API 接口

    第五章: 回复数据

  • Vue 添加评论和模板的构建

  • 实现 Laravel 后端发布评论的 API 接口
  • 实现 Laravel 后端获取所有评论的 API 接口
  • Vue 获取所有评论和模板的构建
  • Vue 删除评论和模板的构建
  • 实现 Laravel 后端删除评论的 API 接口

    第六章: 其他功能

  • Vue 获取某一个分类下所有文章

  • 实现 Laravel 后端某一个分类下所有文章的 API 接口
  • Vue 获取标签云和侧边栏模板构建
  • 实现 Laravel 后端某一个用户文章的所有标签和数据统计的 API 接口
  • Vue 获取友情链接和侧边栏模板构建
  • 实现 Laravel 后端文章友情链接的 API 接口
  • Vue 获取文章推荐和侧边栏模板的构建
  • 实现 Laravel 后端文章推荐的 API 接口

    第七章: 权限控制

  • LvBlog 角色权限

  • LvBlog 权限列表
  • LvBlog 用户角色

    第八章: API测试和文档

  • Laravel API 集成测试
  • API 文档

更多信息

红色字体为本系列教程已实现的章节,教程不断更新中,总共分为 8 大章节,40 余篇教程,关注我的微信公众号 LAMPer技术栈 获取更多信息,QQ群: 670494430
LAMPer 技术栈


I walk slowly, but I never backup !