Angular2表单1模板驱动的表单(Template-Driven Forms)
http://codin.im/2016/09/26/angular2-form-template-driven/
在网页开发中,表单估计是最常用的一个,同时也是最麻烦、最容易出问题的。在一个稍微复杂一点的应用中,我们除了用表单元素收集数据,还需要验证,几个数据之间可能还会相互关联,然后根据不同的数据值调用不同的业务逻辑等。
使用Angular提供的数据绑定的功能,我们可以很容易就在组件中获得用户输入的数据,Angular也提供了几种验证方式方便我们进行数据的校验。但是,一些自定义的数据验证、数据交互和业务逻辑还是需要自己处理。
在Angular2中,提供了2种表单实现方式,分别是’template-driven’(模板驱动的表单)和’model-driven’(模型驱动表单)。在这篇文章中,我们先来看看模板驱动的表单。顾名思义,模板驱动的表单就是大部分表单相关代码都在模板里,通过在模板里面添加ngForm, ngModel和ngModelGroup等属性来定义模板和验证信息,以及它跟组件之间的数据交互。
实例
下图是这篇文章使用的实例的界面:
它是一个用户信息输入的表单,包括4个字段,用户名、电话、城市和街道,演示了如何使用表单,给各个字段添加验证并显示验证结果,以及如何在组件中判断是否出错并获取出错信息。
项目源码可以从github获取,这个项目包含了几个Angular2表单相关的实例,可以使用下面的命令获取本文所对应的代码:
|
|
然后进入项目目录,运行下面的命令安装依赖然后运行测试服务器:
|
|
该项目是基于之前的Angular2-basic模板,这个教程相关的代码都在’template-forms’目录里面。
引入FormsModule
首先,我们需要在app.module.ts里引入FormsModule。
|
|
初始表单
然后,我们从一个基本的html表单开始:
|
|
在实际的实例中,使用了bootstrap的表单样式,一组输入框应该是下面这个样子,但是在本文中,为了节省页面显示的篇幅,我省略了div, form-group等,我们只需要关心如何在Angular2中使用模板驱动的表单。如果想查看完整的带样式的代码,请查看源文件。
|
|
ngForm
在上面的表单里,我们没有使用Angular2的任何功能,如数据绑定,也没有使用其他指令。但是,Angular2在<form>
上实现了一个指令’ngForm’,这样,对于所有的html的form表单,都会使用ngForm组件去初始化该表单。
使用ngForm对象
接下来,我们需要在模板里面访问这个ngForm的实例,这样我们就能够从这个实例里面获取数据,或者获取数据验证状态。
在Angular2里,都提供了一个模板引用变量
的功能,通过#
加变量实现。通过这个功能,我们可以在同一元素、兄弟元素或任何子元素中引用模板引用变量。这样听着还是不好理解,我们看一个例子:
|
|
在这个例子中,我们通过#phone
定义了一个变量,它所指的就是这个input元素,phone.value
也就是这个输入框输入的值。
除了使用
#
,也可以使用ref-
,例如ref-phone
形式的定义跟#phone
是一样的。
我们可以对任何的DOM元素使用这种方式获取当前引用,也可以对任何的Angular2的指令使用。在这个表单的例子中,我们这样来获取这个ngFrom的引用:
|
|
其中’ngForm’就是当前这个指令,这样在这个模板里面,我们可以用userForm
获得表单的所有数据。
提交表单
在html中,我们要提交一个form,会在form里写一个action的属性,然后,用一个类型为’submit’的按钮来提交。但是,在Angular2中,我们需要使用ngSubmit
事件:
|
|
这样,当用户点击保存按钮的时候,Angular2会使用自己的验证机制,验证所有的数据,然后在调用’logForm(userForm)’方法。
在我们的组件中,实现这个方法:
|
|
在这个方法里,我们使用theForm.invalid
就可以获得这个表单是否验证成功的状态,也可以用’theForm.value’获得所有的表单数据。在这里,我们把表单数据打印到控制台来检查数据。至于如何从这个表单引用中获取控件数据和状态,会在接下来再讲。
使用ngModel绑定数据
接下来,我们需要绑定数据。假设我们的业务是打开这个页面的时候获取用户数据,然后显示到页面表单上。我们在组件的构造方法中创建一个模拟的用户数据:
|
|
然后在模板中将这个组件中的数据绑定到模板页面上:
|
|
在这里,我们使用[(ngModel)]="user.name"
,这是双向绑定的方式,这样,当我们修改页面上的数据的时候,在组件中也能获得更新后的数据;同时,如果在组件中更新了数据,在页面上也能更新。
为了演示这个双向绑定跟单向绑定的区别,我们只对姓名使用双向绑定,对其他的都是用单向绑定,也就是[ngModel]="user.mobile"
。使用[]
的单向绑定是从模板到组件的绑定,也就是页面中的输入的数据改变,组件中的数据也会改变。但是组件中的数据更新不会引起页面上该数据的更新。
使用单向绑定可以减少数据的更新检查,从来可以提高性能。
如果不需要数据的初始化,我们其实可以只用ngModel
,例如:
|
|
这样,我们在组件中创建的用户数据就无法显示到页面上,但是,他还是能够将页面上输入的数据绑定到组件中的数据上。
在Angular2中,使用ngModel
结合name
属性来创建一个表单控件FormControls
。例如上面的<input name="city" ngModel>
就对应一个userForm
里面的控件city
。由于我们在提交方法里面将这个userForm
作为参数传到方法里,我们可以在方法里面获得所有的表单控件theForm.controls
,它是一个Map类型的对象,key是所有的表单元素的name
,值就是一个FormControl
对象,里面保存着数据、和验证结果、是否修改等状态。也正是因为这些FormControls
,我们才能够使用theForm.value
的方式获取表单里的数据。当我们点击保存按钮的时候,就能在日志里面看到表单的数据:
|
|
使用ngModelGroup分组显示
一般情况下,我们的model数据有可能是嵌套的,比如对于用户信息来说,城市和街道可能在一个地址对象address
里,例如:
|
|
对于这样的数据,我们就可以使用ngModelGroup来分组。模板就是这样:
|
|
这样我们就把地址信息都封装到一个address对象里面。注意我们绑定的数据的结构也发生改变,这样,我们也需要修改我们的组件里面的用户数据:
|
|
至此,我们的表单的基本功能就算完成了。我们在面板中创建了表单,在组件中初始化了用户数据,并显示到页面上,在页面上用ngModel,将页面上的数据更改绑定到组件上。同时,使用name
属性,使得表单里面的所有数据都成为FormControl
对象。在提交所调用的方法里,获得了表单的验证状态和数据。
表单控件的验证和状态
下一步,我们来添加数据验证,Angular2为我们提供了几种最基本的验证:
- required:表明该数据是必须的。
- minlength:设置该字段的长度的最小值,即使输入的是数字,也按照字符串来判断长度。
- maxlength:设置该字段的长度的最大值。
- pattern:使用正则表达式验证
在使用Angular的验证之前,我们首先需要关闭浏览器默认的验证,不然,如果某一个输入不合法,提交按钮就无法提交。我们在form
里添加novalidate
:
|
|
然后,我们对姓名输入框添加验证,并根据验证的结果显示不同的提示,同时,为了演示Angular2表单控件的特性,再添加几个提示,来显示该值的状态,代码如下:
|
|
首先,我们在input上添加了2个验证,required
和minlength="3"
。
其次,我们使用#name="ngModel"
创建了一个模板引用变量,这样我们在下面就可以使用name
来获取这个表单控件(FormControl
)的引用。表单控件有一些属性,如pristine
, dirty
, valid
, touched
,这几个都是状态类型,表示某一种状态是否为真。除此以外还有控件的值可以用name.value
获取。最后,还有验证的错误信息结果,会放在name.errors
里。
在上面的代码里,我们用<span *ngIf="name.pristine" class="label label-primary">未修改</span>
,在控件值未被修改的时候,显示一个lebel。同样,在被修改、验证有效的时候显示相应的标签。
最后,所有的验证结果的错误信息会保存在name.errors
里,如果没有数据验证错误,这个errors值就是null
,所以,在上面的代码里,我们用name.errors?.minlength
,这表示,如果errors
不为null,而且errors.minlength
也不为空的时候,才显示里面的信息。
我们可以看到,表单控件的验证会将验证器的名字作为key放在errors
里面,对应的值是true
。我们就是用这个特性,来根据控件验证的不同结果,来显示友好的错误信息。
如果运行我们的实例,可以发现,对于姓名,如果清空它的值,发现只有一个错误信息,就是必须输入姓名
。你可能会觉得,这时候,值为空,那他的长度也小于3,那么minlength
这个错误也应该被检测到才对,但是实际上,遇到第一个错误以后,就没有其他的验证。
在上面姓名输入框上,我们使用#name="ngModel"
创建了一个模板引用变量,然后在接下来的模板里面使用它获得表单控件。实际上,我们也可以直接使用之前定义的对ngForm
的引用,来获得这个表单里所有控件的状态。例如,对电话,我们使用下面的方式:
|
|
在这里,我们没有获取对mobile
的模板引用,而是用ngForm
的引用获得:
|
|
当获取验证错误结果时:
|
|
注意这里在mobile上就使用?
是因为,在使用ngIf
渲染页面上的元素的时候,这个表单控件还没有初始化完成,如果不加这个?
,就会出现错误。
根据验证状态定义样式
Angular的表单验证,除了在控件上的数据以外,它还会根据状态在控件所在的html元素上添加css样式:
所以,我们只需要定义相关的css,就可以实现根据状态显示不同的效果。
|
|
结合各种css的选择器,我们就可以根据表单控件的状态实现各种显示的样式。
在组件中获取表单控件数据
最后,我们再看看怎样在组件中获取这些控件的状态和结果,在上面,我们给ngForm
添加了一个提交方法:
|
|
然后在组件中,这个logForm(userForm)
方法如下:
|
|
在这个方法里,theForm
就是ngForm
的模板引用实例,类型是NgForm
的。
如果表单验证有失败,theForm.invalid
就是false。
theForm.controls
就是这个表单里的所有控件,如果想获取姓名的验证结果,就是theForm.controls['name'].errors
。
用这种方式,我们就可以在组件中获取所有表单控件的数据、验证状态、错误信息等。
重置表单
一般情况下,如果是新建用户信息,我们需要在保存成功以后,清空当前数据,重置表单的状态,等待用户重新输入。如果我们只是清空数据,这时候那些验证错误就会被检测到,我们我们需要将表单控件也都重置成未修改状态。这在Angular2里很简单,它提供了一个reset
方法。
我们在
然后在组件里:
|
|
注意我们需要让这个方法返回false,这样他就不会触发submit的方法。
在官方的文档中,还提供了另一种技巧来实现这种重置,就是在form上使用ngIf
:
|
|
只有在active
为true时这个表单才会创建。
然后在重置的时候,设置这个active
为false,这样这个表单就会被销毁,然后用setTimeout
的方式再设置它为true,这个表单就会重新创建,这样就实现了重置的效果。
|
|
这也是一种小窍门,可以在某些情况下使用。
总结
至此,有关模型驱动的表单的基本用法大致完成,再总结一下模型驱动的表单的基本特性:
- 所有的表单控件的定义都在模板里
- 所有的验证器都在模板里面添加
- 表单数据的状态、验证结果都在模板上通过判断表单里面控件数据的状态来显示
- 如果需要测试这部分的代码,需要使用e2e(端到端)测试,也就是在浏览器里面
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- angular实现打印预览
法一: 页面中: <div id"report"><h1>我是标题</h1><p>我是内容</p> </div> <button (click)"print()">打印</button>ts文件中: import { Component, HostBinding, H…...
2024/4/20 20:19:48 - Angular的模板与路由功能
理解Angular的模板功能 模板功能,是Angular的最核心的功能之一。本节通过velocity模板与angular的模板功能对比,来说明angular的模板功能是如何工作的。 传统的velocity服务端模板工作流程如下: step:1 Template 模板 #用来标识Velocity的脚本…...
2024/4/22 14:19:23 - angular复习笔记4-模板
Angular复习笔记4-模板 简介 模板是一种自定义的标准化页面,通过模板和模板中的数据结合,可以生成各种各样的网页。在Angular中,模板的默认语言是HTML,几乎所有的HTML语法在模板中都是适用的,但<script&…...
2024/4/20 20:19:45 - angular 代码高亮,模板文字中的Atom HTML语法高亮(对于angular2)
How can I get HTML syntax highlight in template literals?Something like this which Ive wrote for sublime before:Here is sublime version https://github.com/Microsoft/TypeScript-Sublime-Plugin/pull/189/filesHow can I write the same thing for Atom?解决方案I…...
2024/4/28 6:16:16 - angular blob使用请求下载文件
需求: 我需要模拟点击下载文件,因为后台会返回两种数据。 1、blob 里面是excel(流) 2、blob里面是json(流),如果生成文件异常的话 思考: 1、区分返回的数据类型 2、分别进行流读取 实现: 区分返回的类型 因为…...
2024/4/21 2:40:23 - Angular安装和基础
一.安装 1.安装node.js 下载地址:https://nodejs.org/en/ 2.查看版本,修改npm镜像地址 node -v # v12.13.0 npm -v # 6.12.0# 查看并修改npm镜像地址 npm congfig get registry # http://registry.npmjs.org npm config set registr…...
2024/4/21 2:40:21 - angular表单文档学习
表单 表单是业务应用程序的主体。您可以使用表单登录、提交帮助请求、下订单、预订航班、安排会议,以及执行无数其他数据输入任务。在开发表单时,创建一种数据输入体验非常重要,这种体验可以有效地指导用户完成工作流。 一、Template-drive…...
2024/4/21 2:40:20 - Angular和Electron这样结合,开发效率直接拉满
公司使用AngularElectron进行PC端应用开发,使用开源项目angular-electron作为模板(https://github.com/maximegris/angular-electron ),但随着项目的进行,被如下的几个痛点折磨得不行: 使用tsc编译主进程的…...
2024/4/21 2:40:19 - Angular 学习(七):模板语法
文章目录插值表达式模板变量值绑定、事件绑定、双向绑定内置结构型指令内置属性型指令小工具插值表达式 test-interpolation.component.ts Component({selector: app-test-interpolation,templateUrl: ./test-interpolation.component.html,styleUrls: [./test-interpolation…...
2024/4/21 2:40:19 - Angular-checked方法使用
场景: 在进入修改商品页面的时候,前端获取从后端返回的数据,并将这些数据展示在修改商品的页面上,在使用AngularJS的情况下如何判断并勾选?也即:什么时候勾选复选框? (1)…...
2024/4/21 2:40:17 - angular 中使用md5
安装 ts-md5 npm install ts-md5 --save在需要使用的component或者service中 import import {Md5} from ts-md5/dist/md5;使用Md5中的 hashStr方法 源码 static hashStr(str: string, raw?: boolean): Int32Array | string;比如 let password:string 123123;Md5.hashStr(pa…...
2024/4/21 18:55:01 - angular--filter的使用
一、在模板中使用 1.内置方法 /*currency:格式化数字为货币格式,默认为‘$’,保留2位小数*/ //用法 {{ num | currency}} {{ num | currency:¥,1}}/*number:数字格式化,默认为添加千位符号(1,000)*/ {{ nu…...
2024/4/21 2:40:15 - Angular @Input讲解及用法
1.什么是input input的作用是定义模块输入,是用来让父级组件向子组件传递内容。 2.input用法 首先在子组件中将需要传递给父组件的变量用input()修饰 需要在子组件ts文件import中还添加Input 实例: import {Component, Input, OnInit} from angular/core; 例如: …...
2024/4/21 2:40:14 - angular使用@ViewChild()实现父组件调用子组件方法
今天写代码的时候,要实现一个查询页面,查询条件相同,查询结果表格不同的功能,第一时间想到了把不用的table封装成一个组件,引入到查询条件页面显示,即:查询条件为父组件,查询结果为在…...
2024/4/21 2:40:13 - Angular使用Lodash的正确方法
安装lodash $ npm i lodash安装声明文件 $ npm i types/lodash导入使用 import _ as lodash from lodash;...
2024/4/21 2:40:13 - angular中使用promise
promise是一种用异步的方式处理值的方法,promise是对象,代表了一个函数最终可能的返回值或者抛出的异常,在与远程对象打交道时我们可以把他看作是远程对象的一个代理。 如果说是promise也是异步处理方式的一种,那么我们会想起它和…...
2024/4/20 20:19:57 - angular 下载文件共通方法
angular 下载文件(使用blob) public downLoad(blob: any, fileName?: string): void {if (!fileName) {window.location.href window.URL.createObjectURL(blob);return;}if (navigator.msSaveOrOpenBlob) {window.navigator.msSaveOrOpenBlob(blob, f…...
2024/4/20 20:19:55 - angular中cookies的用法
AngularJs中对cookies的操作进行了单独的封装,首先需要先引入angular-cookies.js文件; <script src"scripts/lib/angular-cookies/angular-cookies.js"></script>然后依赖注入到项目中 angular.module(site.design, ["ngCook…...
2024/4/20 20:19:55 - angular使用bootstrap方法手动启动
要启动一个angular应用,可以使用ng-app指令,也可以调用bootstrap方法手动启动。先看一下angular的bootstrap方法。 angular.bootstrap(element, [modules], [config]); element(必需)。要启动angular的根节点,一般为document,也…...
2024/4/20 20:19:53 - angular中服务的使用
1、创建服务 ng g service 服务名 ng g service 文件名/服务名2、在app.module.ts中引入并声明服务 import { StorageService } from ./services/storage.serviceNgModule({providers: [StorageService], // 配置项目所需要的服务 })3、在服务中定义公共方法 import { Injec…...
2024/4/20 20:19:53
最新文章
- 用fgets()替换fscanf()解决文件读取在小熊猫C++失败问题
fscanf()遇到空格就结束读取,导致文件读取数据没完就退出读取以至于不能导入游戏地图工程。 看看到右侧小方块轨迹知晓采样区移动情况 也已经实现摄像机追随玩家效果 // 程序:2D RPG 地图编辑器与摄像机追随 // 作者࿱…...
2024/4/28 6:46:16 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - 第三章:fs 模块
fs 模块 文章目录 fs 模块一、文件写入1-1.writeFile 异步写入1-2.writeFileSync 同步写入1-3.appendFile / appendFileSync 追加写入1-4.createWriteStream 流式写入1-5.写入文件的场景 二、文件读取2-1.readFile 异步读取2-2.readFileSync 同步读取2-3.createReadStream 流式…...
2024/4/27 10:09:45 - Jenkins用户角色权限管理
Jenkins作为一款强大的自动化构建与持续集成工具,用户角色权限管理是其功能体系中不可或缺的一环。有效的权限管理能确保项目的安全稳定,避免敏感信息泄露。 1、安装插件:Role-based Authorization Strategy 系统管理 > 插件管理 > 可…...
2024/4/25 0:48:19 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...
2024/4/26 18:09:39 - 【原油贵金属周评】原油多头拥挤,价格调整
原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...
2024/4/28 3:28:32 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...
2024/4/26 23:05:52 - 【原油贵金属早评】库存继续增加,油价收跌
原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/4/27 4:00:35 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
2024/4/27 17:58:04 - 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响
原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...
2024/4/27 14:22:49 - 【外汇早评】美欲与伊朗重谈协议
原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/4/28 1:28:33 - 【原油贵金属早评】波动率飙升,市场情绪动荡
原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/4/27 9:01:45 - 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试
原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...
2024/4/27 17:59:30 - 【原油贵金属早评】市场情绪继续恶化,黄金上破
原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...
2024/4/25 18:39:16 - 【外汇早评】美伊僵持,风险情绪继续升温
原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...
2024/4/28 1:34:08 - 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势
原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...
2024/4/26 19:03:37 - 氧生福地 玩美北湖(上)——为时光守候两千年
原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...
2024/4/28 1:22:35 - 氧生福地 玩美北湖(中)——永春梯田里的美与鲜
原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...
2024/4/25 18:39:14 - 氧生福地 玩美北湖(下)——奔跑吧骚年!
原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/4/26 23:04:58 - 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!
原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...
2024/4/27 23:24:42 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/4/28 5:48:52 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...
2024/4/26 19:46:12 - 广州械字号面膜生产厂家OEM/ODM4项须知!
原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...
2024/4/27 11:43:08 - 械字号医用眼膜缓解用眼过度到底有无作用?
原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...
2024/4/27 8:32:30 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...
2022/11/19 21:17:16 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在iPhone上关闭“请勿打扰”
Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...
2022/11/19 21:16:57