一.Visual Code 练习

1.电脑类   品牌,型号,重量     开机关机

二.对象数组

2.学生类   学号,姓名,班级   学习

3.宠物 pet  昵称 ,类型,性别 睡觉,吃  

三.运用 ArkTs练习类

创建类并把实例对象放在数组中

声明变量:

val:输入框默认值

isFlag:默认第一次进入  1:验证成功  2:验证失败

Msg:提示词

msgErr:错误提示词

pat:正则规则

notNull:不能为空

 声明reg对象数组  把实例化对象放入数组中

aboutToAppear()启动页面时自动执行函数中的内容

输入框:

创建一个文本输入框设置OnChange事件将输入的值赋值给reg对象数组中第一个val变量

如果第一个数组对象的数据isFlag等于1则验证正确,否则等于2输入的值验证错误,接下来一样的操作,把数组对象中的下标改为相对应的下标即可

密码框: 

确认密码: 

 内容元素:

注册键:

创建一个注册按钮,设置onClick点击事件,遍历对象数组如果当前的val默认值大于0,证明有内容则进行下面判断如果i的值等于2,就是说确认密码框那条数据如果确认密码等于第一次输入的密码则正确,否则就错误,continue跳出本次循环,调用一下刚才创建的验证函数patt,否则就是空值,将当前的isFLag赋值2(验证失败)提示当前数组的错误提示词

如果按照之前的写法写到这里就结束了,但是由于@state只能声明修改一些简单的数据类型,数组,对象,但是一些复杂数据类型无法进行修改,我们就需要删除原来的数据并添加新的数组

验证:

创建验证函数改名为patt  参数设置为Index(下标)  返回值为布尔类型

如果Index当前数组对象中的值符合正则规则当前isFlag赋值给1(验证通过),当前提示词为空

否则isFlag赋值给2(验证失败),当前的Msg赋值当前数组中的错误的提示词

四.类的创建位置

我们创建类并不在原来页面上声明创建,我们在ets创建一个Model文件夹,在model文件夹中创建一个ts文件,我么就把类放到我们创建的这个文件夹中

我们需要在class前价格export关键字  这样类就可以再其他文件中被引用

当前我们这页面中引用我们的类的时候,会自动生成导包文件