diaomanxia8372
diaomanxia8372

网页前后端交互示例

 

对于网页开发而言，网页与服务器之间的数据交互是很频繁的，至关重要的一件事情。但是对于很多的初学者来说，这就成了一个不可逾越的难点问题，本篇博客将从一个初学者的关点讲解其中一种交互方式，此方法经过本人验证有效，并附有代码。

首先要实现网页前后台程序的交互需要安装后台框架，本人安装的框架为wamp（windows+apache+mysql+php）。安装程序可以通过我在百度网盘上的分享链接下载http://pan.baidu.com/s/1cIKb8a 提取码是cnfh。至于安装过程中的配置可以参考http://wenku.baidu.com/link?url=eB_xVPpECufRgw2rrXptR_H8m8uT_PLa1818sX7oPXmbjDW36W-fYKtTHREv5NcANVjZfbcdtp2NWqqBt4dMVFtgL7sbMJOwoG-UydmT90_这里 不再缀续。

框架安装好之后就可以进行简单的网页开发了。

首先是一个简单的用于测试的网页代码。

<html>
    <head>
    <script src="test.js">script> //使用的test.js与此html代码位于同一文件路径下，如果路径不同需要使用相对路径或绝对路径
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    head>
    <body>
        <div>
            <button type="button" id="s" onclick = "test()">testbutton>//创建一个按钮用于向服务器上传数据
　　　　　
<span id="processing">span>//用于接收服务器反馈回来的数据 body> html>

 接下来是text.js文件

function test()//发送客户端请求 
{
    xmlHttp=GetXmlHttpObject();//获取xmlhttp对象
    if (xmlHttp==null)
      {
          alert ("Browser does not support HTTP Request")
          return
      } 
    var url="test.php"//服务器后台处理程序，此时需要和test.html文件放到同一文件夹下，如果不在同一文件夹下，需要加相对路径或者绝对路径。
    url=url+"?q="+1;//网页发送给后台的数据。可以是数字，字符串，json格式数据等任意数据结构
    url=url+"&sid="+Math.random()//添加一个随机数作为后缀，保证每次请求后台均会重新处理并相应。
    xmlHttp.onreadystatechange=stateChanged//后台处理程序回调函数 
    xmlHttp.open("GET",url,true)//使用GET方式发送
    xmlHttp.send(null)//发送数据 。
}

function stateChanged()//监测程序回调函数
{ 
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")//如果xmlhttp对象成功接收到数据
    {
        var strJson = xmlHttp.responseText;//获得数据文本
        //var state = new Function("return" + strJson)();//采用json格式解析
        var state = eval("("+strJson+")");//和上述注释函数功能相同，使用一个即可
                document.getElementById("processing").innerHTML=state.openState;//显示内容
            
    } 
}

function GetXmlHttpObject()//获取xmlhttp对象
{
    var xmlHttp=null;
    try
    {
        // Firefox, Opera 8.0+, Safari
        xmlHttp=new XMLHttpRequest();
    }
    catch (e)
    {
        // Internet Explorer
        try
        {
            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e)
        {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    return xmlHttp;
}

最后是test.php文件，需要注意的是，test.php文件必须放到安装好的wamp框架下才有效，例如我的框架安装在E盘，则我的test.php文件需要放到E:\AppServ\www\目录下或者该目录的子目录 下才有效（之前被这个问题卡了好久，php文件不执行导致 前端一直连不上后端），以下是php文件代码

php

$hint = "";
function test()//测试程序
{
    $json_string = file_get_contents('state.json');//打开一个json文件
    $data = json_decode($json_string,true);//解析json文件字符串
    if($data["openState"] == 'close')//对json数据进行操作
    {
        $data1 = array();
        $data1['openState'] = 'open';
        $json_string1 = json_encode($data1);
        file_put_contents('state.json', $json_string1);
    }
        if($data["openState"] == 'open')//对json数据进行操作
    {
        $data1 = array();
        $data1['openState'] = 'close';
        $json_string1 = json_encode($data1);
        file_put_contents('state.json', $json_string1);
    }
    return $json_string;//反馈数据
}

$q=$_GET["q"];//获取前台传来的数据本测试程序为1

switch($q)
{
case 1:
    $hint = test();//执行test函数
    break;
}


$response=$hint;
echo $response;//将处理完的数据反馈给前台

?>

另外还需要php文件中提及的state.json文件，这个文件在前后端交互 的时候不是必须的，此处仅仅是为了演示一个完整的json格式文件读写识别操作过程，state.json文件中只有一句代码

{"openState":"close"}

 

以上代码编写完成后，就可以进行测试了,测试时需要注意的是打开网页的时候不能直接将html文件拖入浏览器，而是需要使用localhost或者127.0.0.1来访问html页面，这样才能与php进行交互，例如，我的文件如图所示

文件位于E:\AppServ\www文件夹下

则我访问test.html文件的方式为在浏览器中输入网址 http://localhost:8080/test.html

其中8080为端口号，是在安装wamp框架时设置的，如果你采用的是其他端口号，请自行修改，另外，如果采用的是默认的端口号80，则可省略端口号。

成功运行时显示的现象是

 （注释内容可自行删除）

 点击test按钮

显示如下

可见从服务器后端php脚本中成功获取到了信息。再次点击

原来的close变成了open，可见后台脚本执行正常。

至此，一个简单的网页前后端异步交互示例介绍完毕。

你，学会了吗？

转载于:https://www.cnblogs.com/nrm1/p/6146981.html

你可能感兴趣的:(网页前后端交互示例)

  • [HOT 100] 0206. 反转链表 水蓝烟雨 链表算法HOT100
    文章目录1.题目链接2.题目描述3.题目示例4.解题思路5.题解代码6.复杂度分析1.题目链接206.反转链表-力扣（LeetCode）2.题目描述给你单链表的头节点head，请你反转链表，并返回反转后的链表。3.题目示例示例1:输入：head=[1,2,3,4,5]输出：[5,4,3,2,1]示例2:输入：head=[1,2]输出：[2,1]4.解题思路初始化指针：使用两个指针pre和cur，p
  • [HOT 100] 1901. 寻找峰值 ii 水蓝烟雨 算法HOT100
    文章目录1.题目链接2.题目描述3.题目示例4.解题思路5.题解代码6.复杂度分析1.题目链接1901.寻找峰值II-力扣（LeetCode）2.题目描述一个2D网格中的峰值是指那些严格大于其相邻格子(上、下、左、右)的元素。给你一个从0开始编号的mxn矩阵mat，其中任意两个相邻格子的值都不相同。找出任意一个峰值mat[i][j]并返回其位置[i,j]。你可以假设整个矩阵周边环绕着一圈值为-1的
  • 安装Python_PCL点云库 FqLibrary python开发语言点云
    Python_PCL是Python语言的一个点云库，它提供了一组用于处理和分析点云数据的工具和函数。本文将介绍如何安装和配置Python_PCL点云库，并提供相应的源代码示例。Python_PCL的安装步骤如下：步骤1：安装依赖库在安装Python_PCL之前，我们需要先安装一些依赖库。打开终端或命令提示符，运行以下命令来安装依赖库：pipinstallnumpypipinstallctypesp
  • c#实现modbus rtu定时采集数据 A_nanda c#ModbusRTU
    以下是使用C#实现ModbusRTU定时采集数据的完整代码示例，包含定时任务、数据采集和异常处理：csharp复制usingSystem;usingSystem.IO.Ports;usingSystem.Timers;publicclassModbusRtuCollector:IDisposable{privatereadonlySerialPort_serialPort;privatereado
  • Flink架构体系：深入解析Apache Flink的架构与工作原理 雨中徜徉的思绪漫溢 flink架构apache大数据
    Flink架构体系：深入解析ApacheFlink的架构与工作原理ApacheFlink是一种高性能、分布式、流式处理引擎，被广泛应用于大数据处理和实时分析场景。本文将深入解析Flink的架构体系和工作原理，包括核心组件和数据流处理过程，并提供相应的示例代码。Flink架构概述ApacheFlink的架构基于流式处理模型，它通过将数据流划分为有向无环图（DAG）的形式，将大规模的数据处理任务划分为
  • c#实现485协议 A_nanda c#ModbusRTU
    在C#中实现RS-485协议通信，需要结合串口（SerialPort）操作和硬件收发控制（如RTS信号切换）。以下是详细的步骤和示例代码：1.RS-485通信原理物理层：RS-485是差分信号标准，支持多点通信（半双工）。收发控制：通过控制RTS（RequesttoSend）或DTR引脚切换发送/接收模式。协议层：通常基于ModbusRTU、自定义二进制协议等。2.硬件准备RS-485转USB转换
  • DeepSeek 喂饭指令30条 xxtzaaa 大数据产品运营
    一、内容创作类(5条)1.爆款标题生成指令:生成10个吸引眼球的[主题]标题，要求包含数字情绪词和悬念示例:输入"生成10个关于减肥的爆款标题"2.小红书种草文-指令:以[身份]的口吻，写一篇[产品]的种草笔记，突出3个使用场景和2个痛点解决方案3.短视频脚本-指令:生成一个[时长]的短视频脚本，包含开场悬念+中间反转+结尾行动号召4.惠号长文-指令:以[风格]写一篇关于[主题]的深度文章，包含3
  • 【C++】深入理解C++虚函数与纯虚函数 TsuanS c++开发语言
    本文由简悦SimpRead转码，原文地址blog.csdn.net文章目录一、虚函数（VirtualFunction）1.1定义和作用1.2实现原理1.3示例代码1.4虚函数的重写定义规则注意事项示例1.5基类和派生类的虚函数表**示例理解**二、纯虚函数（PureVirtualFunction）2.1定义和作用2.2示例代码三、总结在C++面向对象编程中，多态性是其三大特性之一（封装、继承和多态
  • OpenSSL 基础使用流程 TsuanS 网络OpenSSL
    理解OpenSSL的基础使用流程是学习如何进行安全通信的关键，特别是在实现SSL/TLS连接时。以下是OpenSSL基础使用流程的一个简要总结，并附上一个简单的示例代码，帮助你理解如何通过OpenSSL建立一个基本的安全通信连接。OpenSSL基础使用流程初始化OpenSSL在使用OpenSSL之前，你需要先初始化OpenSSL库。这个初始化过程会加载加密算法、SSL库等所需的组件。创建SSL上下
  • 从实例出发，讲解BLE专业调试工具nRF Connect ZZQ-ZZQ 物联网IOT物联网nRFConnectble
    nRFConnect是NORDICSemiconductor提供的一套强大的低功耗蓝牙（BLE）开发工具和应用程序，本文从两个示例着手分析：iBeacon和Eddystone协议的信标Beacon前置知识：什么是信标Beacon？信标（Beacon）是一种基于低功耗蓝牙（BluetoothLowEnergy,BLE）技术的小型无线发射设备，用于广播信号，向附近的智能设备（如智能手机、平板电脑）传输
  • 写一个敲木鱼的程序 weixin_45995698 pythonpython
    要编写一个敲木鱼的程序，你可以使用Python语言，结合pygame库来处理图形和声音。以下是一个简单的Python程序示例，它实现了点击木鱼并播放声音的功能：importpygameimportrandomimporttime#初始化pygamepygame.init()#设置屏幕大小和标题screen_width=800screen_height=600screen=pygame.displa
  • 转行测试自学笔记：PYTHON基础（运算符和表达式） 转码之路 笔记
    二、运算符和表达式（一）赋值运算符常用赋值运算符：=：基本赋值+=：加法赋值-=：减法赋值*=：乘法赋值/=：除法赋值//=：整除赋值**=：幂赋值示例：#基础赋值a=1#复合赋值运算a+=1#等价于a=a+1a-=1#等价于a=a-1a*=2#等价于a=a*2（二）算术运算符常用算术运算符：+：加法-：减法*：乘法/：除法%：取余//：整除**：幂运算（指数）示例：3/2#结果为1.5（真除法，
  • vue图表插件ECharts使用指南 IT 老王 echarts前端javascript
    以下是一份较为全面的ECharts使用指南，包含安装、基本使用步骤、常见图表示例以及配置项说明等内容。1.安装ECharts可以通过npm或yarn进行安装，在项目根目录下执行以下命令：#使用npm安装npminstallecharts--save#使用yarn安装yarnaddecharts2.基本使用步骤2.1引入ECharts在Vue组件中引入ECharts：import*asecharts
  • C 语言中的数组与指针：深入剖析与实践应用 Kurbaneli c语言算法
    一、引言在C语言的学习旅程中，数组与指针是两个极为重要且强大的概念。它们不仅是C语言高效操作数据的基础，也是C语言能够广泛应用于系统编程、嵌入式开发等领域的关键因素之一。深入理解并熟练掌握数组与指针的使用，对于编写高质量、高性能的C语言程序至关重要。本文将详细介绍C语言中数组与指针的相关知识，并通过丰富的示例代码进行说明。二、数组的基本概念与使用数组的定义：数组是一种构造数据类型，它可以存储多个相
  • Kettle 实战面试题及参考答案（完整版） 一杯小周 etl大数据
    Kettle实战面试题及参考答案（完整版）以下是几个Kettle（PentahoDataIntegration）项目实战面试题及参考答案的完整Markdown格式整理，包含代码示例和优化方案。目录中文乱码处理增量数据抽取数据去重方案亿级数据同步作业失败排查1.Kettle抽取数据时遇到中文乱码，如何解决？答案：原因：数据库客户端默认编码与Kettle设置不一致（如UTF-8与GBK）。解决方案：在
  • Python tkinter实现动态链接数据库 乙龙 python数据库
    在使用Tkinter(tk)开发GUI程序时，可以通过多种方式让用户自由更改数据库连接地址，而不是将其写死在代码中。以下是一些实现方法：方法一：使用输入框让用户手动输入数据库地址你可以在GUI中添加一个输入框（Entry），让用户手动输入数据库地址。然后在连接数据库时，从输入框中获取地址。示例代码：importtkinterastkfromtkinterimportmessageboximport
  • 基于springboot的鲜花销售商城网站 程序猿麦小七 毕业设计Java后台JavaWebspringbootjava后端
    项目描述临近学期结束，还是毕业设计，你还在做java程序网络编程，期末作业，老师的作业要求觉得大了吗?不知道毕业设计该怎么办?网页功能的数量是否太多?没有合适的类型或系统?等等。这里根据疫情当下，你想解决的问题，今天给大家介绍一篇基于springboot的鲜花销售商城网站。功能需求本文设计并实现的商城系统，通过互联网来实现电子商城这一新兴产业，电子商城主要依靠于计算机互联网技术。如果缺少了这个技术
  • C语言：多组输入a+b 爱学习的小孩啦 C_编程c语言开发语言
    链接：登录—专业IT笔试面试备考平台_牛客网来源：牛客网计算a+b输入描述:输入包含多组数据，每组数据输入一行，包含两个整数输出描述:对于每组数据输出一行包含一个整数表示两个整数的和示例1输入1234输出37#includeintmain(){inta,b;//读取输入，直到文件结束while(scanf("%d%d",&a,&b)!=EOF){//计算两个整数的和intresult=a+b;//
  • 玩转python： 通俗易懂-理解python类中的单继承与多继承 千益 浅显易懂玩转pythonpython开发语言
    一、引言在面向对象编程中，继承是一种重要的机制，允许我们基于现有类创建新类。Python支持单继承和多继承两种方式。本文将详细介绍这两种继承方式，并通过丰富的案例和使用场景进行说明。二、单继承单继承是指一个类仅继承一个父类。这种方式结构简单，适合大多数常见场景。1.基本概念父类（基类）：被继承的类。子类（派生类）：继承父类的类。2.示例代码定义父类AnimalclassAnimal:def__in
  • 蓝桥杯学习-字符串string类 c田野 蓝桥杯学习职场和发展
    一、cout控制符【I/O操作重点】#include//必须包含的头文件常用控制符：setw(n)【作用】设置输出域宽（仅对下一个输出有效）【示例】cout//必须包含的头文件1.初始化方式strings1;//空字符串strings2="hello";//直接赋值strings3(5,'A');//生成"AAAAA"strings4(s2);//拷贝构造strings5=s2+"world";/
  • C语言语法分析器 czme c语言
    C语言语法分析器是编译过程中的关键组件，用于检查C语言源程序的语法结构是否正确，并构建相应的语法树。以下是关于C语言语法分析器的一些介绍以及用简单示例说明其实现思路（以Python实现一个简易的C语言部分语法分析器为例，实际的C语言语法分析器非常复杂）：1.语法分析器的作用在C语言编译流程中，词法分析器先把源程序的字符流分割成一个个单词，语法分析器则基于词法分析得到的单词序列，依据C语言的语法规则
  • 大模型WebUI：Gradio全解12——LangChain原理、架构和组件（3） 龙焰智能 LangChain架构Integration包LangGraphLangGraph平台LangSmithLangfuse
    大模型WebUI：Gradio全解12——LangChain原理、架构和组件（3）前言本篇摘要12.LangChain原理及agents构建GradioUI12.3LangChain架构12.3.1LangChain12.3.2IntegrationPackages1.概念2.示例12.3.3LangGraph1.概念2.示例12.3.4LangGraphPlatform1.概览2.优势分析12.
  • Python使用pyobdc库和tkinter框架连接数据库 乙龙 python数据库
    要使用pyodbc和tkinter实现动态连接数据库的功能，可以通过以下步骤实现：使用tkinter创建一个图形界面，让用户输入数据库连接信息（如服务器地址、数据库名称、用户名和密码）。通过pyodbc动态连接到数据库，根据用户输入的连接信息建立连接。提供反馈，告知用户连接是否成功，并允许用户进行后续操作。以下是一个完整的示例代码，展示如何实现这一功能：示例代码：动态连接数据库importtkin
  • 每日一题——最长连续序列和uthash.h tt555555555555 C语言算法题面经哈希算法数据结构算法
    最长连续序列和uthash.hLeetCode128.最长连续序列（C语言实现）问题描述示例约束条件解题思路C语言实现代码代码说明测试结果`uthash.h`1.**`HASH_ADD_INT`**2.**`HASH_FIND_INT`**3.**`HASH_ITER`**4.**`HASH_DEL`**5.**`HASH_COUNT`**6.**`HASH_CLEAR`**总结LeetCode1
  • MySQL--DQL、DML、DDL、DCL概念与区别 帅的飞起来 mysqlmysqloracle数据库
    在SQL中，根据功能和操作对象的不同，通常将语文分为四大类：DQL（数据查询语言）、DML（数据操作语言）、DDL（数据定义语言）、DCL（数据控制语言）一、DQL（DataQueryLanguage，数据查询语言）定义：用于从数据库中检索数据，不修改数据或数据库结构核心命令：SELECT：查询数据用途：从表中提取特定条件的过滤支持复杂的条件过滤、排序、分组、聚合等操作示例：SELECTname,
  • GaussDB 学习进阶路线-进阶篇：分布式架构、性能调优与高可用实战 Jan123. gaussdb学习分布式
    引言GaussDB的进阶能力体现在对分布式架构、企业级高可用、深度性能优化的掌握上。本文将以生产环境为背景，深入剖析GaussDB的数据分片、并行计算、主备容灾、云原生集成等核心技术，结合实战配置与调优案例，助你解锁GaussDB的高阶技能，构建稳定高效的分布式数据库系统！一、分布式架构：数据分片与并行计算1.分布式表设计与数据分片分片策略策略适用场景示例哈希分片数据均匀分布，避免热点DISTRI
  • GaussDB 学习实战指南：从部署到高并发优化的全流程解析 Jan123. gaussdb学习
    引言GaussDB作为华为推出的高性能分布式数据库，凭借其分布式架构、高可用性、云原生支持等特性，成为企业级应用的核心选择。本文将以实战操作为核心，覆盖集群部署、数据分片、性能调优、容灾备份、云上迁移五大场景，通过真实案例与代码示例，助你快速掌握GaussDB的实战技能，解决企业级应用中的复杂问题！一、GaussDB分布式集群部署实战1.本地多节点集群搭建（以openGauss为例）环境准备硬件要
  • 关于跨域和端口问题 Mayer999 Javanginx
    写在文章之前nginx相信大家并不陌生，但nginx到底有什么用，和tomcat有什么区别，笔者最近遇到了这些问题，在此总结下。还有关于跨域和前后端交互不清楚的，相信会有所收获。环境：开发工具：IntellijIDEA2019.3jdk：1.8.0_181springboot:2.1.11springcloud：Finchley.RC1一、端口问题1.1nginx解决端口问题域名问题解决了，但是现
  • C++中迭代器与指针 DevangLic BraveBridgec++开发语言学习算法数据结构
    在C++中，指针和迭代器虽然在某些方面表现出相似的行为，但它们的设计目标、使用场景以及功能上有明显的不同。以下是它们的共性和区别，以及通过代码进行说明：1.共性：遍历容器元素：指针和迭代器都可以用来遍历数组或其他连续内存区域，或者STL容器中的元素。解引用操作：通过解引用操作符*可以访问指针或迭代器所指向的对象。算术运算：两者都支持自增（++）和自减（–）运算符，用于移动到下一个或前一个元素。示例
  • leetcode 0004 寻找两个正序数组的中位数 - hard SuperCandyXu Leetcodeleetcode算法职场和发展
    1题目：寻找两个正序数组的中位数给定两个大小分别为m和n的正序（从小到大）数组nums1和nums2。请你找出并返回这两个正序数组的中位数。算法的时间复杂度应该为O(log(m+n))。示例1：输入：nums1=[1,3],nums2=[2]输出：2.00000解释：合并数组=[1,2,3]，中位数2示例2：输入：nums1=[1,2],nums2=[3,4]输出：2.50000解释：合并数组=[
  • 多线程编程之存钱与取钱 周凡杨 javathread多线程存钱取钱
      生活费问题是这样的：学生每月都需要生活费，家长一次预存一段时间的生活费，家长和学生使用统一的一个帐号，在学生每次取帐号中一部分钱，直到帐号中没钱时 通知家长存钱，而家长看到帐户还有钱则不存钱，直到帐户没钱时才存钱。   问题分析：首先问题中有三个实体，学生、家长、银行账户，所以设计程序时就要设计三个类。其中银行账户只有一个，学生和家长操作的是同一个银行账户，学生的行为是
  • java中数组与List相互转换的方法 征客丶 JavaScriptjavajsonp
    1.List转换成为数组。（这里的List是实体是ArrayList) 　　调用ArrayList的toArray方法。 　　toArray 　　public T[] toArray(T[] a)返回一个按照正确的顺序包含此列表中所有元素的数组；返回数组的运行时类型就是指定数组的运行时类型。如果列表能放入指定的数组，则返回放入此列表元素的数组。否则，将根据指定数组的运行时类型和此列表的大小分
  • Shell 流程控制 daizj 流程控制if elsewhilecaseshell
    Shell 流程控制 和Java、PHP等语言不一样，sh的流程控制不可为空，如(以下为PHP流程控制写法)： <?php if(isset($_GET["q"])){ search(q);}else{// 不做任何事情} 在sh/bash里可不能这么写，如果else分支没有语句执行，就不要写这个else，就像这样 if else if if 语句语
  • Linux服务器新手操作之二 周凡杨 Linux 简单 操作
    1.利用关键字搜寻Man Pages    man -k keyword  其中-k 是选项，keyword是要搜寻的关键字 如果现在想使用whoami命令，但是只记住了前3个字符who，就可以使用 man -k who来搜寻关键字who的man命令       [haself@HA5-DZ26 ~]$ man -k
  • socket聊天室之服务器搭建 朱辉辉33 socket
    因为我们做的是聊天室，所以会有多个客户端，每个客户端我们用一个线程去实现，通过搭建一个服务器来实现从每个客户端来读取信息和发送信息。    我们先写客户端的线程。 public class ChatSocket extends Thread{ Socket socket; public ChatSocket(Socket socket){ this.sock
  • 利用finereport建设保险公司决策分析系统的思路和方法 老A不折腾 finereport金融保险分析系统报表系统项目开发
    决策分析系统呈现的是数据页面，也就是俗称的报表，报表与报表间、数据与数据间都按照一定的逻辑设定，是业务人员查看、分析数据的平台，更是辅助领导们运营决策的平台。底层数据决定上层分析，所以建设决策分析系统一般包括数据层处理（数据仓库建设）。   项目背景介绍 通常，保险公司信息化程度很高，基本上都有业务处理系统（像集团业务处理系统、老业务处理系统、个人代理人系统等）、数据服务系统（通过
  • 始终要页面在ifream的最顶层 林鹤霄
    index.jsp中有ifream，但是session消失后要让login.jsp始终显示到ifream的最顶层。。。始终没搞定，后来反复琢磨之后，得到了解决办法，在这儿给大家分享下。。 index.jsp--->主要是加了颜色的那一句 <html> <iframe name="top" ></iframe> <ifram
  • MySQL binlog恢复数据 aigo mysql
    1，先确保my.ini已经配置了binlog：   # binlog log_bin = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.log log_bin_index = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.index log_error = D:/mysql-5.6.21-win
  • OCX打成CBA包并实现自动安装与自动升级 alxw4616 ocxcab
    近来手上有个项目,需要使用ocx控件 (ocx是什么? http://baike.baidu.com/view/393671.htm) 在生产过程中我遇到了如下问题. 1. 如何让 ocx 自动安装?     a) 如何签名?     b) 如何打包?     c) 如何安装到指定目录? 2.
  • Hashmap队列和PriorityQueue队列的应用 百合不是茶 Hashmap队列PriorityQueue队列
      HashMap队列已经是学过了的,但是最近在用的时候不是很熟悉,刚刚重新看以一次,   HashMap是K,v键 ,值     put()添加元素      //下面试HashMap去掉重复的 package com.hashMapandPriorityQueue; import java.util.H
  • JDK1.5 returnvalue实例 bijian1013 javathreadjava多线程returnvalue
    Callable接口： 返回结果并且可能抛出异常的任务。实现者定义了一个不带任何参数的叫做 call 的方法。 Callable 接口类似于 Runnable，两者都是为那些其实例可能被另一个线程执行的类设计的。但是 Runnable 不会返回结果，并且无法抛出经过检查的异常。        ExecutorService接口方
  • angularjs指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效 bijian1013 JavaScriptAngularJS
            在directive的link中有一个$http请求，当请求完成后根据返回的值动态做element.append('......');这个操作，能显示没问题，可问题是我动态组的HTML里面有ng-click，发现显示出来的内容根本不执行ng-click绑定的方法！     
  • 【Java范型二】Java范型详解之extend限定范型参数的类型 bit1129 extend
    在第一篇中，定义范型类时，使用如下的方式：   public class Generics<M, S, N> { //M,S,N是范型参数 }  这种方式定义的范型类有两个基本的问题：   1. 范型参数定义的实例字段，如private M m = null;由于M的类型在运行时才能确定，那么我们在类的方法中，无法使用m，这跟定义pri
  • 【HBase十三】HBase知识点总结 bit1129 hbase
    1. 数据从MemStore flush到磁盘的触发条件有哪些？    a.显式调用flush，比如flush 'mytable'    b.MemStore中的数据容量超过flush的指定容量，hbase.hregion.memstore.flush.size,默认值是64M 2. Region的构成是怎么样？ 1个Region由若干个Store组成
  • 服务器被DDOS攻击防御的SHELL脚本 ronin47
    mkdir /root/bin vi /root/bin/dropip.sh #!/bin/bash/bin/netstat -na|grep ESTABLISHED|awk ‘{print $5}’|awk -F:‘{print $1}’|sort|uniq -c|sort -rn|head -10|grep -v -E ’192.168|127.0′|awk ‘{if($2!=null&a
  • java程序员生存手册-craps 游戏-一个简单的游戏 bylijinnan java
    import java.util.Random; public class CrapsGame { /** * *一个简单的赌*博游戏，游戏规则如下： *玩家掷两个骰子，点数为1到6，如果第一次点数和为7或11，则玩家胜， *如果点数和为2、3或12，则玩家输， *如果和为其它点数，则记录第一次的点数和，然后继续掷骰，直至点数和等于第一次掷出的点
  • TOMCAT启动提示NB: JAVA_HOME should point to a JDK not a JRE解决 开窍的石头 JAVA_HOME
    当tomcat是解压的时候，用eclipse启动正常，点击startup.bat的时候启动报错; 报错如下：   The JAVA_HOME environment variable is not defined correctly This environment variable is needed to run this program NB: JAVA_HOME shou
  • [操作系统内核]操作系统与互联网 comsci 操作系统
         我首先申明：我这里所说的问题并不是针对哪个厂商的，仅仅是描述我对操作系统技术的一些看法       操作系统是一种与硬件层关系非常密切的系统软件，按理说，这种系统软件应该是由设计CPU和硬件板卡的厂商开发的，和软件公司没有直接的关系，也就是说，操作系统应该由做硬件的厂商来设计和开发
  • 富文本框ckeditor_4.4.7 文本框的简单使用 支持IE11 cuityang 富文本框
    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>知识库内容编辑</tit
  • Property null not found darrenzhu datagridFlexAdvancedpropery null
    When you got error message like "Property null not found ***", try to fix it by the following way: 1)if you are using AdvancedDatagrid, make sure you only update the data in the data prov
  • MySQl数据库字符串替换函数使用 dcj3sjt126com mysql函数替换
    需求：需要将数据表中一个字段的值里面的所有的  .   替换成  _   原来的数据是  site.title  site.keywords  .... 替换后要为     site_title  site_keywords   使用的SQL语句如下：   updat
  • mac上终端起动MySQL的方法 dcj3sjt126com mysqlmac
    首先去官网下载: http://www.mysql.com/downloads/ 我下载了5.6.11的dmg然后安装,安装完成之后..如果要用终端去玩SQL.那么一开始要输入很长的:/usr/local/mysql/bin/mysql 这不方便啊,好想像windows下的cmd里面一样输入mysql -uroot -p1这样...上网查了下..可以实现滴. 打开终端,输入: 1
  • Gson使用一（Gson） eksliang jsongson
    转载请出自出处：http://eksliang.iteye.com/blog/2175401 一.概述 从结构上看Json，所有的数据（data）最终都可以分解成三种类型： 第一种类型是标量（scalar），也就是一个单独的字符串（string）或数字（numbers），比如"ickes"这个字符串。 第二种类型是序列（sequence），又叫做数组（array）
  • android点滴4 gundumw100 android
    Android 47个小知识 http://www.open-open.com/lib/view/open1422676091314.html Android实用代码七段（一） http://www.cnblogs.com/over140/archive/2012/09/26/2611999.html http://www.cnblogs.com/over140/arch
  • JavaWeb之JSP基本语法 ihuning javaweb
      目录   JSP模版元素  JSP表达式  JSP脚本片断  EL表达式  JSP注释  特殊字符序列的转义处理  如何查找JSP页面中的错误   JSP模版元素    JSP页面中的静态HTML内容称之为JSP模版元素，在静态的HTML内容之中可以嵌套JSP
  • App Extension编程指南（iOS8/OS X v10.10）中文版 啸笑天 ext
             当iOS 8.0和OS X v10.10发布后，一个全新的概念出现在我们眼前，那就是应用扩展。顾名思义，应用扩展允许开发者扩展应用的自定义功能和内容，能够让用户在使用其他app时使用该项功能。你可以开发一个应用扩展来执行某些特定的任务，用户使用该扩展后就可以在多个上下文环境中执行该任务。比如说，你提供了一个能让用户把内容分
  • SQLServer实现无限级树结构 macroli oraclesqlSQL Server
    表结构如下： 数据库id path titlesort 排序 1 0 首页 0 2 0,1 新闻 1 3 0,2 JAVA 2 4 0,3 JSP 3 5 0,2,3 业界动态 2 6 0,2,3 国内新闻 1 创建一个存储过程来实现，如果要在页面上使用可以设置一个返回变量将至传过去   create procedure test as begin decla
  • Css居中div，Css居中img，Css居中文本，Css垂直居中div qiaolevip 众观千象学习永无止境每天进步一点点css
    /**********Css居中Div**********/ div.center { width: 100px; margin: 0 auto; } /**********Css居中img**********/ img.center { display: block; margin-left: auto; margin-right: auto; }
  • Oracle 常用操作(实用) 吃猫的鱼 oracle
    SQL>select text from all_source where owner=user and name=upper('&plsql_name');  SQL>select * from user_ind_columns where index_name=upper('&index_name');  将表记录恢复到指定时间段以前
  • iOS中使用RSA对数据进行加密解密 witcheryne iosrsaiPhoneobjective c
      RSA算法是一种非对称加密算法,常被用于加密数据传输.如果配合上数字摘要算法, 也可以用于文件签名. 本文将讨论如何在iOS中使用RSA传输加密数据. 本文环境 mac os  openssl-1.0.1j, openssl需要使用1.x版本, 推荐使用[homebrew](http://brew.sh/)安装. Java 8 RSA基本原理 RS
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他