pedroroccon/laravel-vue-crud

一个简单的打包,展示了如何使用Laravel + Vue.js实现CRUD。

1.0.0 2021-01-25 14:50 UTC

This package is auto-updated.

Last update: 2024-09-28 03:50:20 UTC


README

App screenshot

CRUD - Laravel + Vue.js

创建此存储库的目的是展示一个简单的CRUD,使用Laravel + Vue.js。应用程序由产品管理组成。

演示

访问演示:pedroroccon.com.br/laravel-vue-crud

安装和配置

要在终端中安装此存储库,请执行以下步骤

将存储库克隆到文件夹中

git clone https://github.com/pedroroccon/laravel-vue-crud

在项目文件夹中使用Composer安装依赖

cd laravel-vue-crud
php composer.phar install

复制配置文件

cp -R .env.example .env

为您的应用程序生成密钥

php artisan key:generate

默认情况下,我们使用SQLite作为数据库。
如果您希望继续使用SQLite,请记住在database/database.sqlite中创建文件

touch database/database.sqlite

迁移数据库

php artisan migrate --seed

不要忘记在/bootstrap、/storage、/database文件夹中设置权限(如果需要)。

启动应用程序

您可以通过以下命令启动应用程序

php artisan serve

API端点

整个API都被分离到项目中的/crud文件夹内,这样我们就可以将API的业务规则封装在一个只包含它的包中,便于迁移和在其他Laravel版本中实施。

列出产品

GET /api/produto

您还可以使用URL中的特殊字段来过滤产品

GET /api/produto?s={pesquisa} // Irá fazer uma busca por código/titulo
GET /api/produto?codigo={seu_codigo} // Irá filtrar os produtos por código
GET /api/produto?titulo={titulo} // Irá filtrar os produtos por título
GET /api/produto?valor_inicial={valor} // Irá filtrar os produtos a partir de um valor inicial
GET /api/produto?valor_final={valor} // Irá filtrar os produtos com o valor final menor que o informado

我们还可以在URL中组合多个过滤器。例如,如果我们想根据代码或标题过滤产品,其值小于R$5.000,00,我们可以使用以下URL

GET /api/produto?s=iPhone&valor_final=5000

添加产品

要添加产品,请向以下地址发出一个 POST 请求

POST /api/produto

以下字段是添加产品所需的

  • 代码(必需,唯一)
  • 标题(必需)
  • 价值(必需,数字)

查看产品

要查看产品,请向以下地址发出一个 GET 请求,将参数 {id} 替换为产品的ID

GET /api/produto/{id}

编辑产品

要编辑产品,请向以下地址发出一个 PUT/PATCH 请求,将参数 {id} 替换为产品的ID

PUT|PATCH /api/produto/{id}

删除产品

要删除产品,请向以下地址发出一个 DELETE 请求,将参数 {id} 替换为产品的ID

DELETE /api/produto/{id}

工厂

工厂用于动态创建产品。您可以通过以下命令使用工厂

php artisan tinker
Crud\Models\Produto::factory()->create()