elimago
elimago

Ajax 和 XML: 将 Ajax 用于聊天

  了解如何使用 Asynchronous JavaScript™ + XML (Ajax) 和 PHP 在 Web 应用程序中建立聊天系统。您的客户不需要下载或安装任何专门的即时消息通讯软件，就能和您及其他客户讨论网站的内容。

Web 2.0 一 词 出 现 以来， 开发 人 员 都在 说 社区。不 论 您是否 认为这 有点夸大其辞，但 让 用 户 或 读 者能 够 方便地 实时讨论页 面主 题 或者 销 售的 产 品， 这 一想法 还 是很吸引人的。但是怎 么办 呢？能否在推 销产 品的 页 面中加入聊天，而不必 让 客 户 安装任何特殊的 软 件包括 Adobe Flash Player 呢？当然！ 实 践 证 明，用免 费 的 现 成工具如 PHP 、 MySQL 、 动态 HTML (DHTML) 、 Ajax 和 Prototype.js 库 就能完全做到。
不再 罗嗦 了， 让 我 们 立即 开 始吧。
登 录
聊天首先要有一个身份 标识 。 这 就需要一个 简单 的登 录页 ，如 清单 1 所示。

清 单 1. index.html

               
<html>
<head><title>Chat Login</title></head>
<body>
<form action="chat.php" method="post">
Username: <input type="text" name="username">
<input type="submit" value="Login">
</form>
</body>
</html>

 
该页 的 显 示 结 果如 图 1 所示。
图 1. 聊天登录窗口
 Ajax 和 XML: 将 Ajax 用于聊天_第1张图片
 
注意：该 例中需要登 录 窗口是因 为 我希望知道 谁 在 说话 。 对 于您的 应 用程序，可能已 经 存 在一个登 录页 面，使用自己已有的用 户 名即可。
 
 
基本的聊天系 统
聊天系 统实质 上就是一个字符串表格， 每 个字符串属于一个 发 言者。最 简单 的模式如 清单 2 所示。

清 单 2. chat.sql
               
DROP TABLE IF EXISTS messages;
 
CREATE TABLE messages (
 message_id INTEGER NOT NULL AUTO_INCREMENT,
 username VARCHAR(255) NOT NULL,
 message TEXT,
 PRIMARY KEY ( message_id )
);
 
脚本中包含自 动 增加的消息 ID 、用 户 名和消息本身。如果需要， 还 可以向 每 条消息增加 时间 戳以 记录发 送的 时间 。
如果需要管理不同 话题 的多个会 话 ， 还 需要建立一个表 记录 不同的 话题 ，并在消息表中增加相 关 的 topic_id 。 为 了尽量 简 化例子，我采用了最 简单 的模式。
建立数据 库 和加 载 模式使用了下列命令：
% mysqladmin create chat
% mysql chat < chat.sql
 
根据 MySQL 服 务 器的 设 置及其安全 设 定和口令，命令可能略有不同。
最基本的聊天用 户 界面（ UI ）如 清单 3 所示。

清 单 3. chat.php
               
<?php
if ( array_key_exists( 'username', $_POST ) ) {
 $_SESSION['user'] = $_POST['username'];
}
$user = $_SESSION['user'];
?>
<html>
<head><title><?php echo( $user ) ?> - Chatting</title>
<script src="prototype.js"></script>
</head>
<body>
 
<div id="chat" style="height:400px;overflow:auto;">
</div>
 
<script>
function addmessage()
{
 new Ajax.Updater( 'chat', 'add.php',
 {
 method: 'post',
 parameters: $('chatmessage').serialize(),
 onSuccess: function() {
 $('messagetext').value = '';
 }
 } );
}
</script>
 
<form id="chatmessage">
<textarea name="message" id="messagetext">
</textarea>
</form>
 
<button onclick="addmessage()">Add</button>
 
<script>
function getMessages()
{
 new Ajax.Updater( 'chat', 'messages.php', {
 onSuccess: function() { window.setTimeout( getMessages, 1000 ); }
 } );
}
getMessages();
</script>
 
</body>
</html>
 
在脚本的 开 始部分中，您可从登 录页 面提交的参数中 获 取用 户 名并存 储 在会 话 中。然后加 载 Prototype.js JavaScript 库 ，它可以完成所有 Ajax 处 理。
然后 页 面提供了存放消息的位置。 该 区域由文件后面的 getMessages() JavaScript 函数填写。
消息区域的下面是一个表 单 和用 户输 入消息文本的 textarea 。 还 有一个按 钮Add 添加聊天消息。
页 面如 图 2 所示。

图 2. 简单的聊天窗口
Ajax 和 XML: 将 Ajax 用于聊天_第2张图片
请 注意 getMessages() 函数， 页 面 实际 上 每 1000 毫秒（ 1 秒） 轮询 一次服 务 器， 检查 是否有新消息，并把 结 果 输 出到 页 面上方的消息区域。本文 后面 还 要 详细 介 绍轮询 ，我想首先完成基本的 实现 ， messages.php 页 面返回当前的消息列表。 该页 如 清单 4 所示。

清 单 4. messages.php
               
<table>
<?php
require_once("DB.php");
 
$db =& DB::Connect( 'mysql://root@localhost/chat', array() );
if (PEAR::isError($db)) { die($db->getMessage()); }
 
$res = $db->query('SELECT * FROM messages' );
while( $res->fetchInto( $row ) )
{
?>
<tr><td><?php echo($row[1]) ?></td>
<td><?php echo($row[2]) ?></td></tr>
<?php
}
?>
</table>
 
脚本的一 开 始用 DB 库连 接到数据 库 ， 这 个 库 可从 PEAR 下 载 （ 请 参 阅 参考资料 ）。如果 还 没有安装 这 个 库 ，可通 过 下面的命令完成：
% pear install DB
 
PEAR 安装后，脚本可以 查询 当前的消息， 检 索 每 一行， 输 出用 户 名和消息文本。
最后 还 有 add.php 脚本，从 页 面上 addmessage() 函数的 Prototype.js Ajax 代 码 中 调 用。 该 脚本从会 话 中取得消息文本和用 户 名，然后在消息表中插入新的一行。代 码 如 清单 5 所示。

清 单 5. add.php
               
<?php
require_once("DB.php");
 
$db =& DB::Connect( 'mysql://root@localhost/chat', array() );
if (PEAR::isError($db)) { die($db->getMessage()); }
 
$sth = $db->prepare( 'INSERT INTO messages VALUES ( null, ?, ? )' );
$db->execute( $sth, array( $_SESSION['user'], $_POST['message'] ) );
?>
<table>
<?php
$res = $db->query('SELECT * FROM messages' );
while( $res->fetchInto( $row ) )
{
?>
<tr><td><?php echo($row[1]) ?></td>
<td><?php echo($row[2]) ?></td></tr>
<?php
}
?>
</table>
 
add.php 脚本 还 返回当前的消息列表，因 为 原 页 面中的 Ajax 代 码 要从返回的 HTML 代 码 更新聊天 记录 。 这样 用 户 就能 马 上看到添加到会 话 中的文本。
聊天系 统 的基本 结 构就是 这 些。下一 节说 明如何改 进轮询 的效率。
一点改 进
这 个原始的聊天系 统 中， 页 面 每 秒 请 求一次 对话 的所有聊天 记录 。 虽 然 对 于 较 短的 对话 影响不大，但是如果 对话 很 长 ，性能 问题 就 显现 出来了。所幸的是解决起来很 简单 。 每 条消息都有 message_id ， 这 个数字自 动递 增。因此，如果知道已 经 有了属于某个 ID 的消息，只需要 请 求出 现 在此 ID 之后的消息就可以。 这样 可以大大降低消息 传递 的数量。多数 请 求很可能没有新的消息， 传递 的包就会 变 小。
采用效率更高的 设计 需要稍微修改 chat.php 页 面，如 清单 6 所示。

清 单 6. chat.php（修改）
               
<?php
if ( array_key_exists( 'username', $_POST ) ) {
 $_SESSION['user'] = $_POST['username'];
}
$user = $_SESSION['user'];
?>
<html>
<head><title><?php echo( $user ) ?> - Chatting</title>
<script src="prototype.js"></script>
</head>
<body>
 
<div style="height:400px;overflow:auto;">
<table id="chat">
</table>
</div>
 
<script>
function addmessage()
{
 new Ajax.Request( 'add.php', {
 method: 'post',
 parameters: $('chatmessage').serialize(),
 onSuccess: function( transport ) {
 $('messagetext').value = '';
 }
 } );
}
</script>
 
<form id="chatmessage">
<textarea name="message" id="messagetext">
</textarea>
</form>
 
<button onclick="addmessage()">Add</button>
 
<script>
var lastid = 0;
function getMessages()
{
 new Ajax.Request( 'messages.php?id='+lastid, {
 onSuccess: function( transport ) {
 var messages = transport.responseXML.getElementsByTagName( 'message' );
 for( var i = 0; i < messages.length; i++ )
 {
 var message = messages[i].firstChild.nodeValue;
 var user = messages[i].getAttribute('user');
 var id = parseInt( messages[i].getAttribute('id') );
 
 if ( id > lastid )
 {
 var elTR = $('chat').insertRow( -1 );
 var elTD1 = elTR.insertCell( -1 );
 elTD1.appendChild( document.createTextNode( user ) );
 var elTD2 = elTR.insertCell( -1 );
 elTD2.appendChild( document.createTextNode( message ) );
 
 lastid = id;
 }
 }
 window.setTimeout( getMessages, 1000 );
 }
 } );
}
getMessages();
</script>
 
</body>
</html>
 
不再用 “chat” <div> 标记 包含所有的消息， 现 在改 为 <table> 标记 ，收到新消息的 时 候 动态 地追加一行。可以看到 getMessages() 函数中的相 应变 化，和第一个版本相比 长 了一些。
新版本的 getMessages() 预 期 messages.php 页 面的 结 果是包含新消息的 XML 块 。 messages.php 增加了一个参数 id ，即 页 面 显 示的最后一条消息的 message_id 。一 开 始 ID 为 0 ，因而 messages.php 页 面返回所有的消息。此后 则发 送到目前 为 止 显 示 过 的最后一条消息的 ID 。
XML 响 应 用 onSuccess 处 理程序分解成元素， 每 个元素使用 标 准 DHTML 文档 对 象模型（ DOM ）函数添加到表格中，如 insertRow() 、 insertCell() 和 appendChild() 。
修改后的 messages.php 文件返回 XML 而不是 HTML ，如 清单 7 所示。
 
清 单 7. messages.php
               
<?php
require_once("DB.php");
 
header( 'Content-type: text/xml' );
 
$id = 0;
if ( array_key_exists( 'id', $_GET ) ) { $id = $_GET['id']; }
 
$db =& DB::Connect( 'mysql://root@localhost/chat', array() );
if (PEAR::isError($db)) { die($db->getMessage()); }
?>
<messages>
<?php
$res = $db->query( 'SELECT * FROM messages WHERE message_id > ?', $id );
while( $res->fetchInto( $row ) )
{
?>
<message id="<?php echo($row[0]) ?>" user="<?php echo($row[1]) ?>">
<?php echo($row[2]) ?>
</message>
<?php
}
?>
</messages>
 
图 3 显 示了新的改 进 后的版本。

图 3. 经过优化的聊天窗口
Ajax 和 XML: 将 Ajax 用于聊天_第3张图片
从外 观 上来 说 没有什 么 改 变 。但是和原来的相比效率要高得多。
 
“ 实时 ” 的秘密
如果 刚 接触 Ajax 或者 仅对该领 域有所了解， “ 轮询 ” 的概念可能 让 您感到害怕。不幸的是， 轮询 是惟一的 办 法。要在客 户 机和服 务 器之 间 建立 连续 管道，同 时 又不需要在两端安装特定 软 件，尚不存在可 实现 此目的的跨平台、跨 浏览 器方法。即便 这样 ，可能 还 需要 对 防火 墙进 行 专门 配置才行得通。因此，如果需要人人能用的一 种简 便 办 法， Ajax 和 轮询 是惟一的可能。
但是不断宣 传 和鼓吹的 “ 实时 ” 在哪儿呢？ 轮询 不可能是 实时 的。真的如此 吗 ？我 认为这 取决于您 对实时 的定 义 。我 过 去 编 写 电 生理学数据 检 索代 码时 ， 实时 意味着毫秒。我相信地 质 学家在某些情况下把分、日甚至年看作是 实时 。
如果 查阅 Wikipedia ，即会 发现 人 类 的平均反 应时间 大 约 在 200 到 270 毫秒之 间 。也就是 击 一次球的 时间 。 阅读 一条消息并形成答 复 的 时间 要 长 得多，即使您非常投入。因此，等待聊天消息 时 ， 200 毫秒左右（可能再 长 一点）的 时间应该 足 够 了。我 设 置 为 1 秒，而且没有感 觉 到不舒服。
作 为 developerWorks Ajax 论坛 （ 请 参 阅 参考资料 ）的主持人， 轮询 和 实时 的 问题每 月至少遇到一次。我希望 对 于 Ajax 来 说 已 经揭 穿了 轮询 和所 谓实时 的面具。建 议 在考 虑 某 种 极其 复杂 的 实时 解决方案之前 尝试 一下 轮询 。 这样 至少可以知道 尝试 自定 义 的解决方案之前使用 现 成的工具能 够 做什 么 。
 
此后的工作
希望本文 为 您提供了一个不 错 的起点，以此 为 基 础 在您的 应 用程序中 实现 自己的聊天系 统 。 下面是一些建 议 ：
  • 记录用户：在聊天窗口的旁边列出目前参加会谈的人员。这样可以告诉人们谁参加了谈话，什么时候来的，什么时候退出的。
  • 允许多个会谈：允许多个关于不同话题的谈话同时进行。
  • 支持表情字符：将:-)这样的字符组合翻译成适当的笑脸图像。
  • 使用 URL 解析：在客户端 JavaScript 代码中使用正则表达式发现 URL 并转化成超链接。
  • 处理 Enter 键：取消 Add 按钮，通过检查textarea的onkeydown事件看看用户是否按下了 Enter 或 Return 键。
  • 显示用户输入时间：用户开始输入的时候通知服务器，会谈的其他人可以看到有人在回复。这样如果有人打字慢可以将谈话结束的感觉减到最低。
  • 限制消息的大小：保持谈话顺畅的另一个办法是避免消息过长。限制textarea中的最大字符数 — 同样通过捕获onkeydown — 有助于提高交谈的速度。
这仅仅 是修改上述代 码进 行改 进 的部分想法。如果您 这样 做了并且希望在社区中分享您的成果， 请 告 诉 我，我可以将其放到 下载 的源代 码 中。
 
结 束 语
我承 认 我不大喜 欢 聊天。我从未打 开 我的聊天客 户 机。很 长时间 内 仅 使用 过 一次文本消息。我的聊天 标识 符是 idratheryouemail 。 够严肃 的。不 过 我 发现结 合当前 环 境的聊天，比如本文所述的 这种 情况很吸引人。 为 什 么 ？因 为 它主要集中在网站有 关 的主 题 上，可以最大限度的避免 关 于最近 “TomKat” 新 闻这类 的 东 拉西扯。
在您的 Web 应 用程序中 尝试这 段代 码 。 看看能否 让 您的 读 者和客 户进 行 实时 交 谈 ，并通 过 developerWorks Ajax 论坛 告 诉 我效果如何。希望能 给 您以惊喜。

 

参考 资 料
学 习
  • 您可以参阅本文在 developerWorks 全球网站上的 英文原文。
  • 订阅 Ajax 和 XML 系列 RSS 提要。
  • Ajax 技术资源中心：developerWorks 上所有有关 Ajax 的问题都可以在这里找到解答。
  • 订阅 Ajax 相关文章和教程的 RSS 提要：获得即将发表的 Ajax 相关文章和教程的通知（查看 developerWorks 内容 RSS 提要 了解更多的信息）。
  • PHP 主页：为 PHP 程序员提供了大量参考资料。
  • Prototype 库：这个 JavaScript Framework 可以简化动态 Web 应用程序的开发。
  • Scriptaculous JavaScript 库：这个基于 Prototype 的框架提供的显示帮助器和特效可以改善您的网站。
  • Prototype.js 文档：关于 Prototype JavaScript 库的其他信息，包括到官方 Prototype blog 和很多其他资源的链接。
  • jQuery：提供了和 Prototype.js 功能类似的另一个 JavaScript 库。
  • Yahoo! User Interface Library：看看 Yahoo! 的 Ajax 工具箱。
  • developerWorks XML 专区：通过 developerWorks XML 专区了解 XML 的方方面面。
  • IBM XML 认证：了解如何才能成为一名 IBM 认证的 XML 及相关技术的开发人员。
  • XML 技术文档库：developerWorks XML 专区提供了大量技术文章和技巧、教程、标准以及 IBM 红皮书。
  • developerWorks 技术事件和网络广播：随时关注技术的最新进展。

你可能感兴趣的:(Ajax 和 XML: 将 Ajax 用于聊天)

  • 情绪觉察日记第37天 露露_e800
    今天是家庭关系规划师的第二阶最后一天，慧萍老师帮我做了个案，帮我处理了埋在心底好多年的一份恐惧，并给了我深深的力量！这几天出来学习，爸妈过来婆家帮我带小孩，妈妈出于爱帮我收拾东西，并跟我先生和婆婆产生矛盾，妈妈觉得他们没有照顾好我…。今晚回家见到妈妈，我很欣赏她并赞扬她，妈妈说今晚要跟我睡我说好，当我们俩躺在床上准备睡觉的时候，我握着妈妈的手对她说:妈妈这几天辛苦你了，你看你多利害把我们的家收拾得
  • 芦花鞋一四 许叶晗
    又是在一个寒冷的夏日里，青铜和葵花决定今天一起去卖芦花鞋，奶奶亲手给他们做了一碗热乎乎的粥对他们说:“就靠你们两挣生活费了这碗粥赶紧趁热喝了吧！”于是青铜和葵花喝完了奶奶给她们做的粥，就准备去镇上卖卢花鞋，这回青铜和葵花穿着新的芦花鞋来到了镇上。青铜这回看到了很多人都在卖，用手势表达对葵花说:“这回有好多人在抢我们生意呢！我们必须得吆喝起来。”葵花点了点头。可是谁知他们也大声的叫，卖芦花喽！卖芦花
  • 关于沟通这件事，项目经理不需要每次都面对面进行 流程大师兄
    很多项目经理都会遇到这样的问题，项目中由于事情太多，根本没有足够的时间去召开会议，那在这种情况下如何去有效地管理项目中的利益相关者？当然，不建议电子邮件也不需要开会的话，建议可以采取下面几种方式来形成有效的沟通，这几种方式可以帮助你努力的通过各种办法来保持和各方面的联系。项目经理首先要问自己几个问题，项目中哪些利益相关者是必须要进行沟通的？可以列出项目中所有的利益相关者清单，同时也整理出项目中哪些
  • 机器学习与深度学习间关系与区别 ℒℴѵℯ心·动ꦿ໊ོ꫞ 人工智能学习深度学习python
    一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入
  • 想家 爆米花机
    也许不同于大家对家乡的思念，我对家乡甚至是疯狂的不舍。还未踏出车站就感觉到幸福，我享受这里的夕阳、这里的浓烈柴火味、这里每一口家常菜。我是宅女，我贪恋家的安逸。刚刚踏出大学校门，初出茅庐，无法适应每年只能国庆和春节回家。我焦虑、失眠、无端发脾气，是无法适应工作的节奏，是无法接受我将一步步离开家乡的事实。我不想承认自己胸无大志，选择再次踏上征程。图片发自App
  • 【iOS】MVC设计模式 Magnetic_h iosmvc设计模式objective-c学习ui
    MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod
  • 一百九十四章. 自相矛盾 巨木擎天
    唉！就这么一夜，林子感觉就像过了很多天似的，先是回了阳间家里，遇到了那么多不可思议的事情儿。特别是小伙伴们，第二次与自己见面时，僵硬的表情和恐怖的气氛，让自己如坐针毡，打从心眼里难受！还有东子，他现在还好吗？有没有被人欺负？护城河里的小鱼小虾们，还都在吗？水不会真的干枯了吧？那对相亲相爱漂亮的太平鸟儿，还好吧！春天了，到了做窝、下蛋、喂养小鸟宝宝的时候了，希望它们都能够平安啊！虽然没有看见家人，也
  • UI学习——cell的复用和自定义cell Magnetic_h ui学习
    目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • 地推话术，如何应对地推过程中家长的拒绝 校师学
    相信校长们在做地推的时候经常遇到这种情况：市场专员反馈家长不接单，咨询师反馈难以邀约这些家长上门，校区地推疲软，招生难。为什么？仅从地推层面分析，一方面因为家长受到的信息轰炸越来越多，对信息越来越“免疫”；而另一方面地推人员的专业能力和营销话术没有提高，无法应对家长的拒绝，对有意向的家长也不知如何跟进，眼睁睁看着家长走远；对于家长的疑问，更不知道如何有技巧地回答，机会白白流失。由于回答没技巧和专业
  • 谢谢你们，爱你们！ 鹿游儿
    昨天家人去泡温泉，二个孩子也带着去，出发前一晚，匆匆下班，赶回家和孩子一起收拾。饭后，我拿出笔和本子（上次去澳门时做手帐的本子）写下了1\2\3\4\5\6\7\8\9,让后让小壹去思考，带什么出发去旅游呢？她在对应的数字旁边画上了，泳衣、泳圈、肖恩、内衣内裤、tapuy、拖鞋……画完后，就让她自己对着这个本子，将要带的，一一带上，没想到这次带的书还是这本《便便工厂》(晚上姑婆发照片过来，妹妹累得
  • C语言如何定义宏函数？ 小九格物 c语言
    在C语言中，宏函数是通过预处理器定义的，它在编译之前替换代码中的宏调用。宏函数可以模拟函数的行为，但它们不是真正的函数，因为它们在编译时不会进行类型检查，也不会分配存储空间。宏函数的定义通常使用#define指令，后面跟着宏的名称和参数列表，以及宏展开后的代码。宏函数的定义方式：1.基本宏函数：这是最简单的宏函数形式，它直接定义一个表达式。#defineSQUARE(x)((x)*(x))2.带参
  • 微服务下功能权限与数据权限的设计与实现 nbsaas-boot 微服务java架构
    在微服务架构下，系统的功能权限和数据权限控制显得尤为重要。随着系统规模的扩大和微服务数量的增加，如何保证不同用户和服务之间的访问权限准确、细粒度地控制，成为设计安全策略的关键。本文将讨论如何在微服务体系中设计和实现功能权限与数据权限控制。1.功能权限与数据权限的定义功能权限：指用户或系统角色对特定功能的访问权限。通常是某个用户角色能否执行某个操作，比如查看订单、创建订单、修改用户资料等。数据权限：
  • 理解Gunicorn：Python WSGI服务器的基石 范范0825 ipythonlinux运维
    理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
  • 2021年12月19日，春蕾教育集团团建活动感受——黄晓丹 黄错错加油
    感受:1.从陌生到熟悉的过程。游戏环节让我们在轻松的氛围中得到了锻炼，也增长了不少知识。2.游戏过程中，我们贡献的是个人力量，展现的是团队的力量。它磨合的往往不止是工作的熟悉，更是观念上契合度的贴近。3.这和工作是一样的道理。在各自的岗位上，每个人摆正自己的位置、各司其职充分发挥才能，并团结一致劲往一处使，才能实现最大的成功。新知:1.团队精神需要不断地创新。过去，人们把创新看作是冒风险，现在人们
  • Cell Insight | 单细胞测序技术又一新发现，可用于HIV-1和Mtb共感染个体诊断 尐尐呅
    结核病是艾滋病合并其他疾病中导致患者死亡的主要原因。其中结核病由结核分枝杆菌（Mycobacteriumtuberculosis,Mtb）感染引起，获得性免疫缺陷综合症（艾滋病）由人免疫缺陷病毒（Humanimmunodeficiencyvirustype1,HIV-1）感染引起。国家感染性疾病临床医学研究中心/深圳市第三人民医院张国良团队携手深圳华大生命科学研究院吴靓团队，共同研究得出单细胞测序
  • c++ 的iostream 和 c++的stdio的区别和联系 黄卷青灯77 c++算法开发语言iostreamstdio
    在C++中，iostream和C语言的stdio.h都是用于处理输入输出的库，但它们在设计、用法和功能上有许多不同。以下是两者的区别和联系：区别1.编程风格iostream（C++风格）：C++标准库中的输入输出流类库，支持面向对象的输入输出操作。典型用法是cin（输入）和cout（输出），使用>操作符来处理数据。更加类型安全，支持用户自定义类型的输入输出。#includeintmain(){in
  • 《投行人生》读书笔记 小蘑菇的树洞
    《投行人生》----作者詹姆斯-A-朗德摩根斯坦利副主席40年的职业洞见-很短小精悍的篇幅，比较适合初入职场的新人。第一部分成功的职业生涯需要规划1.情商归为适应能力分享与协作同理心适应能力，更多的是自我意识，你有能力识别自己的情并分辨这些情绪如何影响你的思想和行为。2.对于初入职场的人的建议，细节，截止日期和数据很重要截止日期，一种有效的方法是请老板为你所有的任务进行优先级排序。和老板喝咖啡的好
  • mysql禁用远程登录 igotyback mysql
    去mysql库中的user表里，将host都改成localhost之后刷新权限FLUSHPRIVILEGES;
  • 如何在 Fork 的 GitHub 项目中保留自己的修改并同步上游更新？github_fork_update iBaoxing github
    如何在Fork的GitHub项目中保留自己的修改并同步上游更新？在GitHub上Fork了一个项目后，你可能会对项目进行一些修改，同时原作者也在不断更新。如果想要在保留自己修改的基础上，同步原作者的最新更新，很多人会不知所措。本文将详细讲解如何在不丢失自己改动的情况下，将上游仓库的更新合并到自己的仓库中。问题描述假设你在GitHub上Fork了一个项目，并基于该项目做了一些修改，随后你发现原作者对
  • Linux下QT开发的动态库界面弹出操作（SDL2） 13jjyao QT类qt开发语言sdl2linux
    需求：操作系统为linux，开发框架为qt，做成需带界面的qt动态库，调用方为java等非qt程序难点：调用方为java等非qt程序，也就是说调用方肯定不带QApplication::exec()，缺少了这个，QTimer等事件和QT创建的窗口将不能弹出(包括opencv也是不能弹出)；这与qt调用本身qt库是有本质的区别的思路：1.调用方缺QApplication::exec()，那么我们在接口
  • 绘本讲师训练营【24期】8/21阅读原创《独生小孩》 1784e22615e0
    24016-孟娟《独生小孩》图片发自App今天我想分享一个蛮特别的绘本，讲的是一个特殊的群体，我也是属于这个群体，80后的独生小孩。这是一本中国绘本，作者郭婧，也是一个80厚。全书一百多页，均为铅笔绘制，虽然为黑白色调，但并不显得沉闷。全书没有文字，犹如“默片”，但并不影响读者对该作品的理解，反而显得神秘，梦幻，給读者留下想象的空间。作者在前蝴蝶页这样写到：“我更希望父母和孩子一起分享这本书，使他
  • 店群合一模式下的社区团购新发展——结合链动 2+1 模式、AI 智能名片与 S2B2C 商城小程序源码 说私域 人工智能小程序
    摘要：本文探讨了店群合一的社区团购平台在当今商业环境中的重要性和优势。通过分析店群合一模式如何将互联网社群与线下终端紧密结合，阐述了链动2+1模式、AI智能名片和S2B2C商城小程序源码在这一模式中的应用价值。这些创新元素的结合为社区团购带来了新的机遇，提升了用户信任感、拓展了营销渠道，并实现了线上线下的完美融合。一、引言随着互联网技术的不断发展，社区团购作为一种新兴的商业模式，在满足消费者日常需
  • 消息中间件有哪些常见类型 xmh-sxh-1314 java
    消息中间件根据其设计理念和用途，可以大致分为以下几种常见类型：点对点消息队列（Point-to-PointMessagingQueues）：在这种模型中，消息被发送到特定的队列中，消费者从队列中取出并处理消息。队列中的消息只能被一个消费者消费，消费后即被删除。常见的实现包括IBM的MQSeries、RabbitMQ的部分使用场景等。适用于任务分发、负载均衡等场景。发布/订阅消息模型（Pub/Sub
  • ArcGIS栅格计算器常见公式（赋值、0和空值的转换、补充栅格空值） 研学随笔 arcgis经验分享
    我们在使用ArcGIS时通常经常用到栅格计算器，今天主要给大家介绍我日常中经常用到的几个公式，供大家参考学习。将特定值（-9999）赋值为0，例如-9999.Con("raster"==-9999,0,"raster")2.给空值赋予特定的值（如0）Con(IsNull("raster"),0,"raster")3.将特定的栅格值(如1)赋值为空值，其他保留原值SetNull("raster"==
  • 高级编程--XML+socket练习题 masa010 java开发语言
    1.北京华北2114.8万人上海华东2,500万人广州华南1292.68万人成都华西1417万人（1）使用dom4j将信息存入xml中（2）读取信息，并打印控制台（3）添加一个city节点与子节点（4）使用socketTCP协议编写服务端与客户端，客户端输入城市ID，服务器响应相应城市信息（5）使用socketTCP协议编写服务端与客户端，客户端要求用户输入city对象，服务端接收并使用dom4j
  • 水平垂直居中的几种方法（总结） LJ小番茄 CSS_玄学语言htmljavascript前端csscss3
    1.使用flexbox的justify-content和align-items.parent{display:flex;justify-content:center;/*水平居中*/align-items:center;/*垂直居中*/height:100vh;/*需要指定高度*/}2.使用grid的place-items:center.parent{display:grid;place-item
  • 本周第二次约练 2cfbdfe28a51
    中原焦点团队中24初26刘霞2021.12.3约练161次，分享第368天当事人虽然是带着问题来的，但是咨询过程中发现，她是经过自己不断地调整和努力才走到现在的，看到当事人的不容易，找到例外，发现资源，力量感也就随之而来。增强画面感，或者说重温，会给当事人带来更深刻的感受。
  • 放下是一段成长的修行 小莳玥
    人来到这个世界上，只有两件事：生和死。一件事已经做完了，另一件你还急什么呢?是人，都有七情六欲。是心，都有喜怒哀乐，这些再正常不过了。别总抱怨自己活得累，过得辛苦。永远记住：舒坦是留给死人的。苦，才是生活；累，才是工作；变，才是命运；忍，才是历练；容，才是智慧；静，才是修养；舍，才会得到；做，才会拥有。人生，活得太清楚，才是最大的不明白。有些事，看得很清，却说不清；有些人，了解很深，却猜不透；有些
  • 回溯 Leetcode 332 重新安排行程 mmaerd Leetcode刷题学习记录leetcode算法职场和发展
    重新安排行程Leetcode332学习记录自代码随想录给你一份航线列表tickets，其中tickets[i]=[fromi,toi]表示飞机出发和降落的机场地点。请你对该行程进行重新规划排序。所有这些机票都属于一个从JFK（肯尼迪国际机场）出发的先生，所以该行程必须从JFK开始。如果存在多种有效的行程，请你按字典排序返回最小的行程组合。例如，行程[“JFK”,“LGA”]与[“JFK”,“LGB
  • github中多个平台共存 jackyrong github
    在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 ssh链接一个托管的而已，下面讲解如何放两个文件 1） 设置用户名和邮件地址 $ git config --global user.name "xx" $ git config --global user.email "[email protected]"
  • ip地址与整数的相互转换(javascript) alxw4616 JavaScript
    //IP转成整型 function ip2int(ip){ var num = 0; ip = ip.split("."); num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]); n
  • 读书笔记-jquey+数据库+css chengxuyuancsdn htmljqueryoracle
    1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
  • javaSE javaEE javaME == API下载 Array_06 java
    oracle下载各种API文档： http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html JavaSE文档： http://docs.oracle.com/javase/8/docs/api/ JavaEE文档： ht
  • shiro入门学习 cugfy javaWeb框架
    声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。 首先配置我们的web.xml代码如下，固定格式，记死就成 <filter>         <filter-name>shiroFilter</filter-name> &nbs
  • Array添加删除方法 357029540 js
         刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 //给数组添加删除             Array.prototype.del = function(n){
  • navigation bar 更改颜色 张亚雄 IO
    今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。       翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下    
  • unicode转换成中文 adminjun unicode编码转换
      在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 /** * unicode 转换成 中文
  • 一站式 Java Web 框架 firefly aijuans Java Web
    Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。 更新日志： 增加自定义系统错误页面功能
  • 设计模式——单例模式 ayaoxinchao 设计模式
    定义          Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。”   分析          从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。   &nb
  • Javascript 多浏览器兼容性问题及解决方案 BigBird2012 JavaScript
    不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
  • JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误 bijian1013 junit4.11单元测试
            下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现：    
  • [Zookeeper学习笔记之二]Zookeeper部署脚本 bit1129 zookeeper
    Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)：   #!/bin/bash #!!!Change the name!!! #The zookeepe
  • 【Spark八十】Spark RDD API二 bit1129 spark
    coGroup package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} import org.apache.spark.SparkContext._ object CoGroupTest_05 { def main(args: Array[String]) { v
  • Linux中编译apache服务器modules文件夹缺少模块(.so)的问题 ronin47 modules
    在modules目录中只有httpd.exp，那些so文件呢？ 我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 去make并且make install了。我希望在/apache2/modules/目录里有各种模块，
  • Java基础-克隆 BrokenDreams java基础
            Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为 克隆。         Java提供了java.lang.
  • 读《研磨设计模式》-代码笔记-适配器模式-Adapter bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致 * 可以这样想，我们要写这样一个类（Adapter）: * 1.这个类要符合客户的要求 ---> 那显然要
  • HDR图像PS教程集锦&心得 cherishLC PS
    HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。 软件有photomatix和nik hdr efex。 一、教程 叶明在知乎上的回答： http://www.zhihu.com/question/27418267/answer/37317792 大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。 二、心得 1、去除阴影部分的
  • maven-3.3.3 mvn archetype 列表 crabdave ArcheType
    maven-3.3.3 mvn archetype 列表 可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml   [INFO] Scanning for projects... [INFO]                
  • linux shell 中文件编码查看及转换方法 daizj shell中文乱码vim文件编码
    一、查看文件编码。     在打开文件的时候输入:set fileencoding     即可显示文件编码格式。 二、文件编码转换     1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式       &
  • MySQL--binlog日志恢复数据 dcj3sjt126com binlog
    恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002                  
  • 数据库中数据表数据迁移方法 dcj3sjt126com sql
    刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用   下面看看如何使用   语法：MySQL中INSERT INTO SELECT的使用 1. 语法介绍       有三张表a、b、c，现在需要从表b
  • Java反转字符串 dyy_gusi java反转字符串
           前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri
  • UI设计中我们为什么需要设计动效 gcq511120594 UIlinux
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用
  • JBOSS服务部署端口冲突问题 HogwartsRow java应用服务器jbossserverEJB3
    服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。   1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml   2、./server/default/deploy/jbossweb.sar/server.xml   3、.
  • 第三章 Redis/SSDB+Twemproxy安装与使用 jinnianshilongnian ssdbreidstwemproxy
    目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD
  • ZooKeeper原理及使用 liyonghui160com
               ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper
  • 程序员解决问题的60个策略 pda158 框架工作单元测试
    根本的指导方针 1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 良好的单元测试 强制数据库约束 使用输入验证框架 避免未实现的“else”条件 在应用到主程序之前知道如何在孤立的情况下使用   日志 2. print 语句。往往额外输出个一两行将有助于隔离问题。 3. 切换至详细的日志记录。详细的日
  • Create the Google Play Account sillycat Google
    Create the Google Play Account Having a Google account, pay 25$, then you get your google developer account. References: http://developer.android.com/distribute/googleplay/start.html https://p
  • JSP三大指令 vikingwei jsp
    JSP三大指令   一个jsp页面中，可以有0~N个指令的定义！ 1. page --> 最复杂：<%@page language="java" info="xxx"...%>   * pageEncoding和contentType：     > pageEncoding：它
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他