Laf:让项目上线易如反掌

浅聊一下

作为一个前端小白,如何快速让自己的项目上线,满足一下自己的"虚荣心"?对于有些前端的小伙伴们来说,要自己上线项目,那就不得不自己把后端的部分也独立完成,这让着实让人头大,这些天,我接触到了Laf,一进去,Laf就跟我说:像写博客一样写代码...我信了,并且摸索了几天,决定将这个好东西分享给大家...

准备

来到Laf首页,注册并且登录,第一次登录时,账户会有10元的额度,当你将代码托管运行的时候,会逐渐扣除,但掘友们放心,每小时只要几分钱...

简要介绍

1.点击立即开发

点击立即开发以后,会来到以下页面,由于我使用过,所以会多三条记录

2.点击新建

名字自己取,规格看项目而定,我这里就先保持默认,点击立即创建

3.开发

当项目处于Running状态的时候,点击开发

点击之后会来到以下页面

我们先来看到左侧的条形框:

  • 函数

    函数里是用来写你的函数方法的地方,在这里可以写CRUD等方法

  • 集合

    集合就相当于数据库,里面可以保存你的数据,每创建一个集合就相当于创建了数据库中的一个table

  • 存储

    存储就是让你的项目上线的地方,将你的html、js、css文件拖动到这里就可以完成上线,复制链接就可以在浏览器上访问

演示

1.创建表,并且手动添加数据

我们先来创建一个students表,来到集合,点击+号=>确定,我们的students表就建好了

点击添加数据,先手动添加一条数据,我们这里的数据是以json格式上传的,要严格保证格式正确,点击确定,之后就可以在页面上看见students表中多了一条数据

2.添加函数

先来到函数,点击加号创建,这里我们只需要获取数据,所以选择get

创建好之后就可以看到这样的页面,我们就可以在中间写代码了

我们看到第一行:

import cloud from '@lafjs/cloud', 这是lafjs提供的cloud模块,在开发前,我们需要先引入这个模块

接下来,const db = cloud.database(),引入集合

在Laf里获取表的数据十分简单

const res = db.collection("students").get()

在()里面填上你所要查询的表就可以了,点击运行,在右边看到运行结果

我们再来写一个add方法

这次我们选择post方法,实现添加操作

掘友们,ctx是什么?

ctx是从用户的请求中拿到请求体, 请求响应上下文

我们在右边的body中按照students的json格式传入的数据会保存在ctx.body里面

然后在下面用add()方法直接将数据保存到集合中就可以啦!

我们来看看集合,我们的波比大王确实已经传递到集合中了

Say Goodbye

今天的内容就先分享到这里,在未来的这些日子里,我会继续探索Laf的更多用法,并且会将自己写的项目给大家展示出来。(tip:大家开发完以后,一定要回到开始的页面暂停应用哦!不然会一直扣钱...)

相关推荐
8 分钟前
TIDB——PD(placement Driver)
java·数据库·分布式·tidb·
DemonAvenger14 分钟前
Redis与MySQL双剑合璧:缓存更新策略与数据一致性保障
数据库·redis·性能优化
追逐时光者19 分钟前
精选 8 个 .NET 开发实用的类库,效率提升利器!
后端·.net
断春风26 分钟前
如何避免 MySQL 死锁?——从原理到实战的系统性解决方案
数据库·mysql
闲人编程27 分钟前
基础设施即代码(IaC)工具比较:Pulumi vs Terraform
java·数据库·terraform·iac·codecapsule·pulumi
QQ_216962909634 分钟前
Spring Boot大学生社团管理平台 【部署教程+可完整运行源码+数据库】
java·数据库·spring boot·微信小程序
玉成22639 分钟前
MySQL两表之间数据迁移由于字段排序规则设置的不一样导致失败
数据库·mysql
a程序小傲43 分钟前
京东Java面试被问:Fork/Join框架的使用场景
java·开发语言·后端·postgresql·面试·职场和发展
想用offer打牌1 小时前
面试官问Redis主从延迟导致脏数据读怎么解决?
redis·后端·面试
dblens 数据库管理和开发工具1 小时前
DBLens:让 SQL 查询更智能、更高效的数据库利器
服务器·数据库·sql·数据库连接工具·dblens