Laravel 入门项目:博客系列教程
博客是 Web 1.0 的产物,也是 Web 应用中最基础、最简单的应用形态,是静态页面与动态网站最早的分水岭,所以我们从这里出发,开启基于 Laravel 框架构建 Web 应用之旅。
Laravel 5.7 版本
本博客项目后端基于 Laravel 5.7 开发(兼容 Laravel 5.5、5.6),前端资源基于 Laravel Mix 进行管理,采用全新的 Bootstrap 4 渲染 CSS,学院君的本地开发环境默认是 Mac + Laradock。你既可以把它当做小试牛刀的练手项目,也可以把它当做入门 Laravel 框架的学习项目。
整个项目包含前台博客展示、用户评论和后台管理功能,分十篇教程讲完,通过这个项目的学习和开发,入门 Laravel 框架完全没有问题:
- 创建项目和测试驱动开发
- 十分钟内完成博客应用搭建
- 构建博客后台管理系统
- 在后台实现文章标签增删改查
- 在后台实现文件上传管理功能
- 在后台实现文章增删改查功能(支持 Markdown)
- 套上 Clean Blog 主题 & 前台功能优化
- 联系我们&发送邮件功能实现
- 添加评论、订阅和站点地图功能
- 增补篇:博客应用自动部署上线详解
项目完整代码已上传到 Github:https://github.com/nonfu/laravel-blog-code。
以下是博客应用的部分截图:
首页:


详情页:


评论框:

联系我们:


管理后台:







Laravel 5.1 版本
老版本(5.1版本)的博客应用教程可以去 5.1 版本对应章节查看。
与老版本相比,新版本代码尤其是前端代码基本上是完全重构了,通过 Bootstrap 4 支持的语法完全重构了视图文件并升级了相应的资源库,将原来通过 Bower + Gulp 构建前端资源的方式改为 NPM + Laravel Mix,并且博客使用的主题 Clean Blog 也基于 Bootstrap 4 进行了完全重构,后端则移除了 Laravel 5.7 版本中已经废弃的老版本语法,并对部分功能组件进行重构,以适用于新的 Laravel 版本。
订阅服务
如果你觉得这个系列教程对你学习有帮助,可以选择升级为学院君订阅用户对学院君进行支持:
4 Comments
学院君,我可以用laravel6.x版本来学习开发这个博客项目吗,laravel5.7和6.x系列差别大吗
不大 可以试试看 有问题在评论区留言
没有数据库表吗
比较简单都融合在教程里面了