loopback搭建REST API学习笔记(一)

十多年没有写文章了,疫情期间被关家中,扒拉了一个之前接触但没深入研究的工具loopback,准备深入学习研究下,顺便做个学习笔记

一、安装loopback

npm install -g loopback-cli@4.2.0

二、创建应用

执行 " lb 项目名称"(示例为pclist)

lb pclist

- 输入项目名称,pclist

- 输入项目目录,pclist-loopback

- 选择版本,我选了3.x,因为标着长期支持

- 选择应用种类,选择api-server

完后loopback就会生成一套代码在前面指定的目录,我的目录名字为pclist-loo

然后,loopback会在前面指定的目录生成一套代码,我们基于此代码进行深入学习。

三、创建数据模型

进入刚刚创建的应用程序目录,执行lb model创建数据模型

lb model

输入模型名称,数据源先选择为db(memory)形式,模型的基类选择PersistedModel(持久型)

请输入模型名称: checklist

选择要向其附加 checklist 的数据源: db (memory)

选择模型的基类 PersistedModel

通过 REST API 公开 checklist? Yes

定制复数形式(用于构建 REST URL):默认回车即可

公共模型或仅服务器? 公共

 数据checklist数据模型建好后,紧接着要求填写该模型的属性,有建表经验的话,这里就是创建好表后创建表内字段,很容易上手。

在checklist模型里,我添加了属性

title - string,必填,缺省untitled

创建好模型后,看下loopback都帮我们做了啥

四、启动loopback

在应用目录执行npm start,启动刚刚生成的loopback应用

npm start

正常启动的话,会提示如下信息

Web server listening at: http://localhost:3000

Browse your REST API at http://localhost:3000/explorer

打开浏览器输入http://localhost:3000/explorer

 我的天啊,控制器都帮我建好了,太开心了~ 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
LoopBack 4 中,您可以通过以下步骤来编写一个上传文件的 API: 1. 创建一个 LoopBack 4 应用程序:使用 LoopBack 4 CLI 命令 `lb4 app` 创建一个新的 LoopBack 4 应用程序。 2. 创建一个包含上传文件功能的控制器:使用 LoopBack 4 CLI 命令 `lb4 controller` 创建一个新的控制器。 3. 在控制器中添加文件上传相关的路由和方法:在控制器的类中添加一个接收文件上传的路由和相应的方法。 ```ts import {inject} from '@loopback/context'; import {post, Request, requestBody, RestBindings} from '@loopback/rest'; export class FileUploadController { constructor(@inject(RestBindings.Http.REQUEST) private req: Request) {} @post('/upload') async uploadFile( @requestBody.file() file: Express.Multer.File, ): Promise<string> { // 处理上传的文件 console.log(file); // 可以在控制台打印出上传的文件信息 // 返回上传成功的消息或其他处理逻辑 return '文件上传成功'; } } ``` 4. 配置文件上传相关的组件:在应用程序的启动文件(`src/application.ts`)中添加文件上传相关的组件配置。 ```ts import {FileUploadComponent} from '@loopback/file-upload'; export class MyAppApplication extends BootMixin(ServiceMixin(RepositoryMixin(RestApplication))) { constructor(options: ApplicationConfig = {}) { super(options); // 添加文件上传组件 this.component(FileUploadComponent); // 设置文件上传相关配置 this.configure(FileUploadBindings.COMPONENT).to({ storage: { destination: './uploads', // 设置文件保存的目录 // 其他可选配置,如文件名生成规则等 }, }); } } ``` 注意,上述代码中使用了 `@loopback/file-upload` 组件来处理文件上传,因此需要在应用程序的依赖项中安装相应的模块。 5. 启动应用程序:使用 LoopBack 4 CLI 命令 `npm start` 启动您的应用程序。 现在,您可以使用 POST 请求到 `/upload` 路由上传文件,并在控制器的方法中处理上传的文件。请根据您的具体需求进行适当的调整和处理。希望这可以帮到您!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值