文章目录
- 十七、用户登录-登录界面搭建
- 一、结构样式代码编写
- 十八、用户登录-表单验证
- 一、userRulesMixin 文件使用
- 二、验证规则编写
十七、用户登录-登录界面搭建
一、结构样式代码编写
-
uni-forms 插件下载
下载地址:https://ext.dcloud.net.cn/plugin?id=2773
-
send-code 组件封装
-
结构处理
<template><view class="code-container"><view class="vCode-btn" @click="getForm">{{runTime? `${time}秒后重新获取`:'获取验证码'}}</view></view> </template>
-
定时器创建
-
组件销毁时,进行副作用(定时器)清除操作
// 离开界面时进行定时器的清除操作beforeDestroy () {clearInterval(this.timeId)this.timeId = nullthis.runTime = falsethis.time = 60},
-
十八、用户登录-表单验证
一、userRulesMixin 文件使用
- common 文件夹下创建 userRulesMixin
export default {install (Vue) { // 使用install的形式进行安装mixinVue.mixin({data () {return {a:'hello world'}},methods: {test () {}}})}
}
- main.js 中使用 mixin 文件
import userMixin from './common/rulesMixin.js'
Vue.use(userMixin)
- 组件或页面内直接进行使用
onLoad: function () {console.log(this.test())}
二、验证规则编写
userRules: {loginName: {rules: [{ required: true, 'errorMessage': "账户名不能为空" },{validateFunction: (rule, val, data, callback) => {switch (true) {case val.length < 6:callback('用户名长度不正确')break;default:return true}}} // 自定义验证规则]}}
谷歌浏览器的插件:FeHelper
手机号码正则表达式
/^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/
windows 下 CMD 常用命令
一、常用命令
1、进入某个盘
//进入 d 盘
D:
//进入 F 盘
F:
这里我经常弄混,老是用 cd 命令,结果回回进不去。。Linux 和 windows 果然不一样。
2、查看目录文件
//查看当前目录下的文件,类似于 linux 下的 ls
dir
如果是需要查看隐藏文件的或者更多操作的话,可以使用 dir /?来查看其它用法,cmd 这点挺好的。
3、创建目录和删除目录
//创建目录
md 目录名(文件夹)
//删除目录
rd 目录名(文件夹)
echo 新建文件
4、查看本机 ip
ipconfig
5、清除屏幕
cls
类似于 linux 下的 clear
6、复制文件
copy 路径\文件名 路径\文件名 :把一个文件拷贝到另一个地方。
7、移动文件
move 路径\文件名 路径\文件名 :把一个文件移动(就是剪切+复制)到另一个地方。
8、删除文件
//这个是专门删除文件的,不能删除文件夹
del 文件名
9、ping
//用来测试网络是否畅通
ping ip(主机名)
以上这些命令是比较简单,也是比较常用的命令,大家都可以记一下,能用得上的。
二、查看 cmd 下的命令
1、使用 help 命令,查看所有的 dos 命令
使用这个命令之后,我们可以看到所有的dos命令,并且后面还有中文的解释。简直不要太赞,这样我们就可以根据自己的需求要找到想要使用的命令。
2、找到命令之后,使用 命令+ /?来查看该命令下的其他属性
例如:cd 命令
这样一来,我们就能找到所有自己想要使用的命令。岂不美哉。
三、另附一些 windows 下的快捷键
win+E 打开文件管器
win+D 显示桌面
win+L 锁计算机
alt+F4 关闭当前程序
ctrl+shift+Esc 打开任务管理器(或者 ctrl+alt+delete)
ctrl+F 在一个文本或者网页里面查找,相当实用(退出一般按 ESC)
ctrl+A 选中所有文本