完整代码:https://github.com/scotch-io/laravel-angular-comment-app
目前,Laravel和Angular已经成为Web开发界非常有名的工具。Laravel以向PHP社区引入大量内容而闻名,Angular以其惊人的前端工具和简单性而闻名。结合这两个框架似乎是合乎逻辑的下一步。
在我们的使用环境中,我们将使用Laravel作为后端RESTful API,Angular作为前端来创建一个简单的单页注释应用程序。
下面是一个简单的例子,展示了如何开始使用这两种技术,所以不需要害怕任何额外的数据库东西,如何处理评论等等。
我们将创造什么
这将是一个简单的单页注释应用程序:
RESTful Laravel API处理获取、创建和删除注释;Angular前端负责显示我们创建的表单和评论;能够创建新的评论并将其添加到我们的工作页面刷新列表中;删除注释并将其从工作页面刷新列表中删除的能力。一般来说,这些都是很简单的概念。我们的重点是拉弗尔和安格尔如何合作的复杂关系。
在Laravel后端设置Laravel
继续设置你的Laravel,我们将做一些基础工作,使我们的后端能够添加,删除和检查评论:
创建数据库迁移,将示例注释植入数据库,为我们的API创建路由表,创建“获取全部”路由表,让Angular路由出去,为注释创建资源控制器,并为数据库迁移做准备
我们想要一个简单的结构来存储评论,它只需要包括内容和作者。让我们创建Laravel迁移来创建注释。
让我们运行artisan命令来创建一个注释迁移,这样我们就可以在数据库中构建一个注释表:
PHP artisan migrate : make create _ comments _ table-create=comments我们将使用Laravel模式生成器来创建所需的“内容”和“作者”字段。Laravel还创建了id和时间戳列,这样我们就可以知道这个注释是什么时候添加的。下面是注释表的代码:
//app/数据库/迁移/./** *运行迁移。* * @ return void */public function up(){ schema : create(' comments '),function(蓝图$ table){ $ table-increments(' id ');$ table-string(' text ');$ table-string(' author ');$ table-时间戳();});} .确保您已经使用“app/config/database.php”文件中的正确凭据调整了数据库设置。现在让我们运行迁移,这样我们就可以用所需的列创建这个表:
php artisan迁移
评论模型
我们将使用Laravel雄辩模型与数据库进行交互。这很容易做到,让我们创建一个模型:“app/models/Comment.php”:
?php //app/models/Comment.php类Comment扩展了allocate {//让allocate知道这些属性将可用于批量赋值protected $ fill able=array(' author ',' text ');}现在我们有了一个表和一个模型,让我们通过Laravel Seeding向表中添加一个示例数据。种子数据库
我们需要一些评论来测试一些东西。让我们创建一个种子文件,并将三个示例注释插入数据库。
创建一个文件:“app/database/seeds/commentableeeker . PHP”并添加以下代码:
?PHP//app/database/seeds/CommentTableSeeder . PHP类commentableeeder扩展了播种机{ public function run(){ db : table(' comments