当前位置: 首页 > news >正文

uni-app表单⑪

文章目录

    • 十七、用户登录-登录界面搭建
        • 一、结构样式代码编写
    • 十八、用户登录-表单验证
        • 一、userRulesMixin 文件使用
        • 二、验证规则编写

十七、用户登录-登录界面搭建

一、结构样式代码编写
  1. uni-forms 插件下载

    下载地址:https://ext.dcloud.net.cn/plugin?id=2773

  2. send-code 组件封装

    1. 结构处理

      <template><view class="code-container"><view class="vCode-btn" @click="getForm">{{runTime? `${time}秒后重新获取`:'获取验证码'}}</view></view>
      </template>
      
    2. 定时器创建

    3. 组件销毁时,进行副作用(定时器)清除操作

      // 离开界面时进行定时器的清除操作beforeDestroy () {clearInterval(this.timeId)this.timeId = nullthis.runTime = falsethis.time = 60},
      

十八、用户登录-表单验证

一、userRulesMixin 文件使用
  1. common 文件夹下创建 userRulesMixin
export default {install (Vue) {   // 使用install的形式进行安装mixinVue.mixin({data () {return {a:'hello world'}},methods: {test () {}}})}
}
  1. main.js 中使用 mixin 文件
import userMixin from './common/rulesMixin.js'
Vue.use(userMixin)
  1. 组件或页面内直接进行使用
  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 选中所有文本

http://www.lryc.cn/news/482576.html

相关文章:

  • PyQt5 加载UI界面与资源文件
  • 【MySQL】数据库知识突破:数据类型全解析与详解
  • 使用Golang实现开发中常用的【实例设计模式】
  • 【Java学习】电脑基础操作和编程环境配置
  • AVL树解析
  • 栈和队列(Java)
  • C#设计原则
  • easyfs 简易文件系统
  • 【架构论文-1】面向服务架构(SOA)
  • 刚刚!更新宁德时代社招Verify测评语言理解数字推理SHL题库、网盘资料、高分答案
  • C++笔记---智能指针
  • CentOS 7系统中更改YUM源为阿里云的镜像源
  • Python酷库之旅-第三方库Pandas(206)
  • 3.4CQU数学实验???
  • Linux(CentOS)开放端口/关闭端口
  • GreenDao适配AGP8.7+
  • 【前端】Typescript从入门到进阶
  • 在 RHEL 8 | CentOS Linux release 8.5.2111上安装 Zabbix 6
  • 光纤HDMI线怎么连接回音壁?
  • 屏幕后期处理
  • K8资源之endpoint资源EP资源
  • 微软日志丢失事件敲响安全警钟
  • Qt生成应用程序exe
  • C#中的HttpContent、HttpClientHandle、HttpWebRequest
  • 23.网工入门篇--------介绍一下园区网典型组网架构及案例实践
  • QT鼠标事件
  • Ubuntu 的 ROS 操作系统turtlebot3环境搭建
  • C++笔记---异常
  • Python 操作数据库:读取 Clickhouse 数据存入csv文件
  • 如何找到系统中bert-base-uncased默认安装位置