上帝的胳肢窝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)

    • Tomcat从入门到精通：全方位深度解析与实战教程 墨瑾轩 一起学学Java【一】运维tomcatjava
      一、Tomcat入门1.Tomcat简介ApacheTomcat，简称Tomcat，是一个开源的轻量级应用服务器，专为运行JavaServlet和JavaServerPages(JSP)技术设计。它是JavaWeb开发中最常用的Servlet容器之一，遵循JavaServlet和JavaServerPages规范，为开发者提供了一个稳定的、易于使用的部署环境。2.安装与启动安装下载最新版Tomca
    • 网络编程、URI和URL的区别、TCP/IP协议、IP和端口、URLConnection 述雾学java Java核心基础tcp/ipjavajava基础网络编程
      DAY12.1Java核心基础网络编程在互联网时代，网络在生活中处处可见，javaWeb占据了很大一部分那如何实现javaWeb编程呢？Web编程就是运行在同一个网络下面的终端，使得它们之间可以进行数据传输计算机网络基本知识计算机网络是通过硬件设施，传输媒介把不同物理地址上的计算机网络进行连接，形成一个资源共享和数据传输的网络系统两台终端进行连接需要遵守规定的网络协议语法：数据信息的结构语义：描述
    • 【 ＜二＞ 丹方改良：Spring 时代的 JavaWeb】之 Spring Boot 中的 RESTful API 设计：从上手到骨折 Foyo Designer springspringbootrestfulSpringMVCAsyncCrossOrigin
      点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、开篇整活儿咱今儿个唠唠Spr
    • Java Web开发技术解析：从基础到实践的全栈指南 以恒1 java前端开发语言
      JavaWeb开发技术解析：从基础到实践的全栈指南在互联网技术演进中，JavaWeb凭借其跨平台特性、成熟的生态系统和强大的企业级服务能力，成为构建动态Web应用的核心技术栈。本文从技术组成、开发工具、实战应用三个维度，全面解析JavaWeb的完整技术体系，并结合最新行业实践探讨其演进方向。一、JavaWeb的核心技术组成JavaWeb开发以Servlet和JSP为基石，通过分层架构实现动态网页生
    • 【 ＜二＞ 丹方改良：Spring 时代的 JavaWeb】之 Spring MVC 的核心组件：DispatcherServlet 的工作原理 Foyo Designer springmvcjavaservletHandlerMappingViewResolver
      点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、DispatcherServ
    • Java WebSocket与项目页面（通常是HTML + JavaScript）之间建立连接并传输数据 hh_fine javawebsockethtml
      JavaWebSocket与项目页面（通常是HTML+JavaScript）之间建立连接并传输数据1.创建JavaWebSocket服务器：使用JavaWebSocketAPI创建一个WebSocket服务器端点。2.在HTML页面中使用JavaScript连接WebSocket：通过JavaScript的WebSocketAPI与JavaWebSocket服务器建立连接。3.双向数据传输：实现服
    • 【 ＜二＞ 丹方改良：Spring 时代的 JavaWeb】之 Spring Boot 的起步依赖：快速构建 JavaWeb 项目 Foyo Designer springspringbootjavaSpringDataJPAJUnit
      点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、起步依赖：SpringBoo
    • Java Web开发核心内容全解析（上） 风铃儿~ javaservletmybatis
      一、JavaWeb概述JavaWeb是指使用Java技术来解决相关web互联网领域的技术总和。在当今数字化时代，JavaWeb在构建企业级应用、电子商务平台、社交网络等方面发挥着至关重要的作用。（一）JavaWeb的体系结构JavaWeb应用的体系结构主要分为客户端层、表示层、业务逻辑层和数据访问层。1.客户端层-这是用户与Web应用交互的最前端。主要包括用户浏览器，它可以接收并显示从服务器端发送
    • Tomcat 新手入门指南：从零开始掌握安装与配置 超级小狗 tomcatjava
      Tomcat新手入门指南：从零开始掌握安装与配置一、Tomcat是什么？ApacheTomcat是一个开源的轻量级Web应用服务器，专为运行JavaServlet和JSP设计。它是初学JavaWeb开发的必备工具，也是企业级应用的常见选择。核心功能：处理HTTP请求、管理Servlet生命周期、支持动态网页渲染。适用场景：开发测试环境、中小型Web应用部署、微服务架构中的容器化组件。二、快速安装T
    • SpringMVC简化了什么？从传统Web开发到现代高效架构的蜕变 以恒1 前端架构hive
      SpringMVC简化了什么？从传统Web开发到现代高效架构的蜕变在JavaWeb开发领域，SpringMVC作为Spring框架的核心模块，通过组件化设计和注解驱动，彻底改变了传统Servlet开发的繁琐流程。本文将从开发流程、代码复杂度、技术整合等维度，系统解析SpringMVC的简化逻辑，并结合实际案例说明其价值。一、请求处理流程的简化：从分散到集中传统Servlet开发需要为每个请求编写独
    • 【 ＜二＞ 丹方改良：Spring 时代的 JavaWeb】之 Spring Boot 的自动配置：约定优于配置的设计美学 Foyo Designer springspringbootjavaHikariCPLogback
      点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、SpringBoot的自动配
    • JavaWeb学习——登录校验 灰太狼想上班 JavaWeb基础学习springtomcatservlet后端
      JavaWeb学习——登录校验一、功能实现只需要接受请求参数username和password，然后调用接口在数据库表中查询键值匹配的数据项即可二、登录校验登录校验通常分为两步，一是登录标记，二是统一拦截1、会话跟踪会话：用户打开浏览器，访问web服务器的资源，会话建立，知道有一方断开连接，会话结束。在一次会话中可以包含多次请求和响应会话跟踪：一种维护浏览器的方法，服务器要识别多次请求是否来自于同
    • javaweb中@Component和@Mapper和@Service和@RestController这几个注解要加在哪?为什么? 瑞金彭于晏 mavenjavaspringbootspring
      在JavaWeb开发中特别是在使用Spring框架（包括SpringBoot）时，@Component、@Mapper、@Service、@RestController这些注解扮演着非常重要的角色，它们用于定义组件的类型，并帮助Spring框架进行自动装配和依赖注入。下面分别解释这些注解应该加在哪里以及为什么：1.@Component加在哪里：@Component可以加在任何类上，表示这个类是一个
    • 计算机毕设论文灵魂模块：系统架构图设计终极指南（附资料） 计算机毕业设计小帅 课程设计毕业设计java系统架构
      【关注我，毕业设计不迷茫】|6年辅导经验|帮助1200+学子顺利毕业大家好，我是程序员小帅，一名专注于计算机毕业设计全流程辅导的技术博主。专注JavaWeb,我深耕毕设领域6年，累计输出1200+原创项目案例，辅导成功率接近100%。如果你正在为选题、代码、论文或答辩发愁，这里能给你最落地的解决方案！为什么架构图是毕设的灵魂？1️⃣展示系统思维：用一张图说清技术选型逻辑2️⃣设计说明书：开发前必须
    • JavawebJavaServer Pages Standard Tag Library知识点 一朵忧伤的蔷薇 pythonjava开发语言
      JavaWeb开发中，JSTL（JavaServerPagesStandardTagLibrary）、EL（ExpressionLanguage）、Cookie和Session是非常重要的组件。以下是这些知识点的总结：1.JSTL标签库JSTL是JavaServerPages的一种标准标签库，旨在简化JSP页面的开发。它通过提供预定义的标签，来实现常见任务，如条件判断、循环处理、国际化等。使用标签
    • Java与Javaweb知识点总结 一朵忧伤的蔷薇 java开发语言
      Java基础知识基本语法：数据类型：基本数据类型（int,char,boolean,etc.）和引用数据类型（String,Arrays,etc.）。控制结构：条件语句（if,switch）、循环语句（for,while,do-while）。面向对象编程：类与对象：类的定义与实例化。继承与多态：使用extends和interface实现继承、多态的应用。封装：访问控制修饰符（public,priv
    • 用SpringBoot做一个web小案例环境搭建 只恨天高 Java代码笔记springbootjava后端
      前面我讲了四部分内容：springboot入门，springboot的配置相关知识点，springboot的视图模板引擎，springboot整合持久层框架有了这些知识点，我们就可以来完成一个相对功能完整的增删改查的小案例了，这个案例我们把以前讲JavaWeb入门课程中的哪个例子重新写一遍，基本功能：登录，用户列表显示，用户信息的增删改查，用户的模糊查询等，选用的技术由springboot2.0.
    • 小白十分钟速通 Spring Boot 基础 Gao_雪 Springspringboot后端javaspringvscode
      SpringBoot介绍随着Spring体系的不断庞大，加上现代互联网应用体积庞大，构建一个应用还是非常困难的，Spring团队重新打造了一个新的面向微服务的框架SpringBoot。严格来说SpringBoot不能是一个框架，它更是一个方案，Spring工程的快速上手方案，它极大的降低了JavaWeb工程的创建和运行和部署的难度。在过去这些都是Java工程师的老大难，所以说SpringBoot的
    • 探索JavaWeb之旅：Tomcat 9.0.62一站式解决方案 富展尤
      探索JavaWeb之旅：Tomcat9.0.62一站式解决方案【下载地址】Tomcat9.0.62资源文件下载本仓库提供了一个用于运行JavaWeb项目的资源文件下载，具体为`tocmcat-9.0.62`版本的Tomcat9原始最新版的压缩包。该资源文件是Tomcat9.0.62的完整压缩包，适用于需要使用Tomcat9来部署和运行JavaWeb项目的开发者项目地址:https://gitcod
    • SpringBoot设置过滤器（Filter）或拦截器（Interceptor）的执行顺序：@Order注解、setOrder()方法 pan_junbiao SpringSpringBoot我の原创springbootjava后端
      JavaWeb过滤器、拦截器、监听器，系列文章：（1）过滤器（Filter）的使用：《Servlet过滤器（Filter）的使用：Filter接口、@WebFilter注释》《SpringMVC使用过滤器（Filter）解决中文乱码》《SpringBoot过滤器（Filter）的使用：Filter接口、FilterRegistrationBean类配置、@WebFilter注释》《SpringBo
    • 深入理解Tomcat：Java Web服务器的安装与配置 杨凯凡 JavaWebjavatomcat
      大家好！今天我们来聊聊JavaWeb开发中最重要的工具之一——ApacheTomcat。Tomcat是一个开源的JavaServlet容器和Web服务器，它是运行JavaWeb应用程序的核心环境。无论是开发、测试还是部署JavaWeb应用，Tomcat都是不可或缺的工具。本文将详细介绍Tomcat的安装、配置以及常见问题的解决方法，帮助你快速上手并深入理解Tomcat的工作原理。准备好了吗？让我们
    • Spring Boot Tomcat 漏洞修复 高建伟-joe 后端springboottomcat后端java网络安全
      SpringBootTomcat漏洞修复ApacheTomcat远程代码执行漏洞(CVE-2025-24813)Tomcat是一个开源的、轻量级的Web应用服务器和Servlet容器。它由Apache软件基金会下的Jakarta项目开发，是目前最流行的JavaWeb服务器之一。该漏洞利用条件较为复杂，需同时满足以下四个条件：应用程序启用了DefaultServlet写入功能，该功能默认关闭。应用支
    • 【 ＜一＞ 炼丹初探：JavaWeb 的起源与基础】之 JavaWeb 中的文件上传与下载：实现文件管理功能 Foyo Designer hivehadoop数据仓库javawebServlet文件管理
      点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、文件上传：从“拖拽”到“入库
    • javaweb中Tomcat，Servlet跳转505错误刷新后404错误原因与解决方案。 清新脱俗的单身狗呀 servlettomcatjava
      Tomcat在较新版本中使用的Servlet-api已经从原先的javax.servlet-api变为了jakarta.servlet-api如果继续使用javax.servlet-api就会发生对象创建失败。只需要将Maven中的Servlet依赖改为com.guicedee.servicesjakarta.servlet-api1.2.2.1-jre17然后将引入的包也改成相应的名字即可。
    • JavaWeb+Tomcat+Servlet使用＜c:foreach＞标签时，jsp等网页文件获取不到request域中的数据 老东头 tomcatjava
      自己也是刚学习就遇到了这个问题，上网找了两天，弄清楚了就分享出来我的各个文件都没有报错，而且jdk和jstl的版本，web.xml的版本都没什么问题，而且也能获取数据库中的数据，但是使用时就不能输出数据，而是把代码内容显示出来，比如：我本来是要通过foreach循环遍历表格，输出品牌表的信息，像这样：在页面加上下面这句的前提下，还要加一句这句话的大致意思就是不把${}中的内容当做字符串，如果是tr
    • Struts2.0 完整开发包：核心组件与实践应用 一人一猫浪迹天涯
      本文还有配套的精品资源，点击获取简介：Struts2.0作为基于MVC模式的JavaWeb应用框架，通过一套完整的库文件支持应用程序的搭建和运行。本文详细介绍了Struts2.0的核心组件，包括Action、Result、Interceptor、ValueStack和OGNL等，并解释了这些组件如何与lib包协同工作。此外，还探讨了lib包的具体构成，如struts2-core.jar、xwork
    • Struts 2.0核心架构详解与实战应用 赵阿萌
      本文还有配套的精品资源，点击获取简介：Struts2.0是一个广泛使用的JavaWeb框架，基于MVC设计模式，简化了Web应用开发流程。它包含多个关键组件，如Action类、配置文件、拦截器、OGNL表达式语言等，支持国际化、异常处理和Ajax集成。开发者可以通过继承ActionSupport类实现业务逻辑，并利用配置文件定义Action映射和拦截器链。Struts2.0还支持注解配置，提高了开
    • Java过滤器 淋风沐雨 javajava开发语言
      BWH_Steven的碎碎念javaweb体系只剩ajax和json加maven的讲解了，这段时间我会开始推送算法与数据结构结构的文章，从他们的入门知识到一些很实用的算法了解，亦或我们在java学习中留下的坑，我整理了两张A4纸，日后也打算推送一些大家需要的工具或者资源，暂时学校的事情还是比较多，每晚我都写到很晚，不过我尽最大可能给大家更新，如果你有什么想了解的也可以私信，或者发送邮件和我交流，至
    • Apollo部署及整合SpringBoot实战 It_BeeCoder SpringBoot
      前言：最近在完成毕业设计，题目是《基于微服务的B2C网上商城系统的设计与实现》，整个项目最早是我在看黑马的培训视频时学习JavaWeb做的一个项目，第一次做完大约在去年过年的时候，这个项目前前后后自己改了差不多5、6次了，使用技术不断更新（还有一些小细节的修改比如最早购物车用Session后来用Redis存储），从最早的Servlet+Filter到SSM+Redis到SpringBoot+Thy
    • 服务器ws证书,C＃使用带有ssl和服务器证书的ws-security webservice无法为具有权限的SSL / TLS Build 安全通道... 王振升 服务器ws证书
      我必须使用带有SSL证书和服务器证书的javawebservice.我获得了TLS证书和WSS证书我的app.config：binding="customBinding"bindingConfiguration="customB"behaviorConfiguration="myBehavior"contract="ServiceReference1.MyClient"name="Name">me
    • 解线性方程组 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其他