浅聊一下

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

预备

来到Laf首页,注册而且登录,榜首次登录时,账户会有10元的额度,当你将代码托管运转的时分,会逐渐扣除,但掘友们定心,每小时只需几分钱…

Laf:让项目上线一挥而就

简要介绍

1.点击当即开发

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

Laf:让项目上线一挥而就

2.点击新建

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

Laf:让项目上线一挥而就

3.开发

当项目处于Running状况的时分,点击开发

Laf:让项目上线一挥而就

点击之后会来到以下页面

Laf:让项目上线一挥而就

咱们先来看到左边的条形框:

  • 函数

    函数里是用来写你的函数办法的当地,在这儿能够写CRUD等办法

  • 调集

    调集就相当于数据库,里边能够保存你的数据,每创立一个调集就相当于创立了数据库中的一个table

  • 存储

    存储便是让你的项目上线的当地,将你的html、js、css文件拖动到这儿就能够完结上线,复制链接就能够在浏览器上拜访

演示

1.创立表,而且手动增加数据

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

Laf:让项目上线一挥而就

点击增加数据,先手动增加一条数据,咱们这儿的数据是以json格局上传的,要严厉确保格局正确,点击确定,之后就能够在页面上看见students表中多了一条数据

Laf:让项目上线一挥而就

2.增加函数

先来到函数,点击加号创立,这儿咱们只需求获取数据,所以挑选get

Laf:让项目上线一挥而就
创立好之后就能够看到这样的页面,咱们就能够在中心写代码了

Laf:让项目上线一挥而就

咱们看到榜首行:

import cloud from ‘@lafjs/cloud’, 这是lafjs提供的cloud模块,在开发前,咱们需求先引入这个模块

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

在Laf里获取表的数据非常简略

const res = db.collection(“students”).get()

在()里边填上你所要查询的表就能够了,点击运转,在右边看到运转结果

Laf:让项目上线一挥而就

咱们再来写一个add办法

这次咱们挑选post办法,完成增加操作

掘友们,ctx是什么?

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

咱们在右边的body中依照students的json格局传入的数据会保存在ctx.body里边

然后在下面用add()办法直接将数据保存到调集中就能够啦!

Laf:让项目上线一挥而就

咱们来看看调集,咱们的波比大王确实现已传递到调集中了

Laf:让项目上线一挥而就

Say Goodbye

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

Laf:让项目上线一挥而就