上帝的胳肢窝i
上帝的胳肢窝i

JAVAWEB第四天——JavaScript速成(2)【动态添加省市二级联动，表格高亮显示demo，表格隔行换色，js编码，解码】

一、后台项目隔行换色需要的技术部分

  1. 新标签的学习
<thead>
<tr>
		<th>标题th>
tr>
thead>
<tbody>
<tr>
		<td>td>
tr>
tbody>
  1. 确定事件(页面加载事件onload)
  2. 获取元素：获取表格(document.getElementById()),最终是为了获取表格中tbody里面的行数(长度)。
  3. tbody里面的行数(rows.length)
  4. JS的遍历(for循环)
  5. 获取奇数行和偶数行(对遍历中角标对2取余)
  6. 设置背景颜色(.style.backgroundColor)

二、 隔行换色的步骤

第一步：确定事件(onload)并为其绑定一个函数
第二步：书写函数(获取表格)
第三步：获取tbody里面的行数
第四步：对tbody里面的行进行遍历
第五步：获取奇数行和偶数行(角标对2取余)
第六步：分别对奇数行和偶数行设置背景颜色

三、 代码实现

<script>
window.onload = function(){
//获取表格
var tblEle = document.getElementById("tbl");
var len = tblEle.tBodies[0].rows.length;
for(var i =0;i<len;i++){
		if(i%2 == 0){			 		
		tblEle.tBodies[0].rows[i].style.backgroundColor="pink";
	}
		else{			 		
		tblEle.tBodies[0].rows[i].style.backgroundColor="yellow";
		}
	 }
}
</script>

TIPS：tBodies[0]：表示第一个tbody部分，也就是一个表，如果有两个tbody则需要写tBodies[1]……另外注意行一定要写rows，如rows.length和rows[i]。标题头部用thead包裹，表部分用tBody部分包裹。

四、 实现一个表格高亮显示技术需求

  1. 事件 onmouseover=”一个函数”
  2. 事件 onmouseout=“一个函数”

五、 表格高亮显示代码实践

<script>
function changeColor(id,flag){
if(flag =="over"){		
	document.getElementById(id).style.backgroundColor="red";
		}
else if(flag == "out"){
	document.getElementById(id).style.backgroundColor="white";
		}
	}
</script>

在每一行进行函数的书写例如：

"changeColor('tr1','over')" id="tr1" οnmοuseοut="changeColor('tr1','out')">

六、 常用事件的回顾

onfocus/onblur:聚焦离焦事件，用于表单校验的时候比较合适。
onclick/ondblclick:鼠标单击和双击事件
onkeydown/onkeypress：搜索引擎使用较多
onload：页面加载事件，所有的其它操作(匿名方式)都可以放到这个绑定的函数里面去。如果是有名称，那么在html页面中只能写一个。
onmouseover/onmouseout/onmousemove：购物网站商品详情页。
onsubmit：表单提交事件 ，有返回值，控制表单是否提交。
onchange:当用户改变内容的时候使用这个事件(二级联动)

七、 后台进行全选和全不选操作技术需求

确定事件(鼠标单击事件onclick)，事件绑定到编号前面的复选框里面
获取编号前面的复选框的状态(是否选中)
获取复选框：var checkAllEle = document.getElementById(“id”)
获取复选框的状态：checkAllEle.checked ？
获取下面所有的复选框：
document.getElementsByName(“name”);

八、 后台进行全选和全不选的步骤分析

第一步：确定事件(onclick)并为其绑定一个函数
第二步：书写函数(获取编号前面的复选框，获取其状态)
第三步：判断编号前面复选框的状态(如果为选中，获取下面所有的复选框，并将其状态置为选中)
第四步：判断编号前面复选框的状态(如果为未选中，获取下面所有的复选框，并将其状态置为未选中)

九、 代码实践

function checkALL(){
var checkallEle = document.getElementById("checkall");
	if( checkallEle.checked ==true){
var checkOnes = document.getElementsByName("checkOne");
for(var i = 0;i<checkOnes.length;i++){
checkOnes[i].checked  = true;
			}
 }else{
var checkOnes = document.getElementsByName("checkOne");
for(var i =0 ;i<checkOnes.length;i++){
		checkOnes[i].checked  = false;
		}
	}
}

在全选对勾上面进行标注：
在每个格子上面进行选择：

Tips:
1.记得var checkOnes为一个对象数组，后面将他们选中应当进行遍历。
2.getElementsByName()的返回值是一个对象。

十、 JavaScript的DOM操作

Document:整个html文件都成为一个document文档
Element:所有的标签都是Element元素
Attribute：标签里面的属性
Text：标签中间夹着的内容为text文本
Node:document、element、attribute、text统称为节点node.

十一、 Document对象

每个载入浏览器的 HTML 文档都会成为 Document 对象。

后面两个方法获取之后需要遍历！
以下两个方法很重要，但是在手册中查不到！
创建文本节点：document.createTextNode()
创建元素节点：document.createElement()

十二、 Element元素

我们所认知的html页面中所有的标签都是element元素。

element.appendChild()

向元素添加新的子节点，作为最后一个子节点。

element.firstChild()

返回元素的首个子节点。

element.getAttribute()

返回元素节点的指定属性值。

element.innerHTML()

设置或返回元素的内容。 =赋值，若无则获取

element.insertBefore()

在指定的已有的子节点之前插入新节点。

element.lastChild()

返回元素的最后一个子元素。

element.setAttribute()

把指定属性设置或更改为指定值。

element.removeChild()

从元素中移除子节点。

element.replaceChild()

替换元素中的子节点。

十三、 Attribute对象

我们所认知的html页面中所有标签里面的属性都是attribute

十四、 添加省市二级城市的一个小DEMO

<script>
window.onload = function(){
document.getElementById("btn").onclick = function(){
	//1.获取ul元素节点
	var ulEle = document.getElementById("ul1");
	//2.创建城市文本节点
	var textNode = document.createTextNode("深圳");//深圳
	//3.创建li元素节点
	var liEle = document.createElement("li");//
  • 
	//4.将城市文本节点添加到li元素节点中去
	liEle.appendChild(textNode);//
  • 深圳
    • 
	/5.将li添加到ul中去
	ulEle.appendChild(liEle);
		}
	}
</script>		
<body>
		<input type="button" value="添加城市" id="btn"/>
		<ul id="ul1">
			<li>北京</li>
			<li>上海</li>
			<li>广州</li>
			
		</ul>
	</body>

    十五、 完成省市二级联动技术分析

    事件(onchange)
    使用一个二维数组来存储省份和城市(二维数组的创建？)
    获取用户选择的省份(使用方法传参的方式：this.value)
    遍历数组(获取省份与用户选择的省份比较，如果相同了，继续遍历该省份下所有的城市)
    创建文本节点和元素节点并进行添加操作

    createTextNode()
    createElement()
    appendChild()

    十六、 完成省市二级联动的步骤

    第一步：确定事件(onchange)并为其绑定一个函数
    第二步：创建一个二维数组用于存储省份和城市
    第三步：获取用户选择的省份
    第四步：遍历二维数组中的省份
    第五步：将遍历的省份与用户选择的省份比较
    第六步：如果相同，遍历该省份下所有的城市
    第七步：创建城市文本节点
    第八步：创建option元素节点
    第九步：将城市文本节点添加到option元素节点中去
    第十步：获取第二个下拉列表，并将option元素节点添加进去
    第十一步：每次操作前清空第二个下拉列表的option内容。

    十七、 代码实践

    var Cities = new Array(3);
var Cities = new Array(3);
	Cities[0] = new Array("武汉市","黄冈市","襄阳市","荆州市");
	Cities[1] = new Array("长沙市","郴州市","株洲市","岳阳市");
	Cities[2] = new Array("石家庄市","邯郸市","廊坊市","保定市");
	Cities[3] = new Array("郑州市","洛阳市","开封市","安阳市");
	

    	
function selectCity(val){
	//获取第二个下拉列表的option内容
	var cityEle = document.getElementById("city");
	//清空列表列表内容
cityEle.options.length =0;
	for(var i =0;i<Cities.length;i++){
		if(val == i){
			for( var j = 0;j<Cities[i].length;j++){
		//创建城市的文本节点
		var textNode = document.createTextNode(Cities[i][j]);
		//创建option元素节点
		var opEle = document.createElement("option");
		//将城市的文本节点添加到option元素节点
opEle.appendChild(textNode);
				//将option元素节点添加到第二个下拉列表中去
				cityEle.appendChild(opEle);
			}
		}
	}		
籍贯&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<select onchange="selectCity(this.value)">
		<option>--请选择--</option>
		<option value="0">湖北</option>
		<option value="1">湖南</option>
		<option value="2">河北</option>
		<option value="3">河南</option>
		</select>
		<select id="city">
						
		</select>
</div>

    十八、 JavaScript内置对象

    包含JS Array、JS Boolean、JS Date、 JS Math、JS Number、JS String、JS RegExp
     Array对象
    Array对象用于在单个的变量中存储多个值。
    创建Array对象用于在单个的变量中存储多个值。
     创建对象的语法：

    new Array();

    new Array(size);

    new Array(element0,element1,…elementn);

     数组的特点：
    长度可变！数组的长度=最大角标+1
     方法如拼接等，concat()，和插入join()等
     Boolean对象

     创建Boolean对象的语法：
    new Boolean(value) //构造函数
    Boolean(value); //转换函数
    如果不写value，那么默认创建结果为false；
     Date对象

    getTime()

    返回 1970 年 1 月 1 日至今的毫秒数。
    解决浏览器缓存问题

    time = new Date().gettime（）；

     Math和number对象
    取绝对值，ValueOf()，与java中一模一样
     String对象

    match()

    找到一个或多个正则表达式的匹配。
substr()

    从起始索引号提取字符串中指定数目的字符。

    substring()

    提取字符串中两个指定的索引号之间的字符。

    案例：
<script>
	var str = "-a-b-c-d-e-f-";
	var str1 = str.substr(2,4);//-b-c
	//alert(str1);
	var str2 = str.substring(2,4);//-b
	alert(str2);
</script>

     RegExp对象
    正则表达式对象
    test
    检索字符串中指定的值。返回 true 或 false。
     全局函数
    全局属性和函数可用于所有内建的 JavaScript 对象

    关于编码和解码的一组方法：

    <script>
	var str = "张三";
	//alert(encodeURI(str));
	//%E5%BC%A0%E4%B8%89
	//alert(encodeURIComponent(str));
	//%E5%BC%A0%E4%B8%89
	编码
	//alert(decodeURI(encodeURI(str)));
	//张三
	//alert(decodeURIComponent(encodeURIComponent(str)));
	//张三
	解码
	var str1 = "http://www.itheima.cn";
	//alert(encodeURI(str1));
	//http://www.itheima.cn
	//alert(encodeURIComponent(str1));
	//http%3A%2F%2Fwww.itheima.cn
	
	//alert(decodeURI(encodeURI(str1)));
	//http://www.itheima.cn
	//alert(decodeURIComponent(encodeURIComponent(str1)));
	//http://www.itheima.cn
	
	var str2 = "alert('abc')";
	//alert(str2);
	eval(str2);
	
</script>

    你可能感兴趣的:(JAVAWEB)

    • JavaWeb——MySQL-多表设计（3/5）：（一对一关系，多对多关系，小结） qiyi.sky JavaWebmysql数据库笔记学习java
      目录一对一关系剖析一对一关系场景与特点数据库实现方式图形化工具演示与验证多对多关系解析多对多关系实例与困境中间表解决方案工具演示与理解深化多表关系核心要点回顾一对一关系剖析一对一关系场景与特点以用户与身份证为例，呈现一对一典型场景。在业务系统中，为优化数据操作效率，常拆分含多种信息的大表。如用户表含基本与身份信息，若基本信息查询频繁、身份信息查询低频，可拆为用户基本信息表（含用户ID、姓名、性别等
    • 深入浅出讲解JavaWeb后端的三层架构：Controller、Service、DAO 以及详解结合MyBatis和XML映射的DAO层设计 给我吃茄子 Java后端开发三层架构MyBatis架构java后端springmybatisxmlintellij-idea
      目录1.控制层（Controller）(1)职责及作用(2)实现（3）总结2.服务层（Service）（1）职责与作用（2）实现（3）总结3.数据访问层（DAO）（1）职责及作用（2）实现（3）总结4.各层之间的关系5.三层架构的优势6.实际项目中的应用7.总结——三层架构1.MyBatis简介2.DAO层职责回顾3.DAO层结合MyBatis和XML映射的设计（1）项目结构（2）创建实体类（3）
    • 【毕业设计之java系列】基于 WEB 的人力资源管理系统的设计与实现 小杰911 毕业设计java课程设计javaspring
      基于WEB的人力资源管理系统的设计与实现摘要这篇文章的重点是探究人力资源管理领域的挑战，并给出一些可行的建议。经过深入研究，我们发现，目前的人力资源管理系统面临着许多挑战。为此，我们建议开发一个基于WEB的系统，它可以帮助企业更好地管理员工的个人资料，同时也可以支持企业内部的管理流程。我们建议使用B/S架构或JavaWeb技术来支持这一目标，从而更好地管理企业的资源，促进企业的发展。通过采用Spr
    • JavaWeb-实体类对象嵌套实体类对象的查询 已放弃植发_ 小白的学习历程数据库javasql
      1.1实体类代码Cart类（购物车类）publicclassCart{//自增的购物车记录idprivateintcid;//用户idprivateintuid;//产品idprivateintpid;//产品数量privateintcnum;//产品总价privateBigDecimalccount;//999.9999999(long)单位分//产品privateProductproduct;
    • 探索云端阅读新纪元：云借阅图书管理系统 翁莹灵Ernest
      探索云端阅读新纪元：云借阅图书管理系统【下载地址】云借阅图书管理系统-JavaWeb结课作业本项目是一个基于JavaWeb的结课作业，名为“云借阅图书管理系统”。该系统旨在提供一个在线的图书借阅平台，方便用户进行图书的借阅、归还、查询等操作。通过该系统，用户可以轻松管理自己的借阅记录，图书馆管理员也可以方便地管理图书库存和借阅情况项目地址:https://gitcode.com/open-sour
    • Web 应用服务器：Tomcat环境变量配置、Intellij idea配置Tomcat及运行JavaWeb项目测试 啊Q老师 Java开发技术从零到壹#JavaWeb篇tomcat服务器intellij-idea
      TomcatTomcat环境变量配置Intellijidea配置TomcatTomcat运行JavaWeb项目测试上篇文章中，我们简单地学习了Tomcat服务器简介、下载、安装及控制台中文乱码化脓性解决的内容，现在我们继续学习Tomcat的配置及测试。Tomcat环境变量配置首先，点击我的电脑—>属性—>高级系统设置—>环境变量(N)…，在系统变量中新建两个系统变量。变量名：CATALINA_BA
    • 【Java】SpringBoot 全局异常捕获不到Filter中的异常的解决办法 PlanOne_A Javajavaspringbootspring
      情景：当我想用一个过滤器（filter）来对所有请求进行jwt校验，当校验不通过时我想抛出异常，然后再通过@ExceptionHandler来全局捕获该异常，发现SpringBoot全局异常捕获不了filter中抛出的异常原因：因为filter是JavaWeb提供的技术，是在所有请求之前，spring是捕获不到filter抛出的异常的；解决：要想SpringBoot全局异常捕获到该filter抛出
    • Java Web学习笔记 淘气的然酱 计算机学习笔记java学习后端
      JavaWeb后端基础第1章Maven项目1.1Maven简介Maven基于项目对象模型，通过一小段描述信息来管理项目的构建、报告和文档。Maven提供了一套标准化的项目结构、构建流程和一套依赖管理机制。Maven模型：pom.xml→项目对象模型↔依赖管理模型→仓库Maven仓库包含本地仓库、中央仓库、远程仓库（私服）。Maven项目获取jar包时，首先在本地仓库寻找是否有对应jar包，若没有则
    • Javaweb--SpringBoot 顾以沫 Javawebspringbootjava数据库
      1.SpringBoot入门简化Spring开发的一个框架，SpringBoot旨在帮助开发者快速搭建Spring框架。整个Spring的一个合集，可以简化配置2.微服务（1）微服务就是一种架构风格（2）微服务就是把一个项目拆分成独立的多个服务，并且多个服务是可以独立运行的，而每个服务都会占用线程。（3）通过HTTPS的方式进行互通每一个功能元素都是一个可以独立替换和独立升级的软件单元微服务(ma
    • nutzboot框架入门 优人qaq spring
      引言NutzBoot是基于Nutz框架开发的一款轻量级、高效的JavaWeb开发脚手架，它旨在简化JavaWeb应用的开发与部署流程，为开发者提供便捷、高效的开发体验。核心特性自动配置：NutzBoot具备类似于SpringBoot的自动配置功能。它能够依据项目的依赖和配置，自动完成各类组件的初始化与配置。例如，若项目中添加了数据库相关依赖，NutzBoot会自动配置数据源和数据库连接池，极大减少
    • Servlet 和 Spring MVC：区别与联系 qq_44199605 servletspringmvc
      前言在JavaWeb开发中，Servlet和SpringMVC是两个重要的技术。Servlet是JavaWeb的基础组件，而SpringMVC是一个高级Web框架，建立在Servlet的基础之上，提供了强大的功能和易用性。这篇文章将从定义、原理、功能对比、应用场景等多个方面，详细介绍Servlet和SpringMVC，并解析它们的区别与联系。一、什么是Servlet1.定义Servlet是Java
    • 税务门户网站系统：数据分析与税务政策传播 liuxin33445566 安全java开发语言数据库前端
      2.1SSM框架介绍本课题程序开发使用到的框架技术，英文名称缩写是SSM，在JavaWeb开发中使用的流行框架有SSH、SSM、SpringMVC等，作为一个课题程序采用SSH框架也可以，SSM框架也可以，SpringMVC也可以。SSH框架是属于重量级别的框架，配置繁琐，不够灵活，修改程序需要修改好多个文件，并且运行起来也占用内存较高，CPU使用率相对也高，SpringMVC是Spring开发的
    • 后端开发基础——JavaWeb（根基，了解原理）浓缩 Wanna715 后端开发基础javatomcatservlet后端
      总述学习Tomcat、JSON、Servlet、Filter、Session、Cookie、Ajax异步请求、RESTful接口规范、JSP(很老的技术，了解)Servlet系统架构C/S架构(Client/Server（客户端/服务器）)B/S架构（Browser/Server，浏览器/服务器）javaJavaSE:Java标准版JavaEE:企业版（WEB方向，WEB系统）13种规范，其中Se
    • JavaWeb，会话管理的学习 曦月落雨 javaWebjavaweb
      会话管理概述无状态协议无状态就是不保存状态，HTTP就是无状态协议，HTTP协议自身不会对请求和响应之间的通信状态进行保存，也就是说，在HTTP协议这个级别，协议对于发送过的请求或者响应都不做持久化处理。会话管理实现的手段cookie是在客户端保留少量数据的技术，主要通过响应头向客户端响应一些客户端要保留的信息session是在服务器端保留更多的数据的技术，主要通过HttpSession对象保存一
    • 【Springboot】——响应与分层解耦架构 Y小夜 架构springboot后端javaspring
      博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，设计模式、Python机器学习、Springboot等主页链接：Y小夜-CSDN博客目录响应响应数据✨@ResponseBody✨G
    • 走进JavaWeb技术世界11：单元测试框架Junit 程序员黄小斜 走进JavaWeb技术世界Java
      本系列文章将整理到我在GitHub上的《Java面试指南》仓库，更多精彩内容请到我的仓库里查看https://github.com/h2pl/Java-Tutorial喜欢的话麻烦点下Star哈文章首发于我的个人博客：www.how2playlife.com本文是微信公众号【Java技术江湖】的《走进JavaWeb技术世界》其中一篇，本文部分内容来源于网络，为了把本文主题讲得清晰透彻，也整合了很多
    • 2025毕设springboot MVC框架下的精品课程管理平台论文+源码 zhihao501 课程设计springbootmvc
      本系统（程序+源码）带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景在教育信息化的大背景下，精品课程管理平台的构建成为提升教学质量和效率的重要手段。当前，许多高校和教育机构仍然采用传统的课程管理方式，不仅效率低下，还难以满足学生日益增长的个性化学习需求。SpringBootMVC框架作为一种轻量级、高效的JavaWeb开发框架，以其简洁的设计理
    • JavaWeb 开发入门：从基础到应用 大梦百万秋 知识学爆java
      JavaWeb是基于Java技术构建的Web应用开发体系。得益于Java的跨平台性和强大的生态系统，JavaWeb长期以来一直是企业级开发的首选方案之一。本篇博客将从JavaWeb的基本概念、核心技术到实际项目开发，带你全面了解如何利用JavaWeb构建一个动态网站。什么是JavaWeb？JavaWeb是使用Java技术开发Web应用程序的总称，通常包括动态网页、交互式功能和后端逻辑。它支持开发以
    • Java Web 登录系统示例：过滤器技术与 JDBC 数据库连接 Bro_cat JavaWeb开发javatomcatmavenjava-eeservlet过滤器Filter
      在这篇博客中，我们将探讨一个简单的JavaWeb登录系统示例，重点介绍其中使用的过滤器技术以及JDBC数据库连接技术。这个示例包括后端代码和简单的前端代码，帮助你理解这些技术的实现和原理。项目结构过滤器技术什么是过滤器？过滤器（Filter）是JavaWeb开发中的一个强大工具，它可以在请求到达Servlet之前或响应返回客户端之前对请求和响应进行拦截和处理。过滤器可以用来执行诸如字符编码设置、跨
    • 十几套JavaWeb项目，快拿去当毕业设计，简直不要太爽了 VX_BYDZ1988 djangoflaskeclipsespringbootspringcloudservlet
      1、基于web的图书管理系统设计与实现图书管理系统就是利用计算机，结合互联网对图书进行结构化、自动化管理的一种软件，来提高对图书的管理效率。本系统采用Java+Servlet+Jsp的方式实现基于web的图书管理系统。开发工具及相关技术Java技术HTML、css、javascript技术Servlet技术Eclipse开发工具MySql数据库功能概述用户端：图书查询：根据图书编号、图书名称查询图
    • JavaWeb原生框架开发JSP+Servlet+JDBC案例 秦老师Q JavaWeb基础javaservlet开发语言
      目录概要功能技术名词解释技术细节1.项目列表2.网页3.Servlet小结概要JavaWeb开发案例，使用JSP、Servlet、JDBC原生框架技术，实现用户模块的功能开发，主要用于学习。功能1.注册2.登录3.用户模块3.1查询用户信息3.2删除用户信息3.3修改用户信息技术名词解释JSP：全称JavaServerPages,是由Sun公司主导创建的一种动态网页技术标准，JSP中可以编写Jav
    • EL表达式与JSTL标签库详解 秦老师Q JavaWeb基础java
      前言本章主要学习EL表达式与JSTL标签库，用于简化JSP数据操作。收录JavaWeb基础系列，该系列主要学习JavaWeb开发原生框架、Servlet、JSP、request请求对象、response响应对象、Session会话对象、Filter过滤器、EL表达式、JSTL标签库、三层开发模型等知识点，欢迎童鞋们互相交流。觉得不错可以三连订阅喔。目标一、EL表达式1.概念2.语法3.示例4.EL
    • JavaWeb合集17-拦截器（Interceptor）和过滤器（Filter） 永恒之月℡ JavaWeb合集1024程序员节javajavaweb过滤器拦截器
      十七、拦截器和过滤器在JavaWeb开发中，拦截器（Interceptor）和过滤器（Filter）都是用于在请求处理前后执行某些操作的机制。虽然它们的功能相似，但在实现方式、使用场景和灵活性方面有一些重要的区别。1、拦截器和过滤器的区别及选择1.1拦截器定义：拦截器是Spring框架提供的一个机制，用于在请求处理前后执行某些操作。它基于AOP（面向切面编程）的思想。作用：通常用于处理与业务逻辑相
    • JavaWeb开发 - Filter过滤器详解 秦老师Q JavaWeb基础javawebjava-ee
      前言本章节主要学习JavaWeb开发中的Filter过滤器技术，收录于JavaWeb基础专栏，该专栏主要学习JavaWeb开发原生框架、Servlet、JSP、请求对象、响应对象、Session会话对象、Filter过滤器、三层开发模型等知识点，欢迎童鞋们互相交流。觉得不错可以三连订阅喔。目标1.概念2.Filter介绍3.入门案例4.验证登录案例4.1登录代码4.2过滤器验证内容1.概念Filt
    • JavaWeb 前端基础 html + CSS 快速入门 | 018 菜鸟阿康学习编程 前端前端htmlcss
      今日推荐语指望别人的救赎，势必走向毁灭——波伏娃日期学习内容打卡编号2025年01月17日JavaWeb前端基础html+CSS018前言哈喽，我是菜鸟阿康。今天正式进入JavaWeb的学习，简单学习html+CSS这2各前端基础部分，以下是我的重点总结，希望对你有所帮助。（建议先看左侧目录，先了解文章结构）（请忽略错误的大纲编号，我直接从笔记中粘贴过来的，就没严格纠正了，重点在内容！）文末和主页
    • 【Rust】——不安全Rust Y小夜 Rust（官方文档重点总结）rust开发语言后端
      博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录不安全的超能力解引用裸指针调用不安全函数或方法创建不安全代码的安全抽象使用e
    • 艾编程coding老师课堂笔记：SpringBoot源码深度解析 艾编程前端技术 spring编程语言
      思想：有道无术，术尚可求，有术无道，止于术！Spring开源框架，解决企业级开发的复杂性的问题，简化开发AOP，IOCSpring配置越来多，配置不方便管理！Javaweb---Servlet+tomcat+Struct2SpringMVCSPRINGboot.....所有的技术框架：从一个复杂的场景慢慢的衍生出来一种规范！简单的配置！==SpringBoot：自动配置！==Springboot怎
    • GDPU JavaWeb 大结局篇 孑么 #JavaWebjavaservlet开发语言ajaxsqlmvc
      目录实验复习代码模板课后巩固习题课件精简版GDPUJavaWeb程序设计复习，习题集，重点知识总结，一篇就够了。实验复习JavaWeb代码复习，在专栏也可查阅。留意一下登陆界面的操作及mvc的那些重复的代码。大小写要注意。一般来说很多方法都是两个单词拼的，后一个单词的首字母要大写，如doGet、getParameter等。代码模板这里的注释用//jsp部分1.表单、常用的登陆界面//不写metho
    • 基于SSM框架的旅游网站设计与实现 IT实战课堂—x小凡同学 Java毕业设计项目旅游
      摘要：本文主要介绍了基于SSM（Spring、SpringMVC、MyBatis）框架的旅游网站设计与实现过程。首先，对SSM框架进行了概述，并详细分析了其在旅游网站开发中的优势。接着，从需求分析、系统设计、数据库设计、前台与后台模块实现等方面进行了全面阐述。最后，对系统的测试与部署进行了说明，并对未来的发展方向进行了展望。关键词：SSM框架；旅游网站；前后台设计；JavaWeb开发一、引言随着信
    • 【JavaWeb阶段学习】三步学会JDBC知识点 ss273 java学习mysqljava
      (❁´◡`❁)您的点赞➕评论➕收藏⭐是作者创作的最大动力支持我：点赞+收藏⭐️+留言目录1、JDBC基础JDBC数据库连接JDBC实现增删改查JDBC代码规范化2、结果集2.1、结果集光标与元数据3、预处理4、sql查询继续巩固练习1.查出至少有一个员工的部门，显示部门编号/部门名称/部门位置/部门人数2.列出所有员工的姓名及其直接上级的姓名3.列于受雇日期早于直接上级的所有员工的编号/姓名/部门
    • 解线性方程组 qiuwanchi
      package gaodai.matrix; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class Test { public static void main(String[] args) { Scanner scanner = new Sc
    • 在mysql内部存储代码 annan211 性能mysql存储过程触发器
      在mysql内部存储代码 在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。 先看优点： 1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。 2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。 3 可以简化代码的维护和版本更新。 4 可以帮助提升安全，比如提供更细
    • Android使用Asynchronous Http Client完成登录保存cookie的问题 hotsunshine android
      Asynchronous Http Client是android中非常好的异步请求工具 除了异步之外还有很多封装比如json的处理，cookie的处理 引用 Persistent Cookie Storage with PersistentCookieStore This library also includes a PersistentCookieStore whi
    • java面试题 Array_06 java面试
      java面试题 第一，谈谈final, finally, finalize的区别。 final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
    • 网站加速 oloz 网站加速
      前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 2、采用Gzip对网页进行压缩；    GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
    • 正确书写单例模式 随意而生 java 设计模式 单例
      　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。 　　懒汉式，线程不安全 　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
    • 单例模式 香水浓 java
      懒汉  调用getInstance方法时实例化 public class Singleton { private static Singleton instance; private Singleton() {} public static synchronized Singleton getInstance() { if(null == ins
    • 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" AdyZhang apachehttp server
      安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。 解决方法确保几处： 1、停止IIS启动 2、把端口80改成其它 （譬如90，800，，，什么数字都好） 3、防火墙(关掉试试) 在运行处输入 cmd 回车，转到apa
    • 如何在android 文件选择器中选择多个图片或者视频？ aijuans android
      我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传 但是android原生态的sdk中，只能一个一个的进行选择和上传。 我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个 处理方法 官方的图片选择器(但是不支持所有版本的androi，只支持API Level
    • mysql中查询生日提醒的日期相关的sql baalwolf mysql
      SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(),  dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
    • MongoDB索引文件破坏后导致查询错误的问题 BigBird2012 mongodb
      问题描述： MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。 解决方案：   使用脚本，重建MongoDB所有表的索引。 var names = db.getCollectionNames(); for( var i in names ){ var name = names[i]; print(name);
    • Javascript Promise bijian1013 JavaScriptPromise
              Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。 一.认识Promises         “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
    • [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程 bit1129 zookeeper
         Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是     public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
    • 【Java命令三】jstack bit1129 jstack
      jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump   [hadoop@hadoop sbin]$ jstack Usage: jstack [-l] <pid> (to connect to running process) jstack -F
    • jboss 5.1启停脚本　动静分离部署 ronin47
      以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename  -b ip -g  clustername   -u broatcast jboss.messaging.ServerPeerID=int  -Djboss.service.binding.set=p
    • UI之如何打磨设计能力? brotherlamp UIui教程ui自学ui资料ui视频
        在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 1.找到自己的方式 如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
    • 三色旗算法 bylijinnan java算法
      import java.util.Arrays; /** 问题： 假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序， 您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳 子上进行这个动作，而且一次只能调换两个旗子。 网上的解法大多类似： 在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
    • 警告:No configuration found for the specified action: \'s chiangfai configuration
      1.index.jsp页面form标签未指定namespace属性。 <!--index.jsp代码--> <%@taglib prefix="s" uri="/struts-tags"%> ... <s:form action="submit" method="post"&g
    • redis -- hash_max_zipmap_entries设置过大有问题 chenchao051 redishash
      使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑   #define ZIPMAP_BIGLEN 254 #define ZIPMAP_END 255     /* Return th
    • select into outfile access deny问题 daizj mysqltxt导出数据到文件
      本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。 授权的语句如下： grant select on armory.* to rn
    • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
      <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('This example should only be run from a Web Brows
    • 美国电影超短200句 dcj3sjt126com 电影
      1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up!
    • Java访问远程服务 dyy_gusi httpclientwebservicegetpost
          随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
    • Maven的settings.xml配置 geeksun settings.xml
      settings.xml是Maven的配置文件，下面解释一下其中的配置含义： settings.xml存在于两个地方： 1.安装的地方：$M2_HOME/conf/settings.xml 2.用户的目录：${user.home}/.m2/settings.xml 前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
    • ubuntu的init与系统服务设置 hongtoushizi ubuntu
      转载自：  http://iysm.net/?p=178 init Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。 运行
    • 跟我学Nginx+Lua开发目录贴 jinnianshilongnian nginxlua
      使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。    目录 第一章 安装Nginx+Lua开发环境 第二章 Nginx+Lua开发入门 第三章 Redis/SSDB+Twemproxy安装与使用 第四章 L
    • php位运算符注意事项 home198979 位运算PHP&
      $a = $b = $c = 0; $a & $b = 1; $b | $c = 1  问a,b,c最终为多少?   当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0 但是位运算符是不会改变变量的值的，例如： $a=1;$b=2; $a&$b;  这样a,b的值不会有任何改变
    • Linux shell数组建立和使用技巧 pda158 linux
      1.数组定义 　　[chengmo@centos5 ~]$ a=(1 2 3 4 5) 　　[chengmo@centos5 ~]$ echo $a 　　1 　　一对括号表示是数组，数组元素用“空格”符号分割开。 　　 2.数组读取与赋值 　　得到长度： 　　[chengmo@centos5 ~]$ echo ${#a[@]} 　　5 　　用${#数组名[@或
    • hotspot源码(JDK7) ol_beta javaHotSpotjvm
      源码结构图，方便理解：   ├─agent                            Serviceab
    • Oracle基本事务和ForAll执行批量DML练习 vipbooks oraclesql
      基本事务的使用： 从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 select * from account; -- 创建一张账户表 create table account( -- 账户ID id number(3) not null, -- 账户名称 nam
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他