宝哥软件园

用PHP的AngularJS和Laravel实现单页注释的方法

编辑:宝哥软件园 来源:互联网 时间:2021-09-09

完整代码:https://github.com/scotch-io/laravel-angular-comment-app

目前,Laravel和Angular已经成为Web开发界非常有名的工具。Laravel以向PHP社区引入大量内容而闻名,Angular以其惊人的前端工具和简单性而闻名。结合这两个框架似乎是合乎逻辑的下一步。

在我们的使用环境中,我们将使用Laravel作为后端RESTful API,Angular作为前端来创建一个简单的单页注释应用程序。

下面是一个简单的例子,展示了如何开始使用这两种技术,所以不需要害怕任何额外的数据库东西,如何处理评论等等。

我们将创造什么

这将是一个简单的单页注释应用程序:

RESTful Laravel API处理获取、创建和删除注释;Angular前端负责显示我们创建的表单和评论;能够创建新的评论并将其添加到我们的工作页面刷新列表中;删除注释并将其从工作页面刷新列表中删除的能力。一般来说,这些都是很简单的概念。我们的重点是拉弗尔和安格尔如何合作的复杂关系。

2015619112536101.jpg  (811705)

在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迁移

2015619112602586.jpg  (553168)

评论模型

我们将使用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

更多资讯
游戏推荐
更多+