Chinaunix首页 | 论坛 | 博客

chickenlxg的ChinaUnix博客ckunix.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

chickenlxg

  • 博客访问： 398276
  • 博文数量： 104
  • 博客积分： 652
  • 博客等级： 上士
  • 技术积分： 1477
  • 用 户 组： 普通用户
  • 注册时间： 2012-07-04 15:20
文章分类

全部博文（104）

文章存档

2019年（1）

2015年（8）

2014年（6）

2013年（59）

2012年（30）

我的朋友
最近访客
推荐博文
相关博文
php 小小实例 留言板

分类： 系统运维

2012-11-28 10:35:59

最初的最初，简单功能，留言插入查询

先上丑图

CSS

点击(此处)折叠或打开

  1. body {
  2.     margin:0 auto;
  3.     width:980px;
  4.     padding:0;
  5.     font:12px Arial,宋体;
  6.     text-align:center;
  7. }


  10. .guessbook {
  11.     margin-top:20px;
  12.     width:980px;
  13.     height:300px;
  14.     background:red;
  15. }

  17. .guessbook .name {
  18.     margin:0px auto;
  19.     width:280px;
  20.     height:100px;
  21.     background:blue;
  22.     float:left;
  23. }

  25. .guessbook .name h2 {
  26.     font-family: "微软雅黑", Times, serif;
  27.     font-size: 24px;
  28.     line-height:60px;
  29.     color: #9F9;
  30. }
  31. .guessbook .text {
  32.     margin:0px auto;
  33.     width:700px;
  34.     height:200px;
  35.     background:#669;
  36.     float:left;
  37.     clear:left;
  38. }

  40. .guessbook .text textarea{
  41.     margin-top:20px;
  42.     overflow:hidden;
  43. }

  45. .guessbook .sub {
  46.     margin:0px auto;
  47.     width:250px;
  48.     height:100px;
  49.     background:#09F;
  50.     float:right;
  51.     margin-top:100px;
  52. }

  54. .guessbook .sub input{
  55.     margin:10%;
  56.     height:50px;
  57.     width:100px;
  58.     overflow:hidden;
  59. }

  61. .show {
  62.     margin:0px auto;
  63.     padding-top:20px;
  64.     padding-bottom:20px;
  65.     width:980px;
  66.     background:#3C6;
  67. }
  68. .show .smsbox {
  69.     margin:0 auto;
  70.     width:900px;
  71.     height:200px;
  72.     background:#FC0;
  73. }

  75. .show .smsbox p{
  76.     font-family:"微软雅黑";
  77.     font-size:16px;
  78.     text-align:left;
  79.     text-indent:2em;
  80.     padding:20px;
  81. }


  84. .show .tiao {
  85.     margin:5px auto;
  86.     overflow:hidden;
  87.     width:880px;
  88.     height:1px;
  89.     background:#93C;
  90. }

PHP

点击(此处)折叠或打开

  1. <?php
  2.     $conn=mysql_connect("localhost","root","123456");
  3.     mysql_select_db("test",$conn);
  4.     mysql_query('set names utf8');
  5.     $inst="INSERT INTO liuyan (`data`) VALUES ('".$_POST['text']."')";
  6.     mysql_query($inst);
  7. ?>
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
  9. <html>
  10.     <head>
  11.         <title>留言板</title>
  12.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  13.         <link rel="stylesheet" type="text/css" href="css/style.css" />
  14.     </head>
  15.     <body>
  16.     <div class="guessbook">
  17.         <div class="name">
  18.             <h2>说点什么吧...</h2>
  19.         </div>
  20.             <form action="#" method="post" name="ly">
  21.               <div class="text">
  22.                 <textarea name="text" rows="9" cols="80"></textarea>
  23.               </div>
  24.               <div class="sub">
  25.             <input type="submit" value="GO!" />
  26.               </div>
  27.             </form>
  28.     </div>
  29.     <div class="show">
  30.         <?php
  31.             $sql="SELECT data FROM liuyan";
  32.             $result=mysql_query($sql);
  33.             while($tmp = mysql_fetch_array($result)){
  34.                 echo "
    ";
  35.                 echo "

    ";

  36.                 echo $tmp['data'];
  37.                 echo "

    "    ;
  38.                 echo "
";
  •                 echo "
    "    ;
  •             }
  •         ?>
  •     </div>
  •     </body>
  • </html>

    • 阅读(829) | 评论(0) | 转发(0) |
    0

    上一篇：LINUX 上ip归属地查看神器~！ ---------- nali

    下一篇：mysql 之初

    给主人留下些什么吧！~~
    关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

    Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

    感谢所有关心和支持过ChinaUnix的朋友们

    16024965号-6