首页 后端开发 php教程 PHP+MySQL+jQuery实现发布微博程序——PHP篇_PHP教程

PHP+MySQL+jQuery实现发布微博程序——PHP篇_PHP教程

Jul 13, 2016 pm 05:19 PM
php 发布 实现 微博 程序

在上一篇《PHP+MySQL+jQuery实现发布微博程序——jQuery篇》中,讲解了如何用jQuery实现输入表单的实时字数统计和Ajax提交数据到后台的功能。本文将重要介绍后台是如何处理前台提交的数据,并返回结果的。

先还是要说明本例的业务流程:

1、前端用户输入内容,并对输入的内容字数进行实时统计。

2、用户提交数据,jQuery实现通过Ajax向后台发送数据。

3、后台PHP接收提交表单的数据,并对数据进行必要的安全过滤。

4、后台PHP连接Mysql数据库,并将提交过来的表单数据写入到相应的数据表中。

5、后台向返回成功结果数据内容,并通过Ajax将返回的数据内容插入到前端页面中。

上述1、2步在前篇文章:jQuery篇已讲解了,本文将完成剩余的部分。

数据表首先我们要准备一个数据表,表结构如下:

<ol class="dp-xml">
<li class="alt"><span><span>CREATE TABLE `say` (     </span></span></li>
<li><span>    `id` int(11) NOT NULL auto_increment,     </span></li>
<li class="alt"><span>    `userid` int(11) NOT NULL default '0',     </span></li>
<li><span>    `content` varchar(200) NOT NULL,     </span></li>
<li class="alt"><span>    `addtime` int(10) NOT NULL,     </span></li>
<li>
<span>    PRIMARY KEY  (`id`) ) </span><span class="attribute">ENGINE</span><span>=</span><span class="attribute-value">MyISAM</span><span>  DEFAULT </span><span class="attribute">CHARSET</span><span>=</span><span class="attribute-value">utf8</span><span>; </span>
</li>
</ol>
登录后复制

注意,本例中将时间字段:addtime的类型设置为int,是为了后续的时间处理方便,在很多应用中如Discuz论坛)都是将时间类型转成数字型。

时间轴处理函数和格式化输出列表函数:时间轴处理函数,就是把时间转换成我们看到的诸如“5分钟前”,“昨天 10:21”等形式,详细使用可以查看之前我写过的文章:PHP实现时间轴函数,代码如下:

<ol class="dp-xml">
<li class="alt"><span><span>/*时间转换函数*/   </span></span></li>
<li><span>function tranTime($time) {       </span></li>
<li class="alt">
<span>    $</span><span class="attribute">rtime</span><span> = </span><span class="attribute-value">date</span><span>("m-d H:i",$time);       </span>
</li>
<li>
<span>    $</span><span class="attribute">htime</span><span> = </span><span class="attribute-value">date</span><span>("H:i",$time);       </span>
</li>
<li class="alt">
<span>    $</span><span class="attribute">time</span><span class="attribute-value">time</span><span> = time() - $time;       </span>
</li>
<li><span> </span></li>
<li class="alt">
<span>    if ($time </span><span class="tag"><span> </span><span class="tag-name">60</span><span>) {           </span></span>
</li>
<li>
<span>       $</span><span class="attribute">str</span><span> = </span><span class="attribute-value">'刚刚'</span><span>;       </span>
</li>
<li class="alt"><span>    }       </span></li>
<li>
<span>    else if ($time </span><span class="tag"><span> </span><span class="tag-name">60</span><span> * 60) {           </span></span>
</li>
<li class="alt">
<span>       $</span><span class="attribute">min</span><span> = </span><span class="attribute-value">floor</span><span>($time/60);           </span>
</li>
<li>
<span>       $</span><span class="attribute">str</span><span> = $min.'分钟前';       </span>
</li>
<li class="alt"><span>    }       </span></li>
<li>
<span>    else if ($time </span><span class="tag"><span> </span><span class="tag-name">60</span><span> * 60 * 24) {           </span></span>
</li>
<li class="alt">
<span>       $</span><span class="attribute">h</span><span> = </span><span class="attribute-value">floor</span><span>($time/(60*60));           </span>
</li>
<li>
<span>       $</span><span class="attribute">str</span><span> = $h.'小时前 '.$htime;       </span>
</li>
<li class="alt"><span>    }       </span></li>
<li>
<span>    else if ($time </span><span class="tag"><span> </span><span class="tag-name">60</span><span> * 60 * 24 * 3) {           </span></span>
</li>
<li class="alt">
<span>       $</span><span class="attribute">d</span><span> = </span><span class="attribute-value">floor</span><span>($time/(60*60*24));           </span>
</li>
<li>
<span>       if($</span><span class="attribute">d</span><span>==1)              </span>
</li>
<li class="alt">
<span>       $</span><span class="attribute">str</span><span> = </span><span class="attribute-value">'昨天 '</span><span>.$rtime;           </span>
</li>
<li><span>    else              </span></li>
<li class="alt">
<span>       $</span><span class="attribute">str</span><span> = </span><span class="attribute-value">'前天 '</span><span>.$rtime;       </span>
</li>
<li><span>    }       </span></li>
<li class="alt"><span>    else {           </span></li>
<li>
<span>       $</span><span class="attribute">str</span><span> = $rtime;       </span>
</li>
<li class="alt"><span>    }       </span></li>
<li><span>return $str;   </span></li>
<li class="alt"><span>} </span></li>
</ol>
登录后复制

格式化输出函数是将得到的用户信息和发布内容及时间按照一定的格式输出到前端页面的函数,代码如下:

<ol class="dp-xml">
<li class="alt"><span><span>function formatSay($say,$dt,$uid){       </span></span></li>
<li>
<span>     $</span><span class="attribute">say</span><span>=</span><span class="attribute-value">htmlspecialchars</span><span>(stripslashes($say));       </span>
</li>
<li class="alt"><span> </span></li>
<li><span>     return'       </span></li>
<li class="alt">
<span>     </span><span class="tag"><span class="tag-name">div</span><span> </span><span class="attribute">class</span><span>=</span><span class="attribute-value">"saylist"</span><span class="tag">></span><span> </span></span>
</li>
<li>
<span>     </span><span class="tag"><span class="tag-name">a</span><span> </span><span class="attribute">href</span><span>=</span><span class="attribute-value">"#"</span><span class="tag">></span><span class="tag"><span class="tag-name">img</span><span> </span><span class="attribute">src</span><span>=</span><span class="attribute-value">"images/'.$uid.'.jpg"</span><span> </span><span class="attribute">width</span><span>=</span><span class="attribute-value">"50"</span><span> </span><span class="attribute">height</span><span>=</span><span class="attribute-value">"50"</span><span>  </span><span class="attribute">alt</span><span>=</span><span class="attribute-value">"demo"</span><span> </span><span class="tag">/></span><span> </span></span></span>
</li>
<li class="alt">
<span>     </span><span class="tag"></span><span class="tag-name">a</span><span class="tag">></span><span>       </span>
</li>
<li>
<span>     </span><span class="tag"><span class="tag-name">div</span><span> </span><span class="attribute">class</span><span>=</span><span class="attribute-value">"saytxt"</span><span class="tag">></span><span>       </span></span>
</li>
<li class="alt">
<span>     </span><span class="tag"><span class="tag-name">p</span><span class="tag">></span><span class="tag"><span class="tag-name">strong</span><span class="tag">></span><span class="tag"><span class="tag-name">a</span><span> </span><span class="attribute">href</span><span>=</span><span class="attribute-value">"#"</span><span class="tag">></span><span>demo_'.$uid.'</span><span class="tag"></span><span class="tag-name">a</span><span class="tag">></span><span class="tag"></span><span class="tag-name">strong</span><span class="tag">></span><span> '.    </span></span></span></span>
</li>
<li><span>     preg_replace('/((?:http|https|ftp):\/\/(?:[A-Z0-9][A-Z0-9_-]*(?:\.[A-Z0-9][A-Z0-9_-]*)+): ?(\d+)?\/?[^\s\"\']+)/i',  </span></li>
<li class="alt">
<span>     '</span><span class="tag"><span class="tag-name">a</span><span> </span><span class="attribute">href</span><span>=</span><span class="attribute-value">"$1"</span><span> </span><span class="attribute">rel</span><span>=</span><span class="attribute-value">"nofollow"</span><span>     </span><span class="attribute">target</span><span>=</span><span class="attribute-value">"blank"</span><span class="tag">></span><span>$1</span><span class="tag"></span><span class="tag-name">a</span><span class="tag">></span><span>',$say).'       </span></span>
</li>
<li>
<span>     </span><span class="tag"></span><span class="tag-name">p</span><span class="tag">></span><span> </span>
</li>
<li class="alt">
<span>     </span><span class="tag"><span class="tag-name">div</span><span> </span><span class="attribute">class</span><span>=</span><span class="attribute-value">"date"</span><span class="tag">></span><span>'.tranTime($dt).'</span><span class="tag"></span><span class="tag-name">div</span><span class="tag">></span><span>       </span></span>
</li>
<li>
<span>     </span><span class="tag"></span><span class="tag-name">div</span><span class="tag">></span><span>       </span>
</li>
<li class="alt">
<span>     </span><span class="tag"><span class="tag-name">div</span><span> </span><span class="attribute">class</span><span>=</span><span class="attribute-value">"clear"</span><span class="tag">></span><span class="tag"></span><span class="tag-name">div</span><span class="tag">></span><span>       </span></span>
</li>
<li>
<span>     </span><span class="tag"></span><span class="tag-name">div</span><span class="tag">></span><span>'  </span>
</li>
<li class="alt"><span>; } </span></li>
</ol>
登录后复制

将以上两个函数都放入function.php中,准备随时被调用。

submit.php处理表单数据

在上篇文章中,我们知道jQuery将前端获得的数据以POST方式,通过Ajax提交给了后台的submit.php。那么submit就是要完成后续的所有一摊子任务。请看代码:

<ol class="dp-xml">
<li class="alt"><span><span>require_once('connect.php'); //数据库连接文件   </span></span></li>
<li><span>require_once('function.php');  //函数调用文件   </span></li>
<li class="alt"><span> </span></li>
<li>
<span>$</span><span class="attribute">txt</span><span>=</span><span class="attribute-value">stripslashes</span><span>($_POST['saytxt']); //获取提交的数据   </span>
</li>
<li class="alt">
<span>$</span><span class="attribute">txt</span><span>=</span><span class="attribute-value">mysql_real_escape_string</span><span>(strip_tags($txt),$link); //过滤HTML标签,并转义特殊字符   </span>
</li>
<li>
<span>if(mb_strlen($txt)</span><span class="tag"><span class="tag-name">1</span><span> || mb_strlen($txt)</span><span class="tag">></span><span>140)       </span></span>
</li>
<li class="alt"><span>   die("0"); //判断输入字符数是否符合要求  </span></li>
<li><span> </span></li>
<li class="alt">
<span>$</span><span class="attribute">time</span><span class="attribute-value">time</span><span>=time(); //获取当前时间   </span>
</li>
<li>
<span>$</span><span class="attribute">userid</span><span>=</span><span class="attribute-value">rand</span><span>(0,4);    </span>
</li>
<li class="alt"><span>//插入数据到数据表中   </span></li>
<li>
<span>$</span><span class="attribute">query</span><span>=</span><span class="attribute-value">mysql_query</span><span>("insert into say(userid,content,addtime)values('$userid','$txt','$time')");   </span>
</li>
<li class="alt"><span>if(mysql_affected_rows($link)!=1)       </span></li>
<li><span>    die("0");   </span></li>
<li class="alt"><span>echo formatSay($txt,$time,$userid); //调用函数输出结果 </span></li>
</ol>
登录后复制

注意,本例中为了演示,将用户ID(userid)进行随机处理,实际的应用是获取当前用户的ID。另外数据库连接文件,大家可以自己写一个,在我提供的下载的DEMO里也有这个文件。

最后要回到前端页面index.php来。index.php主要除了提供输入的入口,还要承接后台处理返回的结果,并且要将数据库里已有的数据显示出来。代码如下:

<ol class="dp-xml">
<li class="alt"><span><span class="tag"></span><span class="tag-name">php</span><span>   </span></span></li>
<li><span>define('INCLUDE_CHECK',1);   </span></li>
<li class="alt"><span>require_once('connect.php');   </span></li>
<li><span>require_once('function.php');   </span></li>
<li class="alt"><span> </span></li>
<li>
<span>$</span><span class="attribute">query</span><span>=</span><span class="attribute-value">mysql_query</span><span>("select * from say order by id desc limit 0,10");   </span>
</li>
<li class="alt">
<span>while ($</span><span class="attribute">row</span><span>=</span><span class="attribute-value">mysql_fetch_array</span><span>($query)) {       </span>
</li>
<li>
<span>   $</span><span class="attribute">sayList.</span><span>=</span><span class="attribute-value">formatSay</span><span>($row[content],$row[addtime],$row[userid]);   </span>
</li>
<li class="alt"><span>}   </span></li>
<li>
<span class="tag">?></span><span>   </span>
</li>
<li class="alt"><span class="tag"><span class="tag-name">form</span><span> </span><span class="attribute">id</span><span>=</span><span class="attribute-value">"myform"</span><span> </span><span class="attribute">action</span><span>=</span><span class="attribute-value">"say.php"</span><span> </span><span class="attribute">method</span><span>=</span><span class="attribute-value">"post"</span><span class="tag">></span><span>      </span></span></li>
<li>
<span>   </span><span class="tag"><span class="tag-name">h3</span><span class="tag">></span><span class="tag"><span class="tag-name">span</span><span> </span><span class="attribute">class</span><span>=</span><span class="attribute-value">"counter"</span><span class="tag">></span><span>140</span><span class="tag"></span><span class="tag-name">span</span><span class="tag">></span><span>说说你正在做什么...</span><span class="tag"></span><span class="tag-name">h3</span><span class="tag">></span><span>      </span></span></span>
</li>
<li class="alt">
<span>   </span><span class="tag"><span class="tag-name">textarea</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"saytxt"</span><span> </span><span class="attribute">id</span><span>=</span><span class="attribute-value">"saytxt"</span><span> </span><span class="attribute">class</span><span>=</span><span class="attribute-value">"input"</span><span> </span><span class="attribute">tabindex</span><span>=</span><span class="attribute-value">"1"</span><span> </span><span class="attribute">rows</span><span>=</span><span class="attribute-value">"2"</span><span> </span><span class="attribute">cols</span><span>=</span><span class="attribute-value">"40"</span><span class="tag">></span><span class="tag"></span><span class="tag-name">textarea</span><span class="tag">></span><span>      </span></span>
</li>
<li>
<span>   </span><span class="tag"><span class="tag-name">p</span><span class="tag">></span><span>       </span></span>
</li>
<li class="alt">
<span>      </span><span class="tag"><span class="tag-name">input</span><span> </span><span class="attribute">type</span><span>=</span><span class="attribute-value">"submit"</span><span> </span><span class="attribute">class</span><span>=</span><span class="attribute-value">"sub_btn"</span><span> </span><span class="attribute">value</span><span>=</span><span class="attribute-value">"提 交"</span><span> </span><span class="attribute">disabled</span><span>=</span><span class="attribute-value">"disabled"</span><span> </span><span class="tag">/></span><span>       </span></span>
</li>
<li>
<span>      </span><span class="tag"><span class="tag-name">span</span><span> </span><span class="attribute">id</span><span>=</span><span class="attribute-value">"msg"</span><span class="tag">></span><span class="tag"></span><span class="tag-name">span</span><span class="tag">></span><span>      </span></span>
</li>
<li class="alt">
<span>   </span><span class="tag"></span><span class="tag-name">p</span><span class="tag">></span><span>   </span>
</li>
<li>
<span class="tag"></span><span class="tag-name">form</span><span class="tag">></span><span>   </span>
</li>
<li class="alt"><span class="tag"><span class="tag-name">div</span><span> </span><span class="attribute">class</span><span>=</span><span class="attribute-value">"clear"</span><span class="tag">></span><span class="tag"></span><span class="tag-name">div</span><span class="tag">></span><span>   </span></span></li>
<li><span class="tag"><span class="tag-name">div</span><span> </span><span class="attribute">id</span><span>=</span><span class="attribute-value">"saywrap"</span><span class="tag">></span><span>   </span></span></li>
<li class="alt">
<span class="tag"></span><span class="tag-name">php</span><span> echo $sayList;</span><span class="tag">?></span><span>   </span>
</li>
<li>
<span class="tag"></span><span class="tag-name">div</span><span class="tag">></span><span> </span>
</li>
</ol>
登录后复制

至此,本例从前端交互到后台处理程序,全部完成,有兴趣的同学最好亲自动手,才能从中学到乐趣。

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/587917.htmlTechArticle在上一篇《PHP+MySQL+jQuery实现发布微博程序jQuery篇》中,讲解了如何用jQuery实现输入表单的实时字数统计和Ajax提交数据到后台的功能。本文...
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

<🎜>:泡泡胶模拟器无穷大 - 如何获取和使用皇家钥匙
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系统,解释
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆树的耳语 - 如何解锁抓钩
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1665
14
CakePHP 教程
1424
52
Laravel 教程
1322
25
PHP教程
1270
29
C# 教程
1249
24
PHP和Python:比较两种流行的编程语言 PHP和Python:比较两种流行的编程语言 Apr 14, 2025 am 12:13 AM

PHP和Python各有优势,选择依据项目需求。1.PHP适合web开发,尤其快速开发和维护网站。2.Python适用于数据科学、机器学习和人工智能,语法简洁,适合初学者。

PHP行动:现实世界中的示例和应用程序 PHP行动:现实世界中的示例和应用程序 Apr 14, 2025 am 12:19 AM

PHP在电子商务、内容管理系统和API开发中广泛应用。1)电子商务:用于购物车功能和支付处理。2)内容管理系统:用于动态内容生成和用户管理。3)API开发:用于RESTfulAPI开发和API安全性。通过性能优化和最佳实践,PHP应用的效率和可维护性得以提升。

PHP:网络开发的关键语言 PHP:网络开发的关键语言 Apr 13, 2025 am 12:08 AM

PHP是一种广泛应用于服务器端的脚本语言,特别适合web开发。1.PHP可以嵌入HTML,处理HTTP请求和响应,支持多种数据库。2.PHP用于生成动态网页内容,处理表单数据,访问数据库等,具有强大的社区支持和开源资源。3.PHP是解释型语言,执行过程包括词法分析、语法分析、编译和执行。4.PHP可以与MySQL结合用于用户注册系统等高级应用。5.调试PHP时,可使用error_reporting()和var_dump()等函数。6.优化PHP代码可通过缓存机制、优化数据库查询和使用内置函数。7

PHP与Python:了解差异 PHP与Python:了解差异 Apr 11, 2025 am 12:15 AM

PHP和Python各有优势,选择应基于项目需求。1.PHP适合web开发,语法简单,执行效率高。2.Python适用于数据科学和机器学习,语法简洁,库丰富。

PHP的持久相关性:它还活着吗? PHP的持久相关性:它还活着吗? Apr 14, 2025 am 12:12 AM

PHP仍然具有活力,其在现代编程领域中依然占据重要地位。1)PHP的简单易学和强大社区支持使其在Web开发中广泛应用;2)其灵活性和稳定性使其在处理Web表单、数据库操作和文件处理等方面表现出色;3)PHP不断进化和优化,适用于初学者和经验丰富的开发者。

PHP和Python:代码示例和比较 PHP和Python:代码示例和比较 Apr 15, 2025 am 12:07 AM

PHP和Python各有优劣,选择取决于项目需求和个人偏好。1.PHP适合快速开发和维护大型Web应用。2.Python在数据科学和机器学习领域占据主导地位。

PHP与其他语言:比较 PHP与其他语言:比较 Apr 13, 2025 am 12:19 AM

PHP适合web开发,特别是在快速开发和处理动态内容方面表现出色,但不擅长数据科学和企业级应用。与Python相比,PHP在web开发中更具优势,但在数据科学领域不如Python;与Java相比,PHP在企业级应用中表现较差,但在web开发中更灵活;与JavaScript相比,PHP在后端开发中更简洁,但在前端开发中不如JavaScript。

PHP和Python:解释了不同的范例 PHP和Python:解释了不同的范例 Apr 18, 2025 am 12:26 AM

PHP主要是过程式编程,但也支持面向对象编程(OOP);Python支持多种范式,包括OOP、函数式和过程式编程。PHP适合web开发,Python适用于多种应用,如数据分析和机器学习。

See all articles