表单验证

URL中的变量――PathVariable 在Web应用中URL通常不是一成不变的，例如微博两个不同用户的个人主页对应两个不同的URL: http://weibo.com/user1 和 http://weibo.com/user2。 我们不可能对于每一个用户都编写一个被 @RequestMapping 注解的方法来处理其请求，Spring MVC提供了一套机制来处理这种情况： @RequestMapping("/users/{username}") public String userProfile(@PathVariable("username") String username) { return String.format("user %s", username); } @RequestMapping("/posts/{id}") public String post(@PathVariable("id") int id) { return String.format("post %d", id); } 在上述例子中，URL中的变量可以用 {variableName} 来表示，同时在方法的参数中加上 @PathVariable("variableName") ，那么当请求被转发给该方法处理时，对应的URL中的变量会被自动赋值给被 @PathVariable 注解的参数

var settings = { e : 'idcode' , codeType : { name : 'follow' , len : 4 }, //len是修改验证码长度的 codeTip: '换个验证码?' , inputID : 'idcode-btn' //验证元素的ID }; var _set = { storeLable : 'codeval' , store : '#ehong-code-input' , codeval : '#ehong-code' } $.idcode = { getCode : function ( option ) { _commSetting(option); return _storeData(_set.storeLable, null ); }, setCode : function ( option ) { _commSetting(option); _setCodeStyle( "#" + settings.e, settings.codeType.name, settings.codeType.len); }, validateCode : function ( option ) { _commSetting(option); var inputV; if (settings.inputID) { inputV = $( '#'

布局 1.ComponentLayout 布局 在响应调整大小的请求时，复杂组件运用ComponentLayout来完成内部元素的定型。比如FieldLayout管理组件中的标签和输入元素的尺寸和位置。 2.FormLayout 在EXT JS4中不再使用FormLayout。 3.BorderLayout EXT JS4中的BorderLayout完全兼容EXT JS3。 面板标题垂直定向，所以东、西区域被替换成旋转90度的垂直的标题。定位器标题可以使用布局中的getPlaceholder方法。定位器直到组件首次收缩时才会被渲染。面板可以使用所有Ext.panel中的的方法。面板作为一个容器的子类,也继承各种容器的方法。 另一个小的区别是是EXT JS4不再支持cmargins配置。这让它更容易产生一个在收缩和扩展方面都很好的布局。 组件 任何组件的子类现在可以被设置为可浮动的，使用floating:true的配置即可。浮动的组件可以被设置为可拖放的或可调整大小的。浮动的组件也可以作为子元素添加到任意一个容器，在这种情况下，他们将不参与容器的布局，但会浮在容器之上。 所有浮动的组件都用z-index，它由ZIndexManager来管理，继承来自EXT JS3的WindowGroup类。默认情况下，通过调用show方法渲染在页面中浮动的组件(比如窗口)，是由Ext

第一题：请用HTML5实现图3.44所示的申请表表单。相关要求如下。 教育程度：默认选中硕士。 国籍：有美国，澳大利亚，日本，新加坡，默认选中澳大利亚。 单击文字相应的文本框得到焦点。 第二题：请用HTML5实现3.45所示的电子产品调查表表单。相关要求如下： 购买日期：“月”下拉列表框为1~12月，“日”下拉列表框为1~31日。 您是否查看过我们的在线产品目录：默认选中“是”。 单击文字相应的文本框得到焦点。 所有的表单元素不能为空。 使用placeholder属性为表单元素添加提示文字。 “重置”按钮禁止操作。 不需要用pattern写验证条件（后续课程会详细学习，到时候再添加）。 </ p > < p > 您是否查看过我们的在线产品目录？ < input type= "radio" name= "gender" id= "yes" checked /> < label for= "yes" > 是 </ label > < input type= "radio" name= "gender" id= "no" /> < label for= "no" > 否 </ label > </ p > < p > 如果查看过，您对哪些产品有兴趣购买？(选择提供的产品) < br > < input type= "checkbox" name= "interest" id=

参数校验在我们日常开发中非常常见，最基本的校验有判断属性是否为空、长度是否符合要求等，在传统的开发模式中需要写一堆的 if else 来处理这些逻辑，很繁琐，效率也低。使用 @Valid + BindingResult 就可以优雅地解决这些问题 （1）首先在实体类中增加注解 @Entity public class Girl { @Id @GeneratedValue private int id; @NotEmpty (message = "姓名不能为空" ) private String name; @Min (value = 18 ,message = "未成年禁止入内" ) private int age; public Girl () { } (2) 在controller 中增加@Valid + BindingResult @PostMapping( "/girls" ) public Girl girlAdd (@Valid Girl girl, BindingResult bindingResult){ if (bindingResult.hasErrors()){ System. out .println(bindingResult.getFieldError().getDefaultMessage()); return null ; } return

本笔记只是个人记录，非指导、解惑类博客 客户端（例如Web 浏览器）把请求发送给Web 服务器，Web 服务器再把请求发送给Flask程序实例。处理URL 和函数之间关系的程序称为路由。 from flask import Flask app = Flask(__name__) @app.route('/') def index () : return '<h1>Hello World!</h1>' @app.route('/user/<name>') def user (name) : return '<h1>Hello, {}!</h1>' .format(name) if __name__ == "__main__" : app.run(debug= True ) index 函数称为视图函数（view function）。视图函数返回的响应可以是包含 HTML 的简单字符串，也可以是复杂的表.这个函数的返回值称为响应，是客户端接收到的内容 '/user/<name>' 尖括号中的内容就是动态部分,任何能匹配静态部分的URL 都会映射到这个路由上 Flask 使用上下文临时把某些对象变为全局可访问。有了上下文，就可以写出下面的视图函数： from flask import request app = Flask(__name__) @app.route('/') def

SpringBoot提供了强大的表单验证功能实现，给我们省去了写验证的麻烦； 这里我们给下实例，提交一个有姓名和年龄的表单添加功能， 要求姓名不能为空，年龄必须是不小于18 ； 我们先新建一个Student实体 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 package com.java1234.entity; import javax.persistence.Column; import javax.persistence.Entity; import javax.persistence.GeneratedValue; import javax.persistence.Id; import javax.persistence.Table; import javax.validation.constraints.Min; import javax.validation.constraints.NotNull; @Entity @Table (name= "t_student" ) public class Student { @Id

vue密码、手机号、用户名输入验证 1、表单中设置prop ref 和 :rules（详情见element-ui官网）用来设置验证规则,如下： 2、在data中写下具体规则，element-ui中的功能不太齐全，需要自定义，主要看怎么去实现自定义规则，先写rule代码 代码中的validator: validUsername、validator: validatePass都是属于自定义的规则，validUsername和validatePass，validPhone,需要我们自己定义，如下： 方法中有isvalidPass、isvalidPhone、isvalidUsername，这些需要我们自己写在js中，import到当前vue文件中来。 1、表单中设置prop ref 和 :rules（详情见element-ui官网）用来设置验证规则,如下： <el-form ref="ruleForm" :rules="rules" :model="formData" label-position="left" label-width="100px"> 　　<el-form-item label="用户名" prop="username" > 　　　　<el-input v-model="formData.username" type="text" :disabled=

框架采用.NetCore + Vue前后端分离，并且支持前端、后台代码业务动态扩展，框架内置了一套有着20多种属性配置的代码生成器，可灵活配置生成的代码，代码生成器界面配置完成即可生成单表(主表)的增、删、改、查、导入、导出、上传、审核基础功能。只需要简单了解即可上手开发 框架基础功能已构建完成，可直接上手开发功能 Vol.WebApi类库可独立用于restful api服务单独部署,用于其他系统单独提供接口,直接上手编写业务代码即可。 Vue+Vol.WebApi 可用于现有框架前后端分离进行开发 Vol.Web类库可用于传统MVC+Razor方式进行项目开发 Vol.Builder类库可作为一个独立的代码生成器,可生成cshtml页面、Vue页面、Model文件、Service与Repository.cs业务处理代码类 可作为一个独立站点来发布静态html网页. 可直接用于H5移动App开发 框架特点 支持前端、后台基础业务代码动态扩展，可在现有框架增、删、改、查、导入、导出、审核基础业务上扩展复杂的业务代码 基本业务全部由框架完成，上手即可对基础业务以外的代码进行扩展 上手简单，需要.net core2.1、VsCode mysql/sqlservcer 2012、redis(可选) 及以上版本的开发环境 学习成本低，封装了常用可扩展组件及Demo(前端基于Iview

　　说起v-show和v-if，进行前端开发的大家一定不会陌生，他们都是用来控制标签元素的显示与隐藏的，他们的区别就是v-show会把标签渲染出来，只是会隐藏起来，相当于visibility:hidden和opacity:0;的作用，而v-if如果为false的话，则标签都不会被渲染，相当于display:none;的作用，那么他们到底会和表单验证产生什么化学反应呢，下面就来看看我踩的这个坑吧。 　　 　　这里我们可以看到element 上对于validate的一个解释，也就是他会帮我们验证表单里面的数据是否满足我们设定好的验证规则，全部满足规则才能通过，并且执行之后的方法，乍一听上去好像没什么关系，但是我们的需求是这样的，当点击一个按钮的时候，表单变成另外一种样式，也就需要进行另一次表单验证，哪一种样式有值的话，就默认显示哪种样式。我之前是通过v-show来控制标签的显示与隐藏的，但是后来发现，当我点击了按钮之后，即如果我默认是第二种样式的时候，这时候我的表单验证就通过不了，即我点击了提交按钮很可能没有反应，这令我非常困惑，于是就开始了各种找bug。 　　最后，我才发现，如果默认是第二种情况的话，他其实就已经把第一种样式也渲染出来了，只不过是把第一种隐藏了，但是他表单验证是不认这些的，只要你渲染过了他就会进行表单验证，而你第一种样式又被隐藏了，所以验证一直通不过，后面的就被阻断了