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。
以下是博客应用的部分截图:
首页:
![](https://laravel.gstatics.cn/wp-content/uploads/2018/12/2369cde057e921b741a059f251606e59.jpg)
![](https://laravel.gstatics.cn/wp-content/uploads/2018/12/35379b4516bc452aad9eb7988cd27fdd.jpg)
详情页:
![](https://laravel.gstatics.cn/wp-content/uploads/2018/12/e254e0e4c8d7116353615a67dca968fb.jpg)
![](https://laravel.gstatics.cn/wp-content/uploads/2018/12/247e489bac1111edd6428738a38d03f1.jpg)
评论框:
![](https://laravel.gstatics.cn/wp-content/uploads/2018/12/dda68b49c88245eab173322df51a5834.jpg)
联系我们:
![](https://laravel.gstatics.cn/wp-content/uploads/2018/12/bedc946554cdb58b5675722e1167ee61.jpg)
![](https://laravel.gstatics.cn/wp-content/uploads/2018/12/149246169e5e37f212e4886686b17a4f.jpg)
管理后台:
![](https://laravel.gstatics.cn/wp-content/uploads/2018/12/99a9c55fdb91be4c596be5d4d479ffdb.jpg)
![](https://laravel.gstatics.cn/wp-content/uploads/2018/12/2842f240d10d9369bb6a87e205cacb91.jpg)
![](https://laravel.gstatics.cn/wp-content/uploads/2018/12/28df16cc10a470ab0e4f095a03caa7f3.jpg)
![](https://laravel.gstatics.cn/wp-content/uploads/2018/12/ed1343e18172a18c10deadbf180bbe5b.jpg)
![](https://laravel.gstatics.cn/wp-content/uploads/2018/12/7d2fd6a03078b8dac17386ce20bb287b.jpg)
![](https://laravel.gstatics.cn/wp-content/uploads/2018/12/16889143c3392d095362cbcca184cf77.jpg)
![](https://laravel.gstatics.cn/wp-content/uploads/2018/12/55f451abf3421b05ad3e1e5e790eac4f.jpg)
Laravel 5.1 版本
老版本(5.1版本)的博客应用教程可以去 5.1 版本对应章节查看。
与老版本相比,新版本代码尤其是前端代码基本上是完全重构了,通过 Bootstrap 4 支持的语法完全重构了视图文件并升级了相应的资源库,将原来通过 Bower + Gulp 构建前端资源的方式改为 NPM + Laravel Mix,并且博客使用的主题 Clean Blog 也基于 Bootstrap 4 进行了完全重构,后端则移除了 Laravel 5.7 版本中已经废弃的老版本语法,并对部分功能组件进行重构,以适用于新的 Laravel 版本。
订阅服务
如果你觉得这个系列教程对你学习有帮助,可以选择升级为学院君订阅用户对学院君进行支持:
4 条评论
学院君,我可以用laravel6.x版本来学习开发这个博客项目吗,laravel5.7和6.x系列差别大吗
不大 可以试试看 有问题在评论区留言
没有数据库表吗
比较简单都融合在教程里面了