溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×

忘記密碼？

登錄注冊(cè)×

獲取短信驗(yàn)證碼

其他方式登錄

點(diǎn)擊登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

用戶登錄×

賬戶密碼登錄

請(qǐng)使用微信掃描上方二維碼

使用幫助

請(qǐng)求超時(shí)！

請(qǐng)點(diǎn)擊重新獲取二維碼

PHP初級(jí)練習(xí)實(shí)戰(zhàn)之公司留言板（原生）

發(fā)布時(shí)間：2020-07-12 09:00:17 來源：網(wǎng)絡(luò) 閱讀：1575 作者：一百個(gè)小排欄目：web開發(fā)

PHP初級(jí)練習(xí)實(shí)戰(zhàn)之留言板
初學(xué)者做的東西，有的地方寫的不好，哈哈哈！
一.知識(shí)重點(diǎn)
1.三目運(yùn)算 $page= empty($_GET['p']) ? 1: $_GET['p'];
2.數(shù)據(jù)庫的操作mysqli的方法
3.html css js
4.字符串的拼接
5.制作分頁頁碼
6.完整驗(yàn)證碼的制作
7.類的運(yùn)用
8.session傳遞驗(yàn)證碼的方法

二 .代碼
代碼分為6個(gè)文件，liuyanbook.php為主頁
PHP初級(jí)練習(xí)實(shí)戰(zhàn)之公司留言板（原生）

1.liuyanbook.php主界面

<?php
//日期
$weekday = ["日","一","二","三","四","五","六"];
date_default_timezone_set('Asia/Shanghai'); 
$now = getdate(time());
$week=$now['wday'];
$date = date("Y年m月d日  星期$weekday[$week]");
//echo $date;

//設(shè)置頁碼變量
//默認(rèn)首頁p=1
$page= empty($_GET['p']) ? 1: $_GET['p'];
//頁碼
$showPage = 3;
//計(jì)算偏移量
$pageoffset = ($showPage-1)/2;

//連接數(shù)據(jù)庫，取數(shù)據(jù)
$host = "127.0.0.1";
$dbuser = "root";
$password = "";
$dbname = "php10";
$db = new mysqli($host, $dbuser, $password, $dbname);

if ($db->connect_errno != 0) {
    echo "連接失敗:";
    echo $db->connect_error;
    exit;
}

//分頁
$db->query("set names utf8");
$limit =  ($page-1) * 5;
$sql = "select * from msg order by id desc limit {$limit},5";

$mysqli_result = $db->query($sql);
if ($mysqli_result == false) {
    echo "SQL錯(cuò)誤！";
    exit;
}
//var_dump($mysqli_result);

//總頁數(shù)
$total_sql = "select count(*) from msg";
$total_result = $db->query($total_sql);
$total_array = mysqli_fetch_array($total_result,MYSQLI_ASSOC);
$total = $total_array["count(*)"];
//echo $total;

//計(jì)算頁數(shù)
$total_pages = ceil($total/5);
//echo $total_pages;
?>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>三態(tài)電子商務(wù)有限公司</title>
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <script type="text/javascript"></script>
</head>
<body>
<div class="contentout">
    <div class="date"><?php echo $date;?></div>

    <div class="h">
        <h2>三態(tài)電子商務(wù)有限公司</h2>
        <h3>留言板</h3>
    </div>
    <div class="all">
        <div class="add">
        <form action="liuyan.php" method="post">
            <textarea name="content" class="content" cols="60" rows="8"></textarea><br>
            留言人：<input ; name="user" class="user" type="text"/>
            <p>驗(yàn)證碼圖片：<img id="captcha_img" border="1" src="str.php?r=<?php echo rand();?>" width="100px" height="30"</p>
            <a href="javascript:void(0)" onclick="document.getElementById('captcha_img').src='str.php?r='+Math.random()">換一個(gè)？</a>
             請(qǐng)輸入圖片中的內(nèi)容：<input ; type="text" name="authcode" value="" />
            <input class="btn" type="submit" value="提交留言"/>
        </div>
        </form>

        <!--留言內(nèi)容-->
        <?php
        while($row = mysqli_fetch_array($mysqli_result,MYSQLI_ASSOC)) {
        ?>

            <div class="msg">
                <div class="info">
                    <span class="user"><?php echo $row["user"];?></span>
                    <span class="num"><?php echo "&nbsp;&nbsp;".$row["id"]."樓";?></span>
                    <span class="time"><?php echo date("Y-m-d H:i:s",$row["intime"]);?></span>  
                </div>
                <div class="content">
                    <?php echo $row["content"];?>   
                </div>
            </div>
        <?php
        }
        ?>

    </div>

    //頁碼部分
    <div class="page">
    <?php
        $page_banner = "";
        if ($page > 1) {
            $page_banner = "<a href='liuyanbook.php?p=1'>首頁</a>";
            $page_banner.= "&nbsp;&nbsp;"."<a href='liuyanbook.php?p=".($page-1)."'>上一頁</a>";
        }

        //初始化前面頁碼數(shù)據(jù)
        $start = 1;
        $end = $total_pages;
        if ($total_pages > $showPage) {
            if($page > $pageoffset + 1) {
                $page_banner.="...";
            }
            if ($page > $pageoffset) {
                $start = $page - $pageoffset;
                $end = $total_pages > $page + $pageoffset ? $page + $pageoffset : $total_pages;
            } else {
                $start = 1;
                $end = $total_pages > $showPage ? $showPage : $total_pages;
            }
            if ($page + $pageoffset > $total_pages) {
                $start = $start - ($page + $pageoffset - $total_pages);
            }
        }

        //顯示前面的頁碼
        for($i=$start;$i<$end;$i++) {
            $page_banner.= "&nbsp;&nbsp;"."<a href='".$_SERVER['PHP_SELF']."?p=".$i."'>{$i}</a>";
        }

        //顯示尾部省略
        if ($total_pages > $showPage && $total_pages > $page + $pageoffset) {
            $page_banner.="...";
        }

        if ($page < $total_pages) {
            $page_banner.= "&nbsp;&nbsp;"."<a href='".$_SERVER['PHP_SELF']."?p=".($page+1)."'>下一頁</a>";
            $page_banner.= "&nbsp;&nbsp;"."<a href='liuyanbook.php?p=".$total_pages."'>尾頁</a>";
        }

        //頁碼部分字符拼接
        $page_banner.= "&nbsp;&nbsp;"."共".$total_pages."頁";
        $page_banner.= "&nbsp;&nbsp;"."共".$total."條留言";
        $page_banner.= "<form action='liuyanbook.php' method='get' style= display:inline>";
        $page_banner.= "&nbsp;&nbsp;"."跳轉(zhuǎn)到第<input type='text' size='1' name='p'>頁";
        $page_banner.= "<input type='submit' value='確定'>";
        $page_banner.= "</form>";
        echo  $page_banner;
    ?>
    </div>
</div>  
</body>
</html>

2.liuyan.php后端驗(yàn)證，插入數(shù)據(jù)

<?php
include('class_input.php');
include('dbcontent.php');
//include('str.php');

$content = $_POST["content"];
$user = $_POST["user"];
$authcode = $_POST["authcode"];

//不能為空
/*if ($content == "") {
    die("留言內(nèi)容不能為空！");
}
if ($user == "") {
    die("請(qǐng)輸入留言人的姓名！");

}*/

//對(duì)輸入的內(nèi)容和留言人進(jìn)行檢測(cè)，不能含有李星和王瑤兩個(gè)名字
$input = new input();

//檢測(cè)顯示的結(jié)果

$is = $input->post($content);
if ($is == false) {
    die("留言內(nèi)容不能為空或者存在禁止關(guān)鍵字!");
}

$is = $input->post($user);
if ($is == false) {
    die("留言人不能為空或者存在禁止關(guān)鍵字！");
}

//檢測(cè)驗(yàn)證碼
$codeinput = new codeinput();

$iscode = $codeinput->check($authcode);
if ($iscode == false) {
    die("請(qǐng)輸入正確的驗(yàn)證碼！");
}

//var_dump($content,$user);

//將留言內(nèi)容寫入數(shù)據(jù)庫
$time = time();
$sql = "insert into msg (content, user, intime) values ('{$content}','{$user}','{$time}')";
//echo $sql;

$is = $db->query($sql);
//var_dump($is);
header("location:liuyanbook.php");//跳回主頁
?>

3.class_input.php兩個(gè)類，驗(yàn)證關(guān)鍵字和驗(yàn)證碼的類

<?php
class input {
    function post($word) {
        if ($word == "") {
            return false;
        }
    //定義禁止使用的用戶
    $name = ["李星","王瑤"];
    //循環(huán)禁止使用的關(guān)鍵字，user一一與它對(duì)比
    foreach ($name as $key => $value) {
        if ($word == $value) {
            return false;
        }
    }
            return true;
    }
}

class codeinput {
    function check($code) {
        if ($code == "") {
            return false;
        }

    //判斷輸入驗(yàn)證碼是否正確

    if (isset($code)) {
    session_start();

    if (strtolower($code) == $_SESSION["authcode"]) {
        return true;
    } else {
        return false;
    }
    exit();
}   
    }
}

?>

4.dbcontent.php數(shù)據(jù)庫連接

<?php
$host = "127.0.0.1";
$dbuser = "root";
$password = "";
$dbname = "php10";

$db = new mysqli($host, $dbuser, $password, $dbname);
if ($db->connect_errno != 0) {
    die("連接數(shù)據(jù)庫失敗！");
}
$db->query("set names UTF8");
?>

5.str.php生成驗(yàn)證碼

<?php

session_start();

header("content-type: image/png");

    //生成白色底圖
    $image = imagecreatetruecolor(100, 30);
    $bgcolor = imagecolorallocate($image, 255, 255, 255);
    imagefill($image, 0, 0, $bgcolor);

    //在白色底圖上生成4個(gè)彩色隨機(jī)字符
    /*1.生成4個(gè)數(shù)字
    for($i=0;$i<4;$i++) {
        $fontsize = 6;
        $fontcolor = imagecolorallocate($image, rand(0, 120), rand(0, 120), rand(0, 120));
        $fontcontent = rand(0, 9);

        $x = ($i*100/4) + rand(5, 10);
        $y = rand(5, 10);

        imagestring($image, $fontsize, $x, $y, $fontcontent, $fontcolor);
    }*/

    //2.生成隨機(jī)字母數(shù)字
    $captch_code = "";//將生成的驗(yàn)證碼存入該變量中

    for($i=0;$i<4;$i++) {
        $fontsize = 6;
        $fontcolor = imagecolorallocate($image, rand(0, 120), rand(0, 120), rand(0, 120));

        //隨機(jī)截取字母數(shù)字
        $data = "abcdefghijkmnopqrstuvwxyz23456789";
        $fontcontent = substr($data,rand(0,strlen($data)),1);
        $captch_code.= $fontcontent;//追加到驗(yàn)證碼存放

        $x = ($i*100/4) + rand(5, 10);
        $y = rand(5, 10);

        imagestring($image, $fontsize, $x, $y, $fontcontent, $fontcolor);
    }

    $_SESSION["authcode"] = $captch_code;//保存到session中

    //在白色底圖上生成隨機(jī)點(diǎn)(干擾元素)
    for($i=0;$i<200;$i++) {
        $pointcolor = imagecolorallocate($image, rand(50, 200), rand(50, 200), rand(50, 200));
        imagesetpixel($image, rand(1, 29), rand(1, 29), $pointcolor);
    }
    //在白色底圖上生成隨機(jī)線(干擾元素)
    for($i=0;$i<3;$i++) {
        $linecolor = imagecolorallocate($image, rand(80, 220), rand(80, 220), rand(80, 220));
        imageline($image, rand(1, 99), rand(1, 29), rand(1, 99), rand(1, 29), $linecolor);
    }

    imagepng($image);

    imagedestroy($image);

?>

6.style.css界面樣式

.all {
    width: 800px;
    margin: 0px auto;
}

.contentout {
    width: 1000px;
    margin: 0 auto;

}

.date {
    text-align:right;
}
.h {
    text-align:center;
}
.add {overflow: hidden;}
.add .content {
    width: 98%;
    padding: 6px;
    margin: 0px;
    font-size:20px;
    }

.add .btn {
    float: right;
    width: 100px;
    height: 40px;
    font-size: 20px;
}

.msg {
    margin: 10px 0px;
    background: #ccc;
    padding: 10px;
    font-size: 18px;
} 
.msg .info{overflow: hidden;}
.msg .user {
    float: left;
    color: blue;
}

.msg .num { 
    font-style: italic; 
    font-size: 16px;
    color: red;
} 
.msg .time {
    float: right;
    color: #999;
}
.msg .content {
    width: 100%;
}
.page {
    text-align:center;
    font-size: 18px;
}`
`.all {
    width: 800px;
    margin: 0px auto;
}

.contentout {
    width: 1000px;
    margin: 0 auto;

}

.date {
    text-align:right;
}
.h {
    text-align:center;
}
.add {overflow: hidden;}
.add .content {
    width: 98%;
    padding: 6px;
    margin: 0px;
    font-size:20px;
    }

.add .btn {
    float: right;
    width: 100px;
    height: 40px;
    font-size: 20px;
}

.msg {
    margin: 10px 0px;
    background: #ccc;
    padding: 10px;
    font-size: 18px;
} 
.msg .info{overflow: hidden;}
.msg .user {
    float: left;
    color: blue;
}

.msg .num { 
    font-style: italic; 
    font-size: 16px;
    color: red;
} 
.msg .time {
    float: right;
    color: #999;
}
.msg .content {
    width: 100%;
}
.page {
    text-align:center;
    font-size: 18px;
}

三.數(shù)據(jù)庫
表結(jié)構(gòu)
PHP初級(jí)練習(xí)實(shí)戰(zhàn)之公司留言板（原生）

PHP初級(jí)練習(xí)實(shí)戰(zhàn)之公司留言板（原生）

四.截圖界面
PHP初級(jí)練習(xí)實(shí)戰(zhàn)之公司留言板（原生）

向AI問一下細(xì)節(jié)

推薦閱讀：

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

上一篇新聞：
ELK 實(shí)驗(yàn)（七）Elasticsearch 集群管理
下一篇新聞：
C# 操作Word文本框——插入圖片、表格、文字、超鏈接等

猜你喜歡

AI
助
手

產(chǎn)品服務(wù)

地區(qū)劃分

專題活動(dòng)

幫助支持

關(guān)于我們

售后咨詢

7*24小時(shí)在線電話：400-100-2938

7*24小時(shí)在線 QQ：800811969

關(guān)注億速云

億速云公眾號(hào)

手機(jī)網(wǎng)站二維碼

<progress id="teoqh"><legend id="teoqh"></legend></progress>

<td id="teoqh"><listing id="teoqh"><var id="teoqh"></var></listing></td>

<progress id="teoqh"><strike id="teoqh"></strike></progress>

<tr id="teoqh"><sup id="teoqh"></sup></tr>

<table id="teoqh"><legend id="teoqh"><big id="teoqh"></big></legend></table>