阿里云云开发活动 Day7


开始我们的最后一天~今天的课程是Midway Serverless OTS前端(react/vue)代码一起开发的一体化方案

那么,我们就开始吧!(有问题请迅速钉钉群联系!)


阿里云——云开发平台——应用列表——创建新应用

实验室:WEB 解决方案:Midway Serverless OTS数据库示例

让我们开始接下来的cloudIDE吧~(开发部署)

首先要安装一下依赖~老样子哦(都是ctrl+c ctrl+s了)

npm i --registry=https://registry.npm.taobao.org

added 2146 packages from 922 contributors in 205.639s

然后npm run dev

CSS库:CSS~ CSS~CN

Hook 简介 – React

作业环节,拿出剪贴板辣!

语雀环节~

打开阿里云OTS表格存储网站

https://www.aliyun.com/product/ots

开通一下,进入控制台,创建示例~

数据表名称:user 表主键:id 字符串类型

(环境变量如图所示:)

/src/index.tsx 全部修改

public/index.html 全部修改

参考语雀网站:https://www.yuque.com/docs/share/95869af8-ceef-46f2-ba93-c1912716fcf0?#

我们在index.tsx里,添加如下内容到里面。如图所示:

做到这步,注册是有响应的:

index.tsx:9 name is Lin.孟
index.tsx:10 password is 123

接下来在src/apis文件夹里,创建user.ts文件!我们写一个测试~

注意上图右下角↘~后门houmen哈哈哈哈哈哈哈

可以的话,我们开始注释这句了,写下面的把注册数据写入OTS表格里~

按照这样的进展,我们可以开始网页的注册提示了~

接下来写登录~

  • user.ts

  • index.tsx and f.yml

登录测试~

接下来,是登录失败~

登录试试???

辣是不可能滴!!!

加个网页提醒要不???好呀~

接下来是登录密码错误的提醒~

接下来是提醒登录成功!!至此,结束!

End.在此感谢众多的老师和同学们,共同陪伴走完了这一周~

声明:浩瀚银河 Powered-By-Lin.孟|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA 4.0协议进行授权

转载:转载请注明原文链接 - 阿里云云开发活动 Day7


2020年10月29日,網站備案成功,遵守中國大陸網絡法律。