charset | 易学教程

day45

阅读更多关于 day45

form表单(**************) 能够获取用户输入(输入，选择，上传的文件) 参数 action 控制数据提交的地址三种书写方式 1.不写默认就是朝当前页面所在的地址提交数据 2.写全路径( https://www.baidu.com ) 3.只写路径后缀( /index/ ) method 控制数据提交的方式 get from 表单默认是 get 请求 post ==通常情况下 input 需要结合 label 一起使用== 用户名: 绑定id值，之后点击label标签内任何的位置都可以自动选中 input 框用户名: 根据type参数的不同，展示不同的功能 Copytext 普通文本 password 输入的内容，会变成密文 date 日期 radis 单选圆圈 checkbox 多选打钩 hidden 隐藏 file 传文件 button 普通按钮，没有任何意义，然而是用的最多的，可以绑定js事件 reset 重置按钮 submit 提交按钮，能够自动触发form表单提交数据的动作 select标签下拉框一个个的option标签就是一个个的选项默认为单选可以给 select 标签加一个 multipe 参数，就可以将单选变成多选 textarea标签可获取大段文本 Copyinput标签可以加disable属性，禁用该input框

day43 选择器 css

阅读更多关于 day43 选择器 css

form表单作用能够获取用户输入（输入，选择，上传的文件），并且将用户输入的内容全部发送给后端参数 action 控制数据提交的地址三种书写方式： 1.不写，默认就是朝当前这个页面所在的地址提交数据 2.写全路径（ https://www.baidu.com ) 3.只写路径后缀（/index/) method 控制数据提交的方式 get form表单默认是get请求 post type 通常情况下，input需要结合label一起使用（p也可以） <form action="" method="post"> <label for="d1">用户名：<input type="text"></label> form表单中的input就类似于是前端的变形金刚，根据type参数的不同，展示不同的功能。 input标签可以加disable属性，禁用该input框 input标签可以加value属性，设置默认值选择的标签如何默认选中：checked='checked'(当属性名和属性值相同的时候，可以只写属性名) type参数功能 text 普通文本 password 输入的内容会变成密文 date 日期 radio 单选圆圈（要写name，不然会变成多选） checkbox 多选打钩 hidden 隐藏 file 传文件 button 普通按钮，没有任何意义

测试分布式部署页面sso

阅读更多关于测试分布式部署页面sso

测试分布式部署页面sso index.jsp ---------- <%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <h1>这个是第1个页面</h1><br> <% if (session.getAttribute("ss") == null) { session.setAttribute("ss", "page1 session"); } out.print("session ss is " + session.getAttribute("ss").toString()+"<br/>

Spring Boot 集成 FreeMarker

阅读更多关于 Spring Boot 集成 FreeMarker

使用 FreeMarker 作为页面展示 FreeMarker是一种比较简单的网页展示技术，是网页模板和数据模型的结合体。这种结合模式的好处就是，分离了网页界面设计人员和编程人员的工作，让他们各司其职。一、build.gradle 中增加 FreeMarker 依赖： compile "org.springframework.boot:spring-boot-starter-freemarker" 二、src/main/resources 中创建 application.properties 文件，内容如下： spring.freemarker.cache=false spring.freemarker.charset=UTF-8 spring.freemarker.check-template-location=true spring.freemarker.content-type=text/html spring.freemarker.expose-request-attributes=true spring.freemarker.expose-session-attributes=true spring.freemarker.request-context-attribute=request 或在application.yml中增加配置： spring:

UEditor粘贴word

阅读更多关于 UEditor粘贴word

公司做的项目要用到文本上传功能。网上找了很久，大部分都有一些不成熟的问题，终于让我找到了一个成熟的项目。 1.前台页面引用代码 <%@page language="java" import="java.util.*" pageEncoding="utf-8"%><%@ page contentType="text/html;charset=utf-8"%><%@ page import="org.apache.commons.lang.StringUtils" %><% /* 更新记录： 2013-01-25 取消对SmartUpload的使用，改用commons-fileupload组件。因为测试发现SmartUpload有内存泄露的问题。 */ //String path = request.getContextPath(); //String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; String clientCookie = request.getHeader("Cookie"); %> <html> <head> <metahttp-equiv="Content-Type" content="text/html

什么是基本选择

阅读更多关于什么是基本选择

基本选择器介绍基本选择器又分为六种使用方式：如、通用选择器、标签选择器、类选择器、Id选择器、结合元素选择器、多类选择器。基本选择器使用说明表。选择器语法格式含义举例通用选择器 *{属性：值;} 通用选择器可以选择页面上的所有元素，并对它们应用样式，用 * 来表示。不建议使用，IE6不支持，给大型网站增加负担。 *{width: 300px;} 标签选择器标签名{属性：值;} 标签选择器，匹配对应的HTML的标签。 h1{color: red;} 类选择器 .class属性值{属性：值;} 类选择器，给拥有指定的class属性值的元素设置样式。 .box{color: red;} Id选择器 #id属性值{属性：值;} Id选择器，在一个 HTML 文档中，Id 选择器会使用一次，而且仅一次。Id选择器以#来定义。 #box{color: red;} 结合元素选择器标签名 .class属性值{属性：值} 选择器会根据标签名中包含指定的.class属性值的元素。 p.box {color:red;} 多类选择器 .class属性值.class属性值{属性：值;} 通过把两个类选择器链接在一起，仅可以选择同时包含这些类名的元素（类名的顺序不限）。注意：在 IE7 之前的版本中，不同平台的 Internet Explorer 都不能正确地处理多类选择器。 .box

帝国CMS编辑器粘贴Word图片

阅读更多关于帝国CMS编辑器粘贴Word图片

图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码目前限chrome浏览器使用，但是项目要求需要支持所有的浏览器，包括Windows和macOS系统。没有办法在网上搜了很多资料终于找到一个产品：WordPaster。浏览器方面能够支持ie6,ie7,ie8,ie9,ie10,chrome,firefox,edge几乎所有的浏览器。编辑器基本上也是全部都支持，并且支持vue，整合也比较简单。首先以um-editor的二进制流保存为例：打开umeditor.js，找到UM.plugins['autoupload']，然后找到autoUploadHandler方法，注释掉其中的代码。加入下面的代码： //判断剪贴板的内容是否包含文本 //首先解释一下为什么要判断文本是不是为空 //在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象 //为了兼容4种格式的情况，做了如下的判断 //如下代码：e.originalEvent.clipboardData.items获得剪贴板的内容 //当粘贴了文本之后text是不为空的，同时也会返回当前文本的图片类型 //如果有文字的话不做任何的处理

day42 html

阅读更多关于 day42 html

前端什么是前端任何与用户直接打交道的操作界面，都是可以称之为前端 eg:电脑界面手机界面平板界面什么是后端真正的幕后操作者为什么要学前端 1.技多不压身 2.全栈工程师（前后端都得会） web服务的本质请求响应浏览器输入网址回车会发生什么事情 1.朝着指定的服务器地址发送请求 2.服务端接收请求并处理 3.返回相应的响应 4.浏览器接收并渲染出好看的页面给用户看请求方式： 1.get请求朝服务器要资源 eg：输入www.baidu.com 2.post请求朝服务端提交数据 eg：登录功能 HTTP协议什么是HTTP协议超文本传输协议什么用规定了服务端与浏览器数据传输的数据格式四大特性 1.基于TCP/IP作用于应用层之上的协议 2.基于请求响应请求对应响应 3.无状态不保存客户端状态，无论来多少次都当初见 4.无连接对应的一种是长连接用websocket 做聊天室的时候会用得到数据格式请求格式：请求首行（请求方式协议版本）请求头（一大堆k:v键值对） /r/n 请求体（敏感信息密码身份证号）响应格式：响应首行（响应方式协议版本）响应头（一大堆k:v键值对） /r/n 响应体（给用户看的数据）响应状态码用数字表达一串文字的要表达的意思 1xx

关于移动端图片浏览，previewimage的使用

阅读更多关于关于移动端图片浏览，previewimage的使用

我相信在移动端项目中，大家都会遇到图片浏览的问题，像qq，微信，微博，淘宝，当你点击图片时，图片会放大全屏显示，双击图片时图片继续放大查看，双指左右滑动也可以放大，当你再次点击时图片，图片恢复原始大小，并且图片可以左右滑动切换，今天给大家讲讲我在项目中如何实现这个功能的。首先我们将要用到previewimage.js,mui.zoom,js和mui.js或者mui.min.js,还有一个previewimage.css样式。下面直接看代码，注释也很详细。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title></title> <link rel="stylesheet" type="text/css" href="css/mui.min.css"/> <link rel="stylesheet" type="text/css" href="css/mui.previewimage.css"/> </head> <body>  <div class="mui-content"> <p>这是第一张图</p>

支持粘贴图片的富文本编辑器

阅读更多关于支持粘贴图片的富文本编辑器

公司做的项目需要用到粘贴Word功能。就是将word内容一键粘贴到网页编辑器（在线富文本编辑器）中。Chrome+IE默认支持粘贴剪切板中的图片，但是我要粘贴的文章存在word里面，图片多达数十张，我总不能一张一张复制吧？我希望打开文档doc直接复制粘贴到富文本编辑器，直接发布网上找了很久，大部分都有一些不成熟的问题，皇天不负有心人终于让我找到了一个成熟的项目。 1、前端引用代码 <!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>编辑器完整版实例-1.2.6.0</title> <scripttype="text/javascript" src="ueditor.config.js" charset="utf-8"></script> <scripttype="text/javascript" src="ueditor.all.js"

订阅 charset