Marksinoberg
Marksinoberg

PHP + JavaScript + Ajax 实现无刷新页面加载效果

    • 数据源工厂
      • Json生成方式1
      • Json生成方式2
    • 数据搬运工
    • 数据加工师
      • 转换类型
      • 加工展示
      • 结果展示
        • 初始页面
        • 点击按钮之后
    • 总结

今天这个实验的思路就是实现一个无刷新的页面加载效果。具体的思路是使用PHP开发后台，为前台准备数据，然后使用Ajax技术作为数据的搬运工，将数据从服务器端拉取到前端，最后使用JavaScript技术将获取到的数据加工，并显示在页面上。

数据源工厂

本次实验数据以Json的格式传输和处理。下面有两种生成json字符串的方式。

Json生成方式1

PHP自带json_encode()和json_decode()方法。但是解码的那个方法并不常用，这是由浏览器的自身工作原理决定的。在生成Json 串的时候，我们只需要将要编码的数据传给json_encode()即可。

$obj = arr("first"=>"first_value","second"=>"second_value","three"=>"three_value");

$encode_data = json_encode($arr);
var_dump($encode_data);

Json生成方式2

相较于第一种方式，第二种方式就显得不那么自动化了，因为是手工生成的，但是对于小型数据量的处理而言，速度还是很快的。

注意：使用第二种方式一定要注意字符串外边使用单引号，内部键值对数据使用双引号。

<?php
header("Content-Type:text/html;charset=utf-8");
// 制作一个Json信息
echo '{"city":"大连","temp":"27°C","WD":"东南风"}';
?>

这里为了演示的方便，采用了第二种方式。

数据搬运工

何为搬运工？ 在这里就是向服务器请求数据，然后将获得的数据返还给请求所在的客户端。Ajax在这里就是这么一个功能。

下面的这段代码就演示了如何创建一个ajax对象并让其工作。

<script> function f1(){ alert('即将弹出数据'); var ajax; if(window.XMLHttpRequest){ ajax = new XMLHttpRequest(); }else{ ajax = new ActiveObject("Microsoft.XMLHTTP"); } // 给Ajax设置事件 ajax.onreadystatechange = function(){ if(ajax.readyState==4){ alert(ajax.responseText); document.getElementById('response').innerHTML=ajax.responseText; } } // 如果以GET请求方式请求数据的话，为了防止特殊字符，及中文的干扰我们要使用JavaScript的一个encodeURIComponent(raw_data);进行安全编码 ajax.open('get','./forajax.php'); // 使用POST请求方式的时候，其原理是模拟表单提交，所以需要加上头信息,但是要放到open方法后面ajax.setRequestHeader("content-type","application/x-www-urlencoded"); ajax.send(null); } </script>

数据加工师

有了数据之后，剩下的工作就是让数据呈现出一种易于观察的样子。这样数据才有了存在的价值。

这里我们利用ajax获取到的数据是一个字符串数据，但是我们要想使用这些数据，怎么办呢？
难道是手动的分割这些信息吗？但是要怎么分割呢？···

转换类型

所以我们要借助eval函数

// 这样我们就能将字符串成功的转化为一个对象类型的数据
eval("var obj="+result);

加工展示

<!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>使用Ajax获取数据，交给JavaScript处理</title>
<script> function getWeather() { var ajaxclient; if(window.XMLHttpRequest){ ajaxclient = new XMLHttpRequest(); }else { ajaxclient = new ActiveObject("Microsoft.XMLHTTP"); } // 当数据完整返回的时候触发 ajaxclient.onreadystatechange = function() { if(ajaxclient.readyState==4){ // 使用eval函数来把字符串转换为一个对象 eval("var result=" + ajaxclient.responseText); //alert("服务器返回的信息为："+result); document.getElementById("city").innerHTML=result.city; document.getElementById("temp").innerHTML=result.temp; document.getElementById("wd").innerHTML=result.WD; } } // 开始发送请求 ajaxclient.open('get','./forjson.php'); ajaxclient.send(null); } </script>
</head>

<body>

<h1>使用Ajax异步获取天气数据，再使用JavaScript处理数据</h1>
<button name="btn" onclick="getWeather()">获取并显示数据</button>
<div>
<table width="200" border="1" summary="使用ajax无刷新获取数据，在使用JavaScript处理数据。">
  <caption>
    详细信息
  </caption>
  <tr>
    <td>城市</td>
    <td>温度</td>
    <td>风向</td>
  </tr>
  <tr>
    <td><span id="city"></span></td>
    <td><span id="temp"></span></td>
    <td><span id="wd"></span></td>
  </tr>
</table>
</div>

</body>
</html>

结果展示

初始页面

点击按钮之后

我们不难发现，页面上的链接根本没有发生变化，这就是无刷新实现的页面加载！

总结

这样，我们的实验就算完成了。我们可以看出要想给用户提供一个更好的用户体验，Ajax绝对是必经之路。

你可能感兴趣的:(JavaScript,Ajax,PHP,无刷新页面加载)

  • HTTP响应头字段深度解析（一） 网络小白不怕黑 网络协议分析网络协议
    HTTP/1.1200OKDate:Sun,30Mar202511:43:50GMTServer:Apache/2.4.46(Win32)OpenSSL/1.1.1gmod_fcgid/2.3.9aX-Powered-By:PHP/5.4.45Product:Z-BlogPHP1.6.6ValyriaSet-Cookie:ZDEDebuggerPresent=php,phtml,php3;path
  • 轻量级JSON解析神器：cJSON库全面解析 郎杉忱Robust
    轻量级JSON解析神器：cJSON库全面解析【下载地址】cJSON资源文件下载cJSON资源文件下载项目地址:https://gitcode.com/open-source-toolkit/67072项目介绍在当今的软件开发领域，JSON（JavaScriptObjectNotation）作为一种轻量级的数据交换格式，广泛应用于各种场景。为了满足嵌入式系统和资源受限环境下的JSON解析需求，cJS
  • JavaScript基础-元素滚动 scroll 系列 難釋懷 javascript开发语言
    在现代Web开发中，处理页面或元素的滚动行为是构建动态交互界面的重要部分。无论是实现无限滚动加载、固定导航栏还是平滑滚动效果，JavaScript都提供了强大的API来帮助我们获取和控制元素的滚动信息。本文将详细介绍scroll系列属性及其应用场景。一、初识Scroll属性scroll系列属性主要用于获取或设置元素滚动条的位置以及内容区域的尺寸。这些属性对于创建响应式设计、优化用户体验至关重要。（
  • JavaScript ES6 箭头函数与普通函数的区别详解【面试必备，值得收藏】 八了个戒 前端面试JavaScript系列面试宝典jsjavascriptprototype
    今天下午在面试的过程中，有一位面试官就问到了这道题目。说实话，如果不是今天问到了这个问题，我还不会去仔细对比分析一下这两个我们整天使用的函数声明方式，我们只有在不断总结中才会不断进步。同时，也非常感谢今天下午给我面试的这位面试官。目录一、箭头函数基本使用1、关于箭头函数的参数2、关于箭头函数的函数体二、箭头函数与普通函数的区别1、语法不同2、箭头函数都是匿名函数3、箭头函数不能用于构造函数，不能使
  • 2025 前端 JS 源码逆向实战：6 种绕过限制查看源码的合法方法 阿贾克斯的黎明 网络安全状态模式
    目录引言：为何需要绕过前端JS限制？一、浏览器开发者工具深度用法1.动态断点拦截（Chrome117+增强功能）2.Overrides功能持久化修改二、代理工具拦截与响应篡改1.BurpSuite2025动态解混淆三、浏览器扩展生态应用1.资源嗅探与下载（2025新版插件）四、本地代码劫持与Hook技术1.覆盖原生JavaScript方法五、移动端源码提取方案1.Android混合应用逆向六、源码
  • PHP MySQL 预处理语句 froginwe11 开发语言
    PHPMySQL预处理语句引言在PHP中与MySQL数据库进行交互时，预处理语句是一种非常安全和高效的方法。预处理语句不仅可以防止SQL注入攻击，还可以提高数据库查询的效率。本文将详细介绍PHP中预处理语句的用法，包括其基本概念、语法、优势以及在实际开发中的应用。预处理语句的基本概念预处理语句（PreparedStatements）是一种数据库编程技术，它允许开发者将SQL语句中的参数与SQL代码
  • JavaScript 读取电脑复制的内容 前端小趴菜05 javascript前端
    使用navigator.clipboardAPI读取备注：由于安全和隐私原因，此API只能在安全上下文中运行（即HTTPS或本地服务器），并且在某些情况下可能需要用户交互（例如，点击事件）。使用//HTML粘贴//JSasyncfunctiongetClipboardText(){try{consttext=awaitnavigator.clipboard.readText();console.l
  • 简单易懂的javaScript：函数 sententias javascript开发语言ecmascript
    函数实际上也是对象，每个函数都是Function类型的实例，函数名就是指向函数对象的指针。函数声明functionsum(num1,num2){returnnum1+num2;}函数表达式constsum=function(num1,num2){returnnum1+num2;};函数声明和函数表达式几乎是等价的。ES6新增，箭头函数constsum=(num1,num2)=>{returnnum
  • Rust基础语法 Sean2077 rust
    以下是Rust语言基础语法的核心要点，结合与JavaScript的对比，帮助前端开发者快速掌握核心概念：一、变量与常量1.变量声明Rust：变量默认不可变，需用mut显式声明可变性。letx=5;//不可变变量letmuty=10;//可变变量y+=1;//允许修改JavaScript对比：constx=5;//不可变常量lety=10;//可变变量2.常量Rust：必须显式标注类型，命名风格全大
  • vue3 vite JavaScript heap out of memory when buildin [windows or mac] 错误问题解决 天河书阁 VicRestart vue.jsvitenodevue3macos
    打包时内存不足的问题正常流程:1、yarnaddincrease-memory-limitcross-env--dev2、package.json的scripts中添加："fix-memory-limit":"cross-envLIMIT=4096increase-memory-limit"3、yarnrunfix-memory-limit4、yarnbuildMac下流程：1.exportNOD
  • Django+Nginx+uwsgi网站使用Channels+redis+daphne实现简单的多人在线聊天及消息存储功能 YiSLWLL djangonginxpythonredis数据库服务器
    网站部署在华为云服务器上，Debian系统，使用Django+Nginx+uwsgi搭建。最终效果如下图所示。一、响应逻辑顺序1.聊天页面请求客户端请求/chat/（输入聊天室房间号界面）和/chat/room_name（某个聊天室页面）链接时，由Nginx转到Django由urls.py解析并返回相应页面，在返回的聊天室页面内置了javascript程序，请求建立wss:/ws/chat/roo
  • Cesium 全面介绍 Super毛毛穗 WebGIS开发CesiumGISWebGIS
    一、Cesium是什么？Cesium是一个开源的JavaScript库，专门用于构建高性能的3D地理空间可视化应用。它基于WebGL技术，无需插件即可在浏览器中渲染全球地形、影像、3D模型、矢量数据等，支持从卫星视角到地下管网的全维度空间分析。二、核心功能与特性功能模块关键能力典型应用场景全球地形渲染支持高程数据、水面特效、地形夸张地形分析、洪水模拟3D模型加载支持glTF、3DTiles、点云等
  • 【自学笔记】PHP语言基础知识点总览-持续更新 Long_poem 笔记phpandroid
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录1.PHP简介2.PHP环境搭建3.基本语法变量与常量数据类型运算符4.控制结构条件语句循环语句5.函数函数定义与调用作用域6.数组7.字符串8.表单处理9.会话管理CookiesSessions10.文件操作11.面向对象编程类与对象继承与多态12.代码示例总结1.PHP简介PHP（HypertextPreprocessor
  • 基于HTML5和CSS3实现3D旋转相册效果 木木黄木木 html5css33d
    基于HTML5和CSS3实现3D旋转相册效果这里写目录标题基于HTML5和CSS3实现3D旋转相册效果项目介绍技术栈核心功能实现原理1.HTML结构2.CSS样式设计2.1基础样式设置2.2容器样式2.3图片样式3.JavaScript实现4.交互功能实现4.1触摸和鼠标拖拽4.2播放控制项目亮点技术难点解析项目总结项目介绍在这个项目中，我们将使用HTML5和CSS3的新特性来实现一个炫酷的3D旋
  • 【03】爬虫的基本原理 微臣愚钝 WebScraping爬虫
    目录一、爬虫概述1.1基本原理1.2获取网页1.3提取信息1.4保存数据二、能抓怎样的数据？三、JavaScript渲染页面一、爬虫概述1.1基本原理我们可以把互联网比作一张大网，而爬虫（即网络爬虫）便是在网上爬行的蜘蛛。把网的节点比作一个个网页，爬虫爬到这就相当于访问了该页面，获取了其信息。可以把节点间的连线比作网页与网页之间的链接关系，这样蜘蛛通过一个节点后，可以顺着节点连线继续爬行到达下一个
  • 【12】Ajax的原理和解析 微臣愚钝 WebScrapingajax前端javascript
    一、前言二、什么是Ajax三、Ajax的基本原理3.1发送请求3.2解析内容3.3渲染网页3.4总结四、Ajax分析五、过滤请求-筛选所有Ajax请求一、前言当我们在用requests抓取页面的时候，得到的结果可能会和在浏览器中看到的不一样：在浏览器中正常显示的页面数据，使用requests却没有得到结果。这是因为requests获取的都是原始HTML文档，而浏览器中的页面则是经过JavaScri
  • ChatGPT 写代码浅尝--“TypeScript 怎么获取上个月的今天” 胡琦博客 ChatGPTtypescriptjavascript
    这是最好的时代，也是最坏的时代，生产力工具的不断进化，作为普通人面临的挑战也越来越巨大。今天有幸使用CHatGPT来编写代码，一起来看看吧，比如她是如何解答“TypeScript怎么获取上个月的今天”这个问题的。Q：TypeScript怎么获取上个月的今天ChatGPT：您可以使用JavaScript中的Date对象来获取上个月的今天。以下是一种获取上个月的今天的TypeScript代码示例：fu
  • 2024年必须要知道的7大Javascript特性 codeory JavaScriptjavascript前端开发语言
    1.Promise.withResolvers（带解析器的Promise）这个新特性引入了一个创建Promise的新方法，它公开了其解析（resolve）和拒绝（reject）的回调函数。通过Promise.withResolvers，开发者们可以创建可以在执行函数之外解析或拒绝的Promise，从而在异步编程中提供了更大的灵活性。const[promise,resolve,reject]=Pro
  • 商协会管理系统小程序php+uniapp 源码库saaskw 嗖微miui52086小程序uni-app微信小程序微信
    数字化浪潮下的商协会转型突围战在数字经济占比超GDP40%的宏观背景下，传统商协会面临会员流失、运营低效、资源整合乏力等核心痛点。据《全国商协会发展白皮书》数据显示，仅28%的组织实现基础信息化，而具备新一代数字化商协会运营管理系统的机构，会员活跃度提升65%，活动转化率增长120%。以“智慧化会员体系、智敏化内容运营、智能化活动构建”为三大支柱的数字化解决方案，正成为突破传统运营壁垒、打造现代化
  • sqlmap基础命令总结 w2361734601 sqlmap命令渗透渗透工具自动化工具#sqlmap
    注意事项:仅用于授权测试，避免非法使用。目录一、基础命令二、数据库信息获取三、绕过WAF/IDS四、文件系统与系统命令五、高级功能与优化六、实战示例一、基础命令检测注入点sqlmap-u"http://target.com/index.php?id=1"--batch#自动检测注入点[2,4](@ref)--batch：自动选择默认选项，无需交互。--cookie="PHPSESSID=xxx"：
  • 帮我写一个地铁跑酷游戏html代码 美丽回忆一瞬间 html游戏javascript前端css
    很抱歉，我并不能直接为您写出HTML代码。但是我可以给您一些建议，帮助您开始编写您的地铁跑酷游戏。您可以使用HTML、CSS和JavaScript来制作地铁跑酷游戏。您可以创建一个HTML文件，其中包含您的游戏界面，并使用CSS来样式界面。接下来，您可以使用JavaScript来编写游戏的逻辑，包括玩家的移动、障碍物的生成、分数的计算等。以下是一个简单的HTML示例：地铁跑酷游戏</he
  • JeelizFaceFilter: 强大的JavaScript人脸追踪和AR滤镜库 m0_56734068 javascriptar开发语言
    JeelizFaceFilter:开启Web端人脸AR新纪元在移动互联网时代,AR(增强现实)技术已成为一种重要的交互方式。而在AR应用中,人脸检测和追踪是一个关键环节。JeelizFaceFilter作为一个强大的JavaScript人脸追踪库,为开发者提供了在Web端实现高质量人脸AR效果的便捷方案。本文将全面介绍JeelizFaceFilter的功能特性、使用方法以及应用案例,帮助读者快速上
  • arcgis js 画点 清云青云 arcgispoint
    1.引入需要的css、js文件，github地址：https://github.com/zhangliqingyun/arcgis-javascript/tree/master/arcgis/3.29   2.页面定义div：              3.加载地图连接：varmap=null;           //共用地图定义  varpointLayer=null;        //单点
  • JavaScript基础-元素可视区 client 系列 難釋懷 javascript前端开发语言
    在前端开发中，准确获取网页元素的尺寸和位置信息是构建动态交互效果的基础。JavaScript提供了多种属性来帮助开发者获取这些信息，其中client系列属性专门用于获取元素的内容区域尺寸（不包括滚动条）以及相对于浏览器窗口的位置。本文将深入探讨client系列属性的使用方法及其应用场景。一、初识Client属性client系列属性主要用于获取元素内容区域的宽度和高度，以及元素相对于其最近的可滚动祖
  • 基于Python+Django的计算机专业就业分析可视化系统 QQ79278590 javawebpythondjango开发语言
    基于Python+Django的计算机专业就业分析系统1.使用django-simpleui实现后端管理系统，使用requests爬取的数据2.使用django-allauth插件实现登录注册修改密码等，实现数据的搜索3.使用django框架实现的后端4.前端使用html5，css3，JavaScript，bootstrap2，使用echarts实现可视化
  • 使用Jest和React Testing Library测试组件 小涵 前端框架react.js前端前端框架javascript开发语言typescript
    使用Jest和ReactTestingLibrary测试组件在Web开发的世界中，测试和调试是确保应用程序可靠性和质量不可或缺的过程。在本文中，我们将探讨在React中进行测试和调试的各种方法论和工具，React是最受欢迎的用于构建用户界面的JavaScript库之一。推荐超级课程：本地离线DeepSeekAI方案部署实战教程【完全版】Docker快速入门到精通Kubernetes入门到大师通关课
  • TypeScript 与 JavaScript 对比 冬冬小圆帽 javascripttypescript
    核心概念对比JavaScript语言类型：动态类型脚本语言诞生时间：1995年（ES1标准）类型系统：运行时类型检查文件扩展名：.js编译需求：无需编译，直接执行TypeScript语言类型：静态类型超集语言诞生时间：2012年（微软开发）类型系统：编译时类型检查文件扩展名：.ts编译需求：需要编译为JavaScript执行技术架构差异维度JavaScriptTypeScript类型注解不支持支持
  • 运维知识：如何让你的服务器达到最大化的加载速度和更稳定的运行？ 浩特-ht 运维服务器linux
    运维知识：如何让你的服务器达到最大化的加载速度和更稳定的运行？一、为什么需要服务器优化？性能问题：慢加载速度导致用户流失（Google数据：页面加载延迟1秒，转化率下降20%）。稳定性问题：硬件故障、资源耗尽、服务崩溃可能导致业务中断。目标：通过系统级优化、服务调优、监控预警实现QPS提升30%+和全年99.99%可用性。二、服务器优化核心维度系统层内核参数资源管理服务层Web服务器数据库网络层C
  • CHES2024 issue-2文章总结 打工小熊猫 密码学文献分类总结arm开发同态加密密码学网络攻击模型系统安全
    来源：https://ches.iacr.org/2024/acceptedpapers.php简要分类：分类文章编号后量子密码软硬件加速相关1、2、5、7、8、9、11、15侧信道攻防相关3、6、10、12、13、26、27、28、30同态相关17、221.RevisitingKeccakandDilithiumImplementationsonARMv7-MJunhaoHuang,Alexan
  • js类型转换truthy和falsy javascript前端
    JavaScript在需要用到布尔类型值的上下文中使用强制类型转换(TypeConversion)将值转换为布尔值，比如：在条件语句或者循环语句中falsy值说明falsefalse关键字0数值zero-0负zero0n当BigInt作为布尔值使用时，遵从其作为数值的规则。0n是falsy值。"",'',``这是一个空字符串(字符串的长度为零).JavaScript中的字符串可用双引号"",单引号
  • Nginx负载均衡 510888780 nginx应用服务器
    Nginx负载均衡一些基础知识: nginx 的 upstream目前支持 4 种方式的分配 1)、轮询（默认）       每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器down掉，能自动剔除。 2)、weight       指定轮询几率，weight和访问比率成正比
  • RedHat 6.4 安装 rabbitmq bylijinnan erlangrabbitmqredhat
    在 linux 下安装软件就是折腾，首先是测试机不能上外网要找运维开通，开通后发现测试机的 yum 不能使用于是又要配置 yum 源，最后安装 rabbitmq 时也尝试了两种方法最后才安装成功 机器版本： [root@redhat1 rabbitmq]# lsb_release LSB Version: :base-4.0-amd64:base-4.0-noarch:core
  • FilenameUtils工具类 eksliang FilenameUtilscommon-io
    转载请出自出处：http://eksliang.iteye.com/blog/2217081 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • xml文件解析SAX 不懂事的小屁孩 xml
    xml文件解析:xml文件解析有四种方式， 1.DOM生成和解析XML文档(SAX是基于事件流的解析) 2.SAX生成和解析XML文档(基于XML文档树结构的解析) 3.DOM4J生成和解析XML文档 4.JDOM生成和解析XML 本文章用第一种方法进行解析，使用android常用的DefaultHandler import org.xml.sax.Attributes;
  • 通过定时任务执行mysql的定期删除和新建分区，此处是按日分区 酷的飞上天空 mysql
    使用python脚本作为命令脚本，linux的定时任务来每天定时执行 #!/usr/bin/python # -*- coding: utf8 -*- import pymysql import datetime import calendar #要分区的表 table_name = 'my_table' #连接数据库的信息 host,user,passwd,db =
  • 如何搭建数据湖架构？听听专家的意见 蓝儿唯美 架构
    Edo Interactive在几年前遇到一个大问题：公司使用交易数据来帮助零售商和餐馆进行个性化促销，但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据  “我们要花费27小时来处理每日的数据量，”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道：“所以在2013年，我们放弃了现有的基于PostgreSQL的关系型数据库系统，使用了Hadoop集群作为公司的数
  • spring学习——控制反转与依赖注入 a-john spring
           控制反转（Inversion of Control，英文缩写为IoC）是一个重要的面向对象编程的法则来削减计算机程序的耦合问题，也是轻量级的Spring框架的核心。 控制反转一般分为两种类型，依赖注入（Dependency Injection，简称DI）和依赖查找（Dependency Lookup）。依赖注入应用比较广泛。  
  • 用spool+unixshell生成文本文件的方法 aijuans xshell
    例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下: 　　set pages 50000; 　　set lines 200; 　　set trims on; 　　set heading off; 　　spool /oracle_backup/log/test/dept.lst; 　　select deptno||','||dname||','||loc
  • 1、基础--名词解析(OOA/OOD/OOP) asia007 学习基础知识
    OOA:Object-Oriented Analysis（面向对象分析方法） 是在一个系统的开发过程中进行了系统业务调查以后，按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上，针对OO方法所需要的素材进行的归类分析和整理，而不是对管理业务现状和方法的分析。 　　OOA（面向对象的分析）模型由5个层次（主题层、对象类层、结构层、属性层和服务层）
  • 浅谈java转成json编码格式技术 百合不是茶 json编码java转成json编码
    json编码;是一个轻量级的数据存储和传输的语言       在java中需要引入json相关的包,引包方式在工程的lib下就可以了   JSON与JAVA数据的转换（JSON 即 JavaScript Object Natation，它是一种轻量级的数据交换格式，非   常适合于服务器与 JavaScript 之间的数据的交
  • web.xml之Spring配置(基于Spring+Struts+Ibatis) bijian1013 javaweb.xmlSSIspring配置
    指定Spring配置文件位置 <context-param> <param-name>contextConfigLocation</param-name> <param-value> /WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml, /WEB-INF/
  • Installing SonarQube（Fail to download libraries from server） sunjing InstallSonar
    1.  Download and unzip the SonarQube distribution 2.  Starting the Web Server The default port is "9000" and the context path is "/". These values can be changed in &l
  • 【MongoDB学习笔记十一】Mongo副本集基本的增删查 bit1129 mongodb
    一、创建复本集   假设mongod,mongo已经配置在系统路径变量上，启动三个命令行窗口，分别执行如下命令：   mongod --port 27017 --dbpath data1 --replSet rs0 mongod --port 27018 --dbpath data2 --replSet rs0 mongod --port 27019 -
  • Anychart图表系列二之执行Flash和HTML5渲染 白糖_ Flash
    今天介绍Anychart的Flash和HTML5渲染功能   HTML5 Anychart从6.0第一个版本起，已经逐渐开始支持各种图的HTML5渲染效果了，也就是说即使你没有安装Flash插件，只要浏览器支持HTML5，也能看到Anychart的图形（不过这些是需要做一些配置的）。 这里要提醒下大家，Anychart6.0版本对HTML5的支持还不算很成熟，目前还处于
  • Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa bozch laravel
    昨天在为了把laravel升级到最新的版本，突然之间就出现了如下错误： ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
  • 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class Nim { /**编程之美 NIM游戏分析 问题： 有N块石头和两个玩家A和B，玩家A先将石头随机分成若干堆，然后按照BABA...的顺序不断轮流取石头， 能将剩下的石头一次取光的玩家获胜，每次取石头时，每个玩家只能从若干堆石头中任选一堆，
  • lunce创建索引及简单查询 chengxuyuancsdn 查询创建索引lunce
    import java.io.File; import java.io.IOException; import org.apache.lucene.analysis.Analyzer; import org.apache.lucene.analysis.standard.StandardAnalyzer; import org.apache.lucene.document.Docume
  • [IT与投资]坚持独立自主的研究核心技术 comsci it
           和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....        所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
  • flashback transaction闪回事务查询 daizj oraclesql闪回事务
       闪回事务查询有别于闪回查询的特点有以下3个： （1）其正常工作不但需要利用撤销数据，还需要事先启用最小补充日志。 （2）返回的结果不是以前的“旧”数据，而是能够将当前数据修改为以前的样子的撤销SQL（Undo SQL）语句。 （3）集中地在名为flashback_transaction_query表上查询，而不是在各个表上通过“as of”或“vers
  • Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件 游其是你 FilenameFilter
    这是一个FilenameFilter类用法的例子，实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
  • C语言学习五函数，函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题 dcj3sjt126com c
    # include <stdio.h> int f(void) //括号中的void表示该函数不能接受数据，int表示返回的类型为int类型 { return 10; //向主调函数返回10 } void g(void) //函数名前面的void表示该函数没有返回值 { //return 10; //error 与第8行行首的void相矛盾 } in
  • 今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Pl dcj3sjt126com centos
    今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again   处理很简单，修改文件“/etc/yum.repos.d/epel.repo”， 将baseurl的注释取消， mirrorlist注释掉。即可。 &n
  • 单例模式 shuizhaosi888 单例模式
    单例模式      懒汉式 public class RunMain { /** * 私有构造 */ private RunMain() { } /** * 内部类，用于占位，只有 */ private static class SingletonRunMain { priv
  • Spring Security（09）——Filter 234390216 Spring Security
    Filter 目录 1.1     Filter顺序 1.2     添加Filter到FilterChain 1.3     DelegatingFilterProxy 1.4     FilterChainProxy 1.5
  • 公司项目NODEJS实践0.1 逐行分析JS源代码 mongodbnginxubuntunodejs
      一、前言         前端如何独立用nodeJs实现一个简单的注册、登录功能，是不是只用nodejs+sql就可以了？其实是可以实现，但离实际应用还有距离，那要怎么做才是实际可用的。         网上有很多nod
  • java.lang.Math liuhaibo_ljf javaMathlang
    System.out.println(Math.PI); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1)); System.out.println(Math.abs(111111111)); System.out.println(Mat
  • linux下时间同步 nonobaba ntp
    今天在linux下做hbase集群的时候，发现hmaster启动成功了，但是用hbase命令进入shell的时候报了一个错误  PleaseHoldException: Master is initializing，查看了日志，大致意思是说master和slave时间不同步，没办法，只好找一种手动同步一下，后来发现一共部署了10来台机器，手动同步偏差又比较大，所以还是从网上找现成的解决方
  • ZooKeeper3.4.6的集群部署 roadrunners zookeeper集群部署
    ZooKeeper是Apache的一个开源项目，在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题，如：统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。   1、准备工作 我们准备3台机器做ZooKeeper集群，分别在3台机器上创建ZooKeeper需要的目录。   数据存储目录
  • Java高效读取大文件 tomcat_oracle java
    　　读取文件行的标准方式是在内存中读取，Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法： 　　Files.readLines(new File(path), Charsets.UTF_8); 　　FileUtils.readLines(new File(path)); 　　这种方法带来的问题是文件的所有行都被存放在内存中，当文件足够大时很快就会导致
  • 微信支付api返回的xml转换为Map的方法 xu3508620 xmlmap微信api
    举例如下： <xml>    <return_code><![CDATA[SUCCESS]]></return_code>    <return_msg><![CDATA[OK]]></return_msg>    <appid><
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他