AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

简约PHP留言板开源

2024-06-12 34
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： This is a PHP script for a simple guestbook or message board application.

<?php

$t1 = microtime(true);

include 'app/class/app.php';

include 'app/class/page.php';

$s = isset($_GET['s']) ? htmlspecialchars($_GET['s']) : '';

?><!DOCTYPE html>

<html>

<head>

   <meta charset="UTF-8">

   <title><?php echo empty($s)?$config['title']:'搜索：'.$s.'_'.$config['title'];?></title>

   <meta http-equiv="X-UA-Compatible" content="IE=edge">

   <meta name="viewport" content="width=device-width, initial-scale=1">

   <meta name="renderer" content="webkit">

   <meta http-equiv="Cache-Control" content="no-siteapp" />

   <link rel="stylesheet" href="app/style/css/bootstrap.min.css" >

   <style>.w1000{max-width:1000px;margin: 0 auto;}.card-body p:last-child{margin-bottom:0}.rcontent{margin-bottom:.5rem;margin-left:1rem;padding-top:.5rem;border-top:1px dashed #dee2e6}</style>

</head>

<body>

<header class="bg-dark">

   <nav class="navbar navbar-expand-lg navbar-dark w1000">

 <a class="navbar-brand" href="index.php"><?php echo $config['title'];?></a>

 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navmenu">

   <span class="navbar-toggler-icon"></span>

 </button>

 <div class="collapse navbar-collapse" id="navmenu">

   <ul class="navbar-nav mr-auto nav">  

     <li class="nav-item">

       <a class="nav-link" href="index.php">留言首页</a>

     </li>

  <!--<li class="nav-item">

       <a class="nav-link" href="#message" data-toggle="tab">发布留言</a>

     </li>-->      

  <?php if(ADMIN){

   echo '<li class="nav-item">

       <a class="nav-link" href="#config" data-toggle="tab">系统设置</a>

     </li><li class="nav-item">

       <a class="nav-link" id="logout" href="javascript:;">安全退出</a>

     </li>';

  }else{

  echo '<li class="nav-item">

       <a class="nav-link" href="#login" data-toggle="tab">管理登录</a>

     </li>';

   }?>

   </ul>

   <div class="my-2"></div>

    <form class="navbar-form navbar-left" role="search">

        <div class="input-group">

          <input type="text" class="form-control" name="s" placeholder="Search"><span class="input-group-append"><button type="submit" class="btn btn-info btn-search">搜索</button></span>          

        </div>

     

       </form>

 </div>

</nav> </header>  

   <!--<div class="container-fluid">-->

<div class="col-lg-12 mt-3 tab-content w1000">

<form id="login" class="form tab-pane">

<div class="form-group"><input type="password" id="pass" class="form-control" required placeholder="请输入密码" maxlength="50" /></div>

<div class="form-group"><button type="button" id="dologin" class="btn btn-primary btn-block">登录系统</button></div>

</form>


<?php if(ADMIN){?>

  <form id="config" class="tab-pane">

   <div class="form-group">

   <label>留言板名称</label>

   <input type="text" class="form-control" value="<?php echo $config['title'];?>" name="title" required />

   </div>

  <div class="form-group">

   <label>管理员名称</label>

     <input type="text" class="form-control" value="<?php echo $config['author'];?>" placeholder="管理员昵称" name="author" />

   </div>

 <div class="form-group">

   <label>管理密码</label>

     <input type="text" class="form-control" value="" placeholder="不修改请留空" name="pass" />

   </div>

   <div class="form-group">

   <label>每页显示留言数量</label>

   <input type="text" class="form-control" value="<?php echo $config['pagesize'];?>" name="pagesize" required />

   </div>

   <div class="form-group">

   <label>是否显示验证码</label>

   <select class="form-control" name="captch"><option value="1" <?php echo $config['captch']==1?'selected':''; ?>>是</option><option value="0" <?php echo $config['captch']==0?'selected':''; ?>>否</option></select>

   </div>

   <div class="form-group">

   <label>是否需要审核</label>

   <select class="form-control" name="lock"><option value="1" <?php echo $config['lock']==1?'selected':''; ?>>是</option><option value="0" <?php echo $config['lock']==0?'selected':''; ?>>否</option></select>

   </div>

    <div class="form-group">

   <label>邮箱服务器</label>

   <input type="text" class="form-control" value="<?php echo $config['smtp'];?>" name="smtp" />

   </div>

    <div class="form-group">

   <label>邮箱地址</label>

   <input type="text" class="form-control" value="<?php echo $config['email'];?>" name="email" />

   </div>

    <div class="form-group">

   <label>邮箱密码</label>

   <input type="text" class="form-control" value="<?php echo $config['epass'];?>" name="epass" />

   </div>

   <button type="button" id="save" class="btn btn-primary btn-block">保存设置</button>    

   <div class="alert alert-success mt-3" style="display:none">

   <button type="button" class="close" data-dismiss="alert">&times;</button>

     <span id="res"></span>

   </div>

 </form>

 <?php } ?>

<div id="list" class="tab-pane active">

<form id="message" class="form">

<div class="form-group">

<textarea class="form-control" rows="5" id="content" placeholder="留言内容*"></textarea>

</div>

<div class="form-group<?php hide();?>">

<input type="text" id="author" class="form-control" value="<?php echo @$_COOKIE['pname'];?>" placeholder="昵称（选填）" maxlength="20" />

</div>

<div class="form-group<?php hide();?>">

<input type="text" id="mail" class="form-control" value="<?php echo @$_COOKIE['pmail'];?>" placeholder="邮箱（选填，回复邮件通知）" maxlength="50" />

</div>

<?php

if( $config['captch'] == 1){

?>

<div class="form-group row<?php hide();?>">

<div class="col-6"><input type="text" id="vcode" class="form-control" maxlength="4" placeholder="验证码*" /></div>

<div class="col-6"><img src="app/class/ajax.php?act=vcode" alt="点击刷新" title="点击刷新" id="vcode_img" style="vertical-align:middle;cursor:pointer;" /></div>

</div>

<?php }?>

<div class="form-group"><button type="button" id="add" class="btn btn-primary btn-block">提交留言</button></div>

</form>

<?php

$db =new DbHelpClass();

$p = isset($_GET['p']) ? intval($_GET['p']) : 1;

$per_page = $config['pagesize'];

$start = $per_page * ($p - 1);

if (empty($s)) {

  $csql = 'SELECT count(id) as c FROM `content` where `parent`=0';

  $where = 'where `parent`=0';

  $_arr = array();

}else{

     $csql = 'SELECT count(id) as c FROM `content`  where `parent`=0 and `content` like :s';

  $where = 'where `parent`=0 and `content` like :s';

  $_arr = array("s" => $s);  

}

$count = $db->total($csql,$_arr);

$list = $db->getdata("select * from `content` $where order by top desc,lastime desc limit $start,$per_page", $_arr);

//$ids = join(',',array_column($list,'id'));

$ids = join(',', array_map('array_shift',$list));

$clist = $db->getdata("select * from `content` where parent in ($ids)");

foreach($clist as $vv){

   $children[$vv['parent']][] = $vv;

}

foreach($list as $v){

?>

<div class="card mb-3" id="card-<?php echo $v['id'];?>" data-id="<?php echo $v['id']?>" style="font-size:14px;">

 <div class="card-header<?php echo $v['aid']==1?' text-danger':''?>"><?php echo view_ip($v['author'],$v['mail']);?> <?php echo timeago($v['addtime']);?> <?php if($v['top']==1) echo '<span style="color:#F00;">[置顶]</span>';?><?php if($v['lock']==1) echo '<span style="color:#F00;">[未审核]</span>';?><span class="p-1"><a data-act="reply" class="click float-right" href="javascript:;">回复</a></span></div>

 <div class="card-body">

  <p class="content"><?php echo  view_content($v['content'],$v['lock']);?></p>

  <?php foreach($children[$v['id']] as $vv){?>          

   <p id="r<?php echo $vv['id']?>" class="rcontent"><strong<?php echo $vv['aid']==1?' class="text-danger"':''?>><?php echo $vv['author'];?></strong><span class="text-secondary" style="font-size:12px">(<?php echo timeago($vv['addtime']);?>)</span>：<span class="reply"><?php echo view_content($vv['content'],$vv['lock']);?>  <?php if(ADMIN){?><a data-id="<?php echo $vv['id']?>" data-act="lockr" class="click" href="javascript:;"><?php echo $vv['lock']==1?"公开":"隐藏" ?></a> <a data-id="<?php echo $vv['id']?>" data-act="delr" class="click" href="javascript:;">删除</a><?php }?></span></p>    

<?php }?>

 </div>    

 <?php if(ADMIN){?>

<div class="card-footer">

                       <a data-act="top" class="click" href="javascript:;"><?php echo $v['top']==1?"取消":"置顶" ?></a>  

                       <a data-act="lock" class="click" href="javascript:;"><?php echo $v['lock']==1?"公开":"隐藏" ?></a>                    

                       <a data-act="edit" class="click" href="javascript:;">编辑</a>                          

                       <a data-act="del" class="click" href="javascript:;">删除</a>

</div>

<?php

}

?>

</div>              

<?php

}

?>      

         

           <nav aria-label="Page navigation ">

               <ul class="pagination" id="pager">

                      <li class="page-item disabled d-none d-sm-block"><span class="page-link"> 共计：<?php echo $count; ?> 条记录 每页:<?php echo $per_page; ?>条</span></li>

 <?php


       $page_config['base_url'] =   "?p="; //当前的url，如果有参数需要拼接一下url      

       $page_config['total_rows'] = $count; //传递总数

       $page_config['per_page'] = $per_page; //传递每页的数量

       $page_config['cur_page'] = $p; //传递当前页码

       $pageStr = new Page($page_config);

       $pagelist = $pageStr->create_links(); //创建新页码

 echo $pagelist;

 ?>

               </ul>

           </nav>  

           </div><!--list end-->            

       </div>  

  <!-- </div>-->  

<footer class="p-5 text-center">Powered by <a href="https://www.shusidun.com/" target="_blank">微光吧</a> Diss <?php echo $config['ver'];?>  <?php echo $config['title'];?> Processed <?php $t2 = microtime(true); echo round($t2-$t1,3); ?>s</footer>

<!--对话框-->

<!-- 模态框 -->

<div class="modal fade" id="myModal">

 <div class="modal-dialog">

   <div class="modal-content">

     <!-- 模态框头部 -->

     <div class="modal-header">

       <h4 class="modal-title">系统提示</h4>

       <button type="button" class="close" data-dismiss="modal">&times;</button>

     </div>

     <!-- 模态框主体 -->

     <div class="modal-body" id="msg">

       模态框内容..

     </div>

     <!-- 模态框底部 -->

     <div class="modal-footer">

       <button type="button" class="btn btn-danger" data-dismiss="modal">关闭</button>

     </div>

       </div><!-- /.modal-content -->  

     </div><!-- /.modal-dialog -->  

   </div><!-- /.modal -->  

    <!-- 信息删除确认 -->  

   <div class="modal fade" id="delcfmModel">  

     <div class="modal-dialog">  

       <div class="modal-content">  

         <div class="modal-header">  

     <h4 class="modal-title">提示信息</h4>

           <button type="button" class="close" data-dismiss="modal">&times;</button>  

           

         </div>  

         <div class="modal-body">  

           <p>您确认要删除吗？</p>  

         </div>  

         <div class="modal-footer">              

            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>

   <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>              

         </div>  

       </div><!-- /.modal-content -->  

     </div><!-- /.modal-dialog -->  

   </div><!-- /.modal -->  


<script src="app/style/js/jquery.min.js"></script>

<script src="app/style/js/bootstrap.min.js"></script>

<script>

let captch = <?php echo ADMIN?0:$config['captch'];?>,

lock = <?php echo $config['lock'];?>,

delid = 0,

old = '',reid=0

function msg(txt){

   $('#msg').html(txt)

$('#myModal').modal('show')

}

function capl(id){

    $('#card-'+id+' .card-body').children().show()

 $('#card-'+id+' .rebox').hide()


}

function md(id){

  $('html,body').animate({scrollTop:$('#'+id).offset().top-20},300)

}

$(function(){

   $('#vcode_img').click(function(){this.src='app/class/ajax.php?act=vcode&t='+Math.random()});

   $('#add').click(function(){

 let content= $('#content').val().trim()

 let author= $('#author').val().trim()

 let mail= $('#mail').val().trim()

 let vcode =  $('#vcode').val()

 let did = reid

 if(content ==''){

  msg('请填写留言内容')  

  return false

 }

 if(vcode =='' && captch==1){

  msg('请填写验证码')    

  return false;

 }  

 $.post('app/class/ajax.php?act=add&id='+reid,{'content':content,'vcode':vcode,'author':author,'mail':mail},function(res){  

  if(res.result==200){

   $('#content').val('')

   $('#vcode').val('')

   $('#vcode_img').attr('src','app/class/ajax.php?act=vcode&t='+Math.random())

      if(lock==1){

    //msg('留言已经提交请等待审核!')    

   }else{

    //msg('留言成功!')

    //location.reload()

   }

    did++

    if(reid>0){      

             oid.text('回复')

          $('#message').prependTo('#list')

       $('#card-'+reid+' .card-body').append('<p id="n'+did+'" class="rcontent border-success"><strong>'+res.message.author+'</strong><span class="text-secondary" style="font-size:12px">(刚刚)</span>：<span class="reply">'+res.message.content+'</span></p>')

       $('#card-'+reid).insertAfter('#message')

       let email =   $('#card-'+reid+' .mail').text()

     //doajax(that,act,id,data)

            if(email !='' && res.message.aid==1){    

                doajax('','mail','',{'mail':email})

             }      

       reid = 0

    }else{

      $('#message').after('<div id="n'+did+'" class="card mb-3 border-success" style="font-size:14px;"><div class="card-header">'+res.message.author+' <span class="mail">'+res.message.mail+'</span> 刚刚</div><div class="card-body"><p class="content">'+res.message.content+'</p></div></div>')

      //doajax('','mail','','')

     }

      md('n'+did)

  }else{

   msg(res.message)        

  }

 

 }, 'json')  

})


  $('#save').click(function(){

   let data = $("#config").serialize();

      $.post("./app/class/ajax.php?act=sconfig",data , function(res) {

  $('#res').text(res.message)

  $('.alert').show().fadeOut(2000)

   }, 'json')

      }  

  )



 $('#dologin').click(function(){

   let pass =  $('#pass').val()

      $.post("./app/class/ajax.php?act=login",{pass:pass} , function(res) {

    if(res.result==200){

       location.reload();

    }else{

   msg('密码错误，登陆失败!')

      return false

    }

   }, 'json')

      }  

  )


  $('#navmenu').on('click','.nav-link',function(e){

   if(e.target.id=='logout'){

       $.get("./app/class/ajax.php?act=logout" , function(res) {

     location.reload()

      })

   }

      $('#navmenu').removeClass('show')

  })


   $('#delcfmModel').on('click', '.btn-primary',function (e) {

    doajax(e,'del',delid,'')

})

  let oid = '';

  $('.card').on('click','.click',function(e){

    let that = $(this)

 let act  = that.data("act")

       let id   = that.offsetParent().data("id")

 let data = {}

 if(act=='edit'){

    //msg('修改中!')

    //return false

    $('.rebox').hide()

          $('#card-'+id+' .card-body').children().hide()

   if($('#card-'+id+' .rebox').length>= 1){

      $('#card-'+id+' .rebox').show()

   }else{

    data.content = $('#card-'+id+' .content').text()

          //data.reply = $('#card-'+id+' .reply').text()

    old = data.reply

          let rebox = '<div class="rebox"><div class="form-group"><textarea required="required" placeholder="请输入留言内容..." rows="3" class="tcontent form-control">'+data.content+'</textarea> </div><div class="form-group"><button data-act="save" name="re" id="re" class="btn btn-primary click"> 保 存 </button> <button onclick="capl('+id+')" class="btn btn-danger"> 取 消 </button></div></div>'

    $('#card-'+id+' .card-body').append(rebox)

   }

 }else if(act=='reply'){

   //console.log(oid)

  // console.log(typeof(oid))  

  let txt = that.text()

  let msghf = $('#message')

  if(txt=='取消'){    

   reid = 0

      that.text('回复')

   msghf.prependTo('#list')

  }else{

    if(reid>0) oid.text('回复')

             oid = that;

             that.text('取消')

    reid = id  

    msghf.insertAfter($('#card-'+id+' .content'))

    md('message')

             $('#content').focus()

  }

 


  //msg('功能构建中...')

 }else if(act=='save'){

     data.content = $('#card-'+id+' .tcontent').val()

           //data.reply =   $('#card-'+id+' .treply').val()

     //data.mail =   $('#card-'+id+' .mail').text()

     doajax(that,act,id,data)

  //if(data.mail !='' && old!=data.reply && data.reply!=''){    

     //doajax(that,'mail',id,data)

  //}

 }else{

    if(act == 'del'){

    $('#delcfmModel').modal('show')

    delid = id

    return false

    }else if(act=='delr'){

          id = that.data("id")      

    }else if(act=='lockr'){

          id = that.data("id")      

    }

   data.text =  $(this).text()

         doajax(that,act,id,data)

 }  

 })


  function doajax(that,act,id,data){  

     $.post("./app/class/ajax.php?act="+act+"&id="+id, data , function(res) {

   if(res.result==200){

    if(act == 'del'){

      $('#card-'+id).remove()

    }else if(act == 'mail'){

      }else if(act == 'delr'){ $('#r'+id).remove()}else if(act == 'save'){

      $('#card-'+id+' .content').text(data.content);

                   //$('#card-'+id+' .reply').text(data.reply);

           capl(id)

      }else{

          that.text(res.message)

    }

   }else{

     msg(res.message)

   }

     }, 'json')  

  }

})

</script>

</body>

</html>

文章标签：
PHP
JavaScript
前端开发
计算机视觉
JSON
关键词：
PHP留言板
PHP开源
NorthS
目录
相关文章
sunrr
|
2月前
|
开发框架 前端开发 中间件
开源PHP项目
【9月更文挑战第2天】开源PHP项目
sunrr
51 4
请看我回答~
|
3月前
|
存储 关系型数据库 MySQL
PHP中实现简易留言板
【8月更文挑战第31天】本篇文章旨在通过一个简易的留言板项目，带领读者了解PHP在Web开发中的应用。文章将介绍如何搭建一个基础的MySQL数据库，并使用PHP进行数据的增删查改操作。通过实例演示，读者能够掌握PHP与数据库交互的基本方法，以及如何处理表单提交的数据。
请看我回答~
45 0
1554023534442740
|
3月前
|
网络协议 API PHP
PhalApi：在宝塔一键安装部署PHP开源接口框架的教程
要在宝塔面板上一键安装部署PhalApi开源接口框架，首先进入宝塔软件商店，切换到“一键部署”选项，搜索“phalapi”并点击“一键部署”。安装时需填写接口域名、数据库名及密码，提交后等待安装完成。安装成功后可在宝塔面板中查看新站点和源代码目录，并通过DNS解析设置访问接口域名，如`http://myapi.phalapi.net/`。默认开启的调试模式便于测试，可通过修改`config/sys.php`中的`debug`值为`false`关闭。最后，在源代码中开发自己的PHP接口，PhalApi会自动生成在线接口文档，方便后续调用与维护。更多详细教程可参考官方文档。
1554023534442740
78 0
vohelon
|
4月前
|
安全 PHP 开发者
PHP的开源代码如何影响其安全性？
【7月更文挑战第15天】PHP的开源代码如何影响其安全性？
vohelon
42 1
今天是几号
|
5月前
|
存储 安全 关系型数据库
安全开发-PHP应用&留言板功能&超全局变量&数据库操作&第三方插件引用&后台模块&Session&Cookie&Token&身份验证&唯一性
安全开发-PHP应用&留言板功能&超全局变量&数据库操作&第三方插件引用&后台模块&Session&Cookie&Token&身份验证&唯一性
今天是几号
67 0
一-白
|
5月前
|
前端开发 关系型数据库 MySQL
使用 PHP 和 MySQL 实现留言板功能
使用 PHP 和 MySQL 实现留言板功能
一-白
204 0
编程乐趣
|
开发框架 JavaScript Java
推荐一个日历转换开源工具库，支持C#、Java、PHP等主流的语言
推荐一个日历转换开源工具库，支持C#、Java、PHP等主流的语言
编程乐趣
103 0
XiaoHHSuperme
|
监控 Linux PHP
Linux(CentOS7上演示)上使用LNMP搭建一个PHP的运行环境，并搭建一个开源的个人博客网站I（下）
Linux(CentOS7上演示)上使用LNMP搭建一个PHP的运行环境，并搭建一个开源的个人博客网站I（下）
XiaoHHSuperme
88 0
XiaoHHSuperme
|
关系型数据库 MySQL Linux
Linux(CentOS7上演示)上使用LNMP搭建一个PHP的运行环境，并搭建一个开源的个人博客网站I（上）
Linux(CentOS7上演示)上使用LNMP搭建一个PHP的运行环境，并搭建一个开源的个人博客网站I（上）
XiaoHHSuperme
159 0
秋说
|
SQL 前端开发 JavaScript
[从0开始]PHP+phpstudy留言板项目搭建教程及报错详析
PHP是在服务器端执行的脚本语言，适用于Web开发并可嵌入HTML中。 学习网站：PHP教程 | 菜鸟教程
秋说
279 0

热门文章

最新文章

  • 1
    php安装redis扩展
  • 2
    php-redis扩展模块安装记录
  • 3
    PHP 魔术方法__set() __get() 方法
  • 4
    一个实用的PHP缓存类
  • 5
    2.6. PHP Classes 类与对象
  • 6
    php变量的几种写法
  • 7
    PHP关于VC9和VC6以及Thread Safe和Non Thread Safe版本选择的问题
  • 8
    PHP常用函数
  • 9
    FAQ系列 | 启用SELinux后，PHP连接MySQL异常
  • 10
    PHP - 如何处理文件名乱码
  • 1
    android通过http上传文件，服务器端用php写(原创)
    64
  • 2
    PHP医院安全不良事件管理系统源码（AEMS）前端vue2+element+后端laravel8不良事件上报与闭环管理
    80
  • 3
    深入理解PHP的命名空间与自动加载机制
    56
  • 4
    深入理解PHP的命名空间和自动加载机制
    37
  • 5
    网安之PHP基础练习
    41
  • 6
    1688快速获取整店铺列表 采集接口php Python
    56
  • 7
    PHP基于B/S版 医院不良事件管理系统源码vscode+laravel8医院如何加强不良事件上报系统的管理 AEMS系统源码
    67
  • 8
    【PHP入门】2.2 流程控制
    59
  • 9
    【PHP入门】2.1-运算符
    41
  • 10
    【PHP入门】1.3-数据类型、转换、判断
    57

    • 相关课程

    更多
  • PHP进阶教程 - 由浅入深掌握面向对象开发 - 第二阶段
  • PHP完全自学手册文档教程
  • 前端开发框架Bootstrap使用教程

    • 相关电子书

    更多
  • PHP安全开发:从白帽角度做安全
  • PHP 2017.北京 全球开发者大会——高可用的PHP
  • 复杂PHP系统性能瓶颈排查及优化

    • 相关实验场景

    更多
  • 1分钟SAE部署PHP商城小程序
  • 10分钟Serverless部署PHP商城
  • WEB网页编程实战
  • 搭建Magento电子商务网站
  • 基于函数计算快速搭建Wordpress博客系统
    • 下一篇
    阿里云OSS设置跨域访问