如何轻松制作PHP Shoutbox应用程序

最新推荐文章于 2024-09-19 19:11:44 发布
最新推荐文章于 2024-09-19 19:11:44 发布
阅读量237 收藏
点赞数
文章标签： 数据库 mysql php python java
原文链接：https://www.script-tutorials.com/how-to-easily-make-shoutbox-application/
版权

Today I will tell you about creating easy Shoutbox application using our existed login system. This will useful and simple solution. We will able to shout something with our logged members. We will use database to store messages.

今天，我将告诉您有关使用我们现有的登录系统创建简单的Shoutbox应用程序的信息。 这将是有用且简单的解决方案。 我们将能够与我们已登录的成员一起大喊大叫。 我们将使用数据库来存储消息。

Here is sample:

这是示例：

现场演示

[sociallocker]

[社交储物柜]

打包下载

[/sociallocker]

[/ sociallocker]

So download the example files and lets start coding!

因此，下载示例文件并开始编码！

步骤1. HTML (Step 1. HTML)

As usual, we start with the HTML. This is login form code.

和往常一样，我们从HTML开始。 这是登录表单代码。

login_form.html (login_form.html)

<form class="login_form" method="post" action="index.php">
    <div>Username: <input type="text" name="username" /></div>
    <div>Password: <input type="password" name="password" /></div>
    <div><input type="submit" value="Login" name="Login" /></div>
</form>
<div>You can use username "User1" of "User2" and password "qwerty" to login in system</div>


<form class="login_form" method="post" action="index.php">
    <div>Username: <input type="text" name="username" /></div>
    <div>Password: <input type="password" name="password" /></div>
    <div><input type="submit" value="Login" name="Login" /></div>
</form>
<div>You can use username "User1" of "User2" and password "qwerty" to login in system</div>

Here are new 2 template files to shoutbox:

这是shoutbox新增的2个模板文件：

shoutbox_begin.html (shoutbox_begin.html)

<hr />
<link type="text/css" rel="stylesheet" href="shoutbox.css" />
<div class="shoutbox_main">
    <h3>Shoutbox</h3>


<hr />
<link type="text/css" rel="stylesheet" href="shoutbox.css" />
<div class="shoutbox_main">
    <h3>Shoutbox</h3>
shoutbox_end.html (shoutbox_end.html)

    <form class="s_form" method="post" action="index.php">
        <div><input type="text" name="s_message" /><input type="submit" value="Say" name="s_say" /></div>
    </form>
    <div>You can shout anything in this chat</div>
</div>


    <form class="s_form" method="post" action="index.php">
        <div><input type="text" name="s_message" /><input type="submit" value="Say" name="s_say" /></div>
    </form>
    <div>You can shout anything in this chat</div>
</div>

步骤2. CSS (Step 2. CSS)

Here are used CSS styles.

这是使用CSS样式。

styles.css (styles.css)

.login_form {
    border: 1px solid #AAA;
    padding:10px;
}


.login_form {
    border: 1px solid #AAA;
    padding:10px;
}
shoutbox.css (shoutbox.css)

.shoutbox_main {
    border:1px solid #AAA;
    width:350px;
    padding:10px;
}
.message {
    border-bottom:1px solid #AAA;
    padding:2px;
}
.message span {
    font-size:10px;
    color:#888;
    margin-left:10px;
}
.s_form {
    margin:0px;
    padding:10px 0;
}


.shoutbox_main {
    border:1px solid #AAA;
    width:350px;
    padding:10px;
}
.message {
    border-bottom:1px solid #AAA;
    padding:2px;
}
.message span {
    font-size:10px;
    color:#888;
    margin-left:10px;
}
.s_form {
    margin:0px;
    padding:10px 0;
}

步骤3. SQL (Step 3. SQL)

We will need to execute next SQL in our database.

我们将需要在数据库中执行下一个SQL。 


CREATE TABLE `s_messages` (
`id` INT( 11 ) NOT NULL AUTO_INCREMENT ,
`user` VARCHAR( 255 ) NOT NULL ,
`message` VARCHAR( 255 ) NOT NULL ,
`when` INT( 11 ) NOT NULL ,
PRIMARY KEY ( `id` )
) ENGINE=MyISAM DEFAULT CHARSET=utf8;


CREATE TABLE `s_messages` (
`id` INT( 11 ) NOT NULL AUTO_INCREMENT ,
`user` VARCHAR( 255 ) NOT NULL ,
`message` VARCHAR( 255 ) NOT NULL ,
`when` INT( 11 ) NOT NULL ,
PRIMARY KEY ( `id` )
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

步骤4. PHP (Step 4. PHP)

Now that we followed all the code on the front-end, it is now time for the last part of this tutorial – the PHP back-end.

既然我们已经遵循了前端上的所有代码，那么现在是本教程的最后部分– PHP后端。

As we can see – this is just pure class with functions for login system.

我们可以看到–这只是具有登录系统功能的纯类。

I used next functions:

我使用了下一个功能：

getLoginBox – function return login form. In case if member logged – it will return Hello member record and possibility for logout

getLoginBox –函数返回登录表单。 如果成员已登录–它将返回Hello成员记录和注销的可能性

simple_login – perform login to system (storing necessary information in cookies)

simple_login –执行登录到系统(将必要的信息存储在cookie中)

simple_logout – perform logout (clearing used cookies)

simple_logout –执行注销(清除使用的cookie)

check_login – return true in case if username and password exists in system

check_login –如果系统中存在用户名和密码，则返回true

getShoutbox – function return shoutbox form.

getShoutbox –函数返回shoutbox表单。

index.php (index.php)

// initialization of login system and generation code
$oSimpleLoginSystem = new SimpleLoginSystem();
// draw login box
echo $oSimpleLoginSystem->getLoginBox();
// draw shoutbox application
echo $oSimpleLoginSystem->getShoutbox();
// class SimpleLoginSystem
class SimpleLoginSystem {
    // variables
    var $aExistedMembers; // Existed members array
    // constructor
    function SimpleLoginSystem() {
        $this->aExistedMembers = array(
            'User1' => 'd8578edf8458ce06fbc5bb76a58c5ca4',  //Sample: MD5('qwerty')
            'User2' => 'd8578edf8458ce06fbc5bb76a58c5ca4'
        );
    }
    function getLoginBox() {
        ob_start();
        require_once('login_form.html');
        $sLoginForm = ob_get_clean();
        $sLogoutForm = '<a href="'.$_SERVER['PHP_SELF'].'?logout=1">logout</a>';
        if ((int)$_REQUEST['logout'] == 1) {
            if (isset($_COOKIE['member_name']) && isset($_COOKIE['member_pass']))
                $this->simple_logout();
        }
        if ($_REQUEST['username'] && $_REQUEST['password']) {
            if ($this->check_login($_REQUEST['username'], MD5($_REQUEST['password']))) {
                $this->simple_login($_REQUEST['username'], $_REQUEST['password']);
                return 'Hello ' . $_REQUEST['username'] . '! ' . $sLogoutForm;
            } else {
                return 'Username or Password is incorrect' . $sLoginForm;
            }
        } else {
            if ($_COOKIE['member_name'] && $_COOKIE['member_pass']) {
                if ($this->check_login($_COOKIE['member_name'], $_COOKIE['member_pass'])) {
                    return 'Hello ' . $_COOKIE['member_name'] . '! ' . $sLogoutForm;
                }
            }
            return $sLoginForm;
        }
    }
    function simple_login($sName, $sPass) {
        $this->simple_logout();
        $sMd5Password = MD5($sPass);
        $iCookieTime = time() + 24*60*60*30;
        setcookie("member_name", $sName, $iCookieTime, '/');
        $_COOKIE['member_name'] = $sName;
        setcookie("member_pass", $sMd5Password, $iCookieTime, '/');
        $_COOKIE['member_pass'] = $sMd5Password;
    }
    function simple_logout() {
        setcookie('member_name', '', time() - 96 * 3600, '/');
        setcookie('member_pass', '', time() - 96 * 3600, '/');
        unset($_COOKIE['member_name']);
        unset($_COOKIE['member_pass']);
    }
    function check_login($sName, $sPass) {
        return ($this->aExistedMembers[$sName] == $sPass);
    }
    // shoutbox functions addon
    function getShoutbox() {
        //the host, name, and password for your mysql
        $vLink = mysql_connect("localhost","username","password");
        //select the database
        mysql_select_db("database_name");
        // adding to DB table posted message
        if ($_COOKIE['member_name']) {
            if(isset($_POST['s_say']) && $_POST['s_message']) {
                $sUsername = $_COOKIE['member_name'];
                $sMessage = mysql_real_escape_string($_POST['s_message']);
                mysql_query("INSERT INTO `s_messages` SET `user`='{$sUsername}', `message`='{$sMessage}', `when`=UNIX_TIMESTAMP()");
            }
        }
        //returning the last 5 messages
        $vRes = mysql_query("SELECT * FROM `s_messages` ORDER BY `id` DESC LIMIT 5");
        $sMessages = '';
        // collecting list of messages
        while($aMessages = mysql_fetch_array($vRes)) {
            $sWhen = date("H:i:s", $aMessages['when']);
            $sMessages .= '<div class="message">' . $aMessages['user'] . ': ' . $aMessages['message'] . '<span>(' . $sWhen . ')</span></div>';
        }
        mysql_close($vLink);
        ob_start();
        require_once('shoutbox_begin.html');
        echo $sMessages;
        require_once('shoutbox_end.html');
        $sShoutboxForm = ob_get_clean();
        return $sShoutboxForm;
    }
}


// initialization of login system and generation code
$oSimpleLoginSystem = new SimpleLoginSystem();
// draw login box
echo $oSimpleLoginSystem->getLoginBox();
// draw shoutbox application
echo $oSimpleLoginSystem->getShoutbox();
// class SimpleLoginSystem
class SimpleLoginSystem {
    // variables
    var $aExistedMembers; // Existed members array
    // constructor
    function SimpleLoginSystem() {
        $this->aExistedMembers = array(
            'User1' => 'd8578edf8458ce06fbc5bb76a58c5ca4',  //Sample: MD5('qwerty')
            'User2' => 'd8578edf8458ce06fbc5bb76a58c5ca4'
        );
    }
    function getLoginBox() {
        ob_start();
        require_once('login_form.html');
        $sLoginForm = ob_get_clean();
        $sLogoutForm = '<a href="'.$_SERVER['PHP_SELF'].'?logout=1">logout</a>';
        if ((int)$_REQUEST['logout'] == 1) {
            if (isset($_COOKIE['member_name']) && isset($_COOKIE['member_pass']))
                $this->simple_logout();
        }
        if ($_REQUEST['username'] && $_REQUEST['password']) {
            if ($this->check_login($_REQUEST['username'], MD5($_REQUEST['password']))) {
                $this->simple_login($_REQUEST['username'], $_REQUEST['password']);
                return 'Hello ' . $_REQUEST['username'] . '! ' . $sLogoutForm;
            } else {
                return 'Username or Password is incorrect' . $sLoginForm;
            }
        } else {
            if ($_COOKIE['member_name'] && $_COOKIE['member_pass']) {
                if ($this->check_login($_COOKIE['member_name'], $_COOKIE['member_pass'])) {
                    return 'Hello ' . $_COOKIE['member_name'] . '! ' . $sLogoutForm;
                }
            }
            return $sLoginForm;
        }
    }
    function simple_login($sName, $sPass) {
        $this->simple_logout();
        $sMd5Password = MD5($sPass);
        $iCookieTime = time() + 24*60*60*30;
        setcookie("member_name", $sName, $iCookieTime, '/');
        $_COOKIE['member_name'] = $sName;
        setcookie("member_pass", $sMd5Password, $iCookieTime, '/');
        $_COOKIE['member_pass'] = $sMd5Password;
    }
    function simple_logout() {
        setcookie('member_name', '', time() - 96 * 3600, '/');
        setcookie('member_pass', '', time() - 96 * 3600, '/');
        unset($_COOKIE['member_name']);
        unset($_COOKIE['member_pass']);
    }
    function check_login($sName, $sPass) {
        return ($this->aExistedMembers[$sName] == $sPass);
    }
    // shoutbox functions addon
    function getShoutbox() {
        //the host, name, and password for your mysql
        $vLink = mysql_connect("localhost","username","password");
        //select the database
        mysql_select_db("database_name");
        // adding to DB table posted message
        if ($_COOKIE['member_name']) {
            if(isset($_POST['s_say']) && $_POST['s_message']) {
                $sUsername = $_COOKIE['member_name'];
                $sMessage = mysql_real_escape_string($_POST['s_message']);
                mysql_query("INSERT INTO `s_messages` SET `user`='{$sUsername}', `message`='{$sMessage}', `when`=UNIX_TIMESTAMP()");
            }
        }
        //returning the last 5 messages
        $vRes = mysql_query("SELECT * FROM `s_messages` ORDER BY `id` DESC LIMIT 5");
        $sMessages = '';
        // collecting list of messages
        while($aMessages = mysql_fetch_array($vRes)) {
            $sWhen = date("H:i:s", $aMessages['when']);
            $sMessages .= '<div class="message">' . $aMessages['user'] . ': ' . $aMessages['message'] . '<span>(' . $sWhen . ')</span></div>';
        }
        mysql_close($vLink);
        ob_start();
        require_once('shoutbox_begin.html');
        echo $sMessages;
        require_once('shoutbox_end.html');
        $sShoutboxForm = ob_get_clean();
        return $sShoutboxForm;
    }
}

结论 (Conclusion)

I described one of easy and useful shoutbox application based on PHP and MySQL. You can use this material to create own scripts into your startups. Good luck !

我描述了一个基于PHP和MySQL的简单实用的shoutbox应用程序。 您可以使用此材料在创业公司中创建自己的脚本。 祝好运 ！

翻译自: https://www.script-tutorials.com/how-to-easily-make-shoutbox-application/

cuke3186
关注
全国最常用的password前10000名，里面可能有你的密码，快来看看吧
₰₯₮ 的博客
12-23 8万+
1、大家知道国内最常用的密码是什么吗，无非就是，123456、12345678、123456789、1234567890、987654321、0987654321、666666、88888888、123321、1qaz2wsx、111111、abc123、qwerty等等，很常用，但是这些都是以前的密码了
BlackPhantom.DE-Shoutbox-App:BlackPhantom.DE Shoutbox 的简单 Android 应用程序
06-08
BlackPhantom.DE-Shoutbox-App 是一个专为 Android 设备设计的应用程序，它由 BlackPhantom.DE 开发，提供了一个简洁的聊天平台。这款应用的核心功能是为用户提供实时交流的场所，允许用户发送和接收即时消息，促进...
php注册成功动画_在PHP中创建外观现代的动画登录系统
cuke3186的博客
08-05 577
php注册成功动画>Login system with PHP. Today we will continue PHP lessons, and our article will about creating modern php login system. Possible you already saw similar ways to display login forms, and t...
如何轻松制作高级登录系统
cuke3186的博客
08-05 642
轻松工程测量系统电脑版How to Make an Advance Level Login system Easily with PHPToday I will tell you about something new. This will useful and simple login system based on COOKIES. So we will store few info abou...
免费的在线 IM -- ShoutBox
weixin_30387339的博客
10-09 84
http://www.shoutmix.com ShoutBox 在线的一个类似 IM 的小工具, 申请帐号后可以挂在自己的网站上, 提供访问者随时留言, 很有意思! 转载于:https://www.cnblogs.com/chinaontology/archive/2008/10/09/1307386.html...
php包含漏洞收集程序代码
weixin_30765577的博客
10-25 856
php包含漏洞收集程序代码 php包含漏洞收集程序代码 No Comments|安全,他山之石,PHP| bycalms|418 Views.| 2013-09-06, 6:14 PM php包含(lfi)漏洞收集程序代码,以下内容为程序代码: index2.php?includes_dir=Shellfor...
php7 str split,chunk_split()
weixin_32268169的博客
03-21 199
chunk_split()(PHP 4, PHP 5, PHP 7)将字符串分割成小块说明chunk_split(string$body[,int $chunklen= 76[,string$end= "rn"]]) :string使用此函数将字符串分割成小块非常有用。例如将base64_encode()的输出转换成符合 RFC 2045 语义的字符串。它会在每$chunklen个字符后边插入$e...
bet.php,GitHub - dongshuyan/Moecat
weixin_32233079的博客
03-12 176
MoeCatPTMoeCatPT是一个基于NexusPHP搭建的网站，源代码修改自蚂蚁PT开源代码服务器运行环境：Nginx 1.16.0Mysql 5.6.44PHP 5.6.40因为时间太紧，我也有点懒，文件里面还有少许的蚂蚁PT的文字/图标(上线网站已删除)如果你要架设网站，请务必删除(包括但不限于蚂蚁的标识，文字，图标等等)，谢谢1.注意及时修改class_cache.php与class_...
php 字符串忽略大小写,PHP strstr 函数的忽略大小写版本
weixin_34086545的博客
03-10 879
用户评论:greg at no_ggmac_reply dot com (2011-01-13 01:20:50)Beware the example given here:if stristr($message,'viagra')or stristr($message,'cialis')){die();}stristr does not search for words, it finds ma...
pagina.php 漏洞,一些远程文件包含漏洞 Remote File Inclusion list [ with d0rkz ] -电脑资料...
weixin_39907713的博客
03-21 1696
来源：x140yu1. allinurl:my_egallery site:.org/modules/My_eGallery/public/displayCategory.php?basepath=2. allinurl:xgallery site:.org/modules/xgallery/upgrade_album.php?GALLERY_BASEDIR=3. allinurl:copperm...
phpfox-shoutbox:使用socket.io的适用于PHPfox的小型Shoutbox应用
05-22
在这个项目中，我们关注的是一个名为 "phpfox-shoutbox" 的小型应用，它利用了 JavaScript 和 Socket.IO 技术，实现了PHPfox社区与Node.js应用程序之间的实时通信。这个应用特别适用于创建一个实时聊天功能，即常说...
OxyShout - a PHP shoutbox-开源
04-24
如`lang.de.php`、`lang.dutch.php`、`lang.fr.php`、`lang.dk.php`分别代表德语、荷兰语、法语和丹麦语的本地化文件，意味着这款应用可以方便地适应不同国家和地区的用户需求。这显示了其国际化设计的考虑，提升了...
forumotion-shoutbox:为 forumotion 论坛开发的 Shoutbox 使用 JavaScript ajax 将数据保存到主题
06-24
forumotion-留言箱 Shoutbox 为 forumotion 论坛开发，使用 JavaScript ajax 将数据保存到主题。
shoutbox:带有登录名的简单喊叫框，使用引导程序设计并存储在 mysql 中
07-03
带有登录名的简单喊叫框，使用引导程序设计并存储在 mysql 中。 该代码是基于从约翰Kuiphoff代码 。 我添加了一些样式和德语翻译。 我假设该项目在您的网络服务器的根文件夹中，而不是在子文件夹中。 否则，您必须...
4.网络编程
weixin_45476535的博客
09-14 577
程序注册端口：1024-49151。单个协议下，端口号不能冲突。公有端口0-1023。
Redis的Key的过期策略是怎样实现的？
daydayup
09-19 399
在学习Redis时，我们知道可以设置Key的过期时间，我们还知道，Redis一大特点–。那么当Redis中的数据量起来时，如果直接遍历所有的Key，那么对于Key过期时间的校验应该很费时间，那么Redis究竟是怎样做的呢？本文就来探讨关于Redis中的Key的过期册策略。Redis中的过期策略有两种。
阿里1688一面总结
weixin_44804108的博客
09-19 146
发布-订阅模式，即当实验发生变更时，就发出一个变更事件，然后，每台机器感知到这个变更事件后，清空本地缓存，触发reload操作。为了避免大量请求打到DB，可以对查询请求进行加锁，保证相同的实验只有一个线程去查，然后更新到缓存中，其他的请求，走缓存查询结果。运维团队将扩缩容事件投递在kafka中，容量平台起一个线程去订阅变更事件，当有事件时，更新公共缓存中的数据。kafka单broker的消息是可以保证顺序性的，但是kafka集群的消息实际是无序的。首先，面试官进行对业务进行介绍，然后，候选人进行自我介绍。
MySQL数据库
最新发布
kyrie_jie的博客
09-19 2090
1、计算机的资源有限，不可能把数据全部存储在内存中，且内存掉电后数据会丢失，为了能让程序在关机重启后继续使用，必须把数据保存到磁盘的文件中。2、随着程序的功能越来越复杂、数据量越来越大，从文件中读写数据需要大量的重复性操作，从文件中读取出指定的数据需要复杂的逻辑。3、不同的程序它的访问文件的操作不同，就意味着读写文件的代码无法复用。4、所以程序员非常需要一个统一的快速的访问磁盘数据的工具。
基于SpringBoot的考研资讯平台设计与实现
linzhongshu的专栏
09-13 978
对于本次的系统开发来看，它主要是把我以前所学的知识进行了一次综合的应用。经过这次毕业设计的制作它主要是把我以前所学的理论知识应用到社会实践当中。通过这一次的考研资讯平台的设计与实现它能够有效把计算机知识与实际问题相互应用，通过计算机网络技术来解决学生生活当中的实际问题，从而提高我的编程能力。虽然在这次毕业设计当中我遇到了很多的问题和困难，但是通过不断的调试和老师的帮助让我圆满的完成了这次毕业设计。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值