form | 易学教程

SpringMVC开发技术~8_1~转换器Converter

阅读更多关于 SpringMVC开发技术~8_1~转换器Converter

1 转换器Converter Spring在如何正确绑定数据方面是杂乱无章的。Spring总是试图用默认的语言区域将日期输入绑定到java.util.Date。假如想让Spring使用不同的日期样式，就需要用一个Converter（转换器）或者Formatter（格式化）来协助Spring完成。 Converter和Formatter，这两者均可用于将一种对象类型转换成另一种对象类型。 Converter是通用元件，可以在应用程序的任意层中使用，而Formatter则是专门为Web层设计的。 Spring的Converter是可以将一种类型转换成另一种类型的一个对象。例如，用户输入的日期可能有许多种形式，如“December 25，2014”、“12/25/2014”和“2014-12-25”，这些都表示同一个日期。默认情况下，Spring会期待用户输入的日期样式与当前语言区域的日期样式相同。例如，对于美国的用户而言，就是月／日格式。如果希望Spring在将输入的日期字符串绑定到Date时，使用不同的日期样式，则需要编写一个Converter，才能将字符串转换成日期。下面用一个案例来介绍转换器的使用 2 Spring MVC中转换器的使用案例 2.1 程序的目录结构 2.2 domain package app06a . domain ; import java . io .

【layui】提交表单

阅读更多关于【layui】提交表单

1 <script type="text/javascript"> layui.use(['form', 'layer', 'jquery'], function () { var form = layui.form, layer = parent.layer === undefined ? layui.layer : top.layer $ = layui.jquery; //登录按钮 form.on("submit(login)", function (data) { $(this).text("登录中...").attr("disabled", "disabled").addClass("layui-disabled"); setTimeout(function () { $("#loginFrm").submit(); }, 1000); return false; }) //表单输入效果 $(".loginBody .input-item").click(function (e) { e.stopPropagation(); $(this).addClass("layui-input-focus").find(".layui-input").focus(); }) $(".loginBody .layui-form-item .layui-input").focus

Prisma(六)——Prisma ➕ Apollo ➕ Vue(vue中使用prisma)

阅读更多关于 Prisma(六)——Prisma ➕ Apollo ➕ Vue(vue中使用prisma)

到目前为止，我们知道 Prisma 是一个后端框架，那如何与 vue 项目结合起来呢❓嗯，没错，是 Apollo 。 vue-apollo 虽然没有 react-apollo 出名，但是也是很好用的，我们一起来看看 vue-apollo 👇👇👇 vue-apollo 安装 npm install vue - apollo graphql apollo - client apollo - link - http 创建 ApolloClient 实例 //导入安装的插件 import VueApollo from 'vue-apollo' import { ApolloClient } from 'apollo-client' import { createHttpLink } from 'apollo-link-http' //连接API的地址 const httpLink = createHttpLink ( { // 你需要在这里使用绝对路径（后端框架中的prisma.yml文件中endpoint地址） uri : 'http://localhost:4466' , } ) // 创建ApolloClient实例 const apolloClient = new ApolloClient ( { link : httpLink } ) 创建 VueApollo 实例 //

【译】使用FormData对象

阅读更多关于【译】使用FormData对象

系列文章说明原文 FormData 对象能让你生成一系列用于 XMLHttpRequest 发送的键值对。它主要的目的在于发送表单数据，但也能独立用于传输有键形式的数据。其传输的数据格式和表单使用 submit() 方法、且编码类型为 multipart/form-data 所发送的数据格式相同。从头开始创建一个FormData对象你可以自己建立一个FormData对象，首先进行实例化、再通过 apppend() 方法来添加字段，如下所示： var formData = new FormData(); formData.append("username", "Groucho"); formData.append("accountnum", 123456); // 数字123456会自动转为字符串"123456" // 用户选择的HTML的文件提交 formData.append("userfile", fileInputElement.files[0]); // JavaScript的类文件对象（Blob） var content = '<a id="a"><b id="b">hey!</b></a>'; // 新文件的主体 var blob = new Blob([content], { type: "text/xml"}); formData.append(

基于HTML+JS实现线上点单平台

阅读更多关于基于HTML+JS实现线上点单平台

HTML部分： <!doctype html> <html lang="zh"> <head> <title>喜茶</title>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> </head> <body>  <div class="container-fluid px-0">  <div class="jumbotron px-0 py-2 bg-success"> <h1 class="display-3 text-white ml-5">喜茶<

form表单上传域（type="file"）的使用----上传文件

阅读更多关于 form表单上传域（type="file"）的使用----上传文件

一，单个文件的上传 1.html/jsp页面 <% @ page language = " java " contentType = " text/html; charset=UTF-8 " pageEncoding = " UTF-8 " %> <! DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > < html > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8" > < title > Insert title here </ title > <% String path = request.getContextPath(); request.setAttribute( " path " , path); %> </ head > < body > < form action ="${path}/FileSer" method ="post" enctype ="multipart/form-data" > < table > < tr > < td > 上传文件 </ td > < td > < input type

DAY03

阅读更多关于 DAY03

八.结构标记 h5新出的标记.作用是取代div描述整个网页的结构,增加代码的可读性,和div的作用一模一样,只是增加了可读性 1 < header>< /header> 头部 2 < footer>< /footer> 脚部 3 < nav>< /nav> 导航栏 4 < section>< /section> 主体内容 5 < aside>< /aside>侧边栏 6 < article></ article> 定义与文字相关的内容(论坛,回帖,评论等) 九.form表单(***) 1 作用 (1)提供可视化的输入控件 (2)收集机用户输入的信息,并提交给服务器注意:ajax可以提交请求,可以接收请求使用form就不用form 不用form就需要手动收集信息 2 form的组成 (1)< form> < /form> 属性: ①action —定义表单提交时发送的动作(发送给哪个URL) 默认缺省提交给本页面 ②method —定义表单的提交方式默认缺省是http原生的"get"方法:特点:明文提交,内容在地址栏显示,提交的数据有大小限制(2kb),使用时机—向服务器要数据的时候第二种http原生的post方法特点①隐式提交,提交的内容不在地址栏显示②post提交的数据没有大小限制 ③其他原生 ③enctype —指定表单提交的数据的编码方式

Ant Design Vue 表单验证踩坑

阅读更多关于 Ant Design Vue 表单验证踩坑

最近一个项目用了 Ant Design Vue ，我也不知道为啥用这个。。。FORM表单验证踩地坑简直是让我哭哭哭以前用elementUI,Iview,很顺手，v-model简直是标配可是这个Ant Design Vue 在需要验证的时候不能用 v-model ,用 v-decoration 。贴代码如下 <style lang="less"> @import 'sourceManage'; </style> <template> <div ref="sourceManage"> <a-row :gutter="24"> <a-col :sm="12" :md="8" :xl="8"> <h3> 所属类目： <span>{{databaseType}}</span> </h3> </a-col> <a-col :sm="12" :md="3" :xl="3" :offset="11"> <a-button type="primary" icon="plus" @click="showSourseForm">添加源</a-button> </a-col> </a-row> <a-row :gutter="24" style="margin-top:30px;" v-if="databaseInformation.length"> <a-col :sm="12" :md="8

form表单重置、清空方法记录

阅读更多关于 form表单重置、清空方法记录

首先：contact-form 是form的id属性值方法一：调用reset（）方法 document.getElementById("contact-form")[0].reset(); 注意：网上说用document.getElementById("myform").reset();可以重置的，实际上并不能清空表单内容，因为用document.getElementById()或者document.getElementByClassName()得到的是数组。原因就是我们每次通过jQuery选择器得到的都是数组。而通过document.getElementById("myform")[0];得到的是对象。对象才能调用方法。另外注意：这种方式虽然可以重置表单，但是不能重置隐藏字段。隐藏字段要单独处理。方法二：逐个清空input，selected的值 function resetAll() { $(".contact-form").find('input[type=text],select,input[type=hidden]').each(function() { $(this).val(''); }); } 方法三：排除法清空form表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title

关于vue+element-admin这个项目

阅读更多关于关于vue+element-admin这个项目

刚接触Vue,本着学习的态度,自己查阅了相关资料,这个项目作者在掘金上也有介绍,但个人感觉都太笼统了,几乎都是一带而过,其中具体的小知识点还不太熟悉,故作记录. 先从登录页开始说起吧,直接上代码,旁边都有注释 login 页的位置, src/views/login/index.vue < template > < div class = "login-container" > < el - form ref = "loginForm" : model = "loginForm" : rules = "loginRules" class = "login-form" autocomplete = "on" label - position = "left" > < div class = "title-container" > < h3 class = "title" > 登录 < / h3 > < / div > < el - form - item prop = "username" > < span class = "svg-container" > < svg - icon icon - class = "user" / > < / span > < el - input ref = "username" v - model = "loginForm.username"

订阅 form