Firefox 4.0

[1g1g]Anyone of us-Gareth Gates#playID:192280[/]
<p>哈哈,Firefox终于更新到4.0了呢,最重要的是Firebug已经支持4.0啦!(其实1.7版就支持的,只是我等到FB的官方推送后才知道。)在虚拟机里头安装了一下,发现除了easycomment那个插件不兼容(估计以后也不兼容了吧,感觉都没人维护了),其它的都较好。</p>
<p>不得不说,FF是越来越朝Chrome靠拢了,连操作习惯都趋向于Chrome,最明显的要数插件按钮的位置了。之前FF都是放在状态栏上的,我习惯这样,也觉得这样挺好的,觉得Chrome也该放到状态栏上。结果反倒是FF先变了,也放到导航栏上去了!= =!这让我情何以堪啊...好在现在自己还可以选择位置,没有强制。另外Firefox对textarea元素的处理也趋向于Chrome化了,Chrome中用户是可以自定义textarea元素的长宽的,当然有个最小值。而Firefox比Chrome更高一层楼,连最小值都没有了,用户可以任意调整textarea的长宽了。这让做Web Design的情何以堪!然后我发现FF对于javascript的alert方法的支持也发生了改变,以前是弹出一个小窗口,现在是直接页面显示,这个跟Opera有些类似。好吧,Firefox我真的没说你在抄袭!另外FF的启动速度也有了较大的提高。不过我觉得还是好慢啊,记得微博上看到过有人说没有超过Chrome的话谁也不会去关心你相对于上个版本更新了多少。这个讲的真的是精辟呢!</p>
<p>分享一下我现在Firefox的界面,然后向大家推荐一下我觉得比较好的插件。
</p>
<p>
<h2>Movable Firefox Button</h2>
<span>这个插件能够更改Firefox4.0左上角菜单按钮的位置和样式,得到如图的效果,做到可视区域最大化。</span>
<span>
下载地址:官方下载</span></p>
<p>
<h2>Awesome screenshot: Capture and Annotate</h2>
<span>一个网页截图插件,从Chrome发展过来的。在Chrome的时候就非常喜欢这个插件,偶然搜索一下,发现FF也有相应的插件,而且在FF下的表现也不俗哦!</span>
<span>
下载地址:官方下载</span></p>

<p>
<h2>Tab Utilities</h2>
<span>在新标签页打开书签、历史、地址、搜索,以及更多增强标签式浏览的使用功能。功能很强大,不过我一般就用它来实现双击标签关闭页面以及双击标签栏新建标签。</span
<span>
下载地址:官方下载</span></p>

<p>
<h2>标签管理器</h2>
<span>如果只是要实现双击关闭标签的话我推荐使用这个插件,功能简单设置不复杂,是入门级的插件。</span>
<span>
下载地址:普通下载</span>
</p>
<p>
<h2>Speed Dial</h2>
<span>模仿Opera和Chrome在新建页面上显示你常去的网站。用了Chrome之后就非常的喜欢这个设计,所以用Speed Dial模拟了一下,也是非常的不错呢!</span>
<span>
下载地址:官方下载</span></p>

<p>
<h2>火狐主页插件0.8</h2>
<span>跟Speed Dial有着相同的效果但是比SD更加好看而且加载速度也不错,推荐大家安装这个</span>
<span>
下载地址:普通下载</span>
</p>
<p>另外,诸如Firebug, Autoproxy, Greasemonkey, Flashgot之类的简直可以说FF标配的插件我就不介绍啦!最后大家再去安装一个主题就非常的完美咯!</p>
<p>小惊喜:打开Firefox按下键盘的Alt键,你们会发现什么呢?呵呵!更多乐趣期待大家发现</p>

公子手把手教你写留言板程序

<p>网络上各种各样的PHP教程和各种各样的留言板都是铺天盖地的,战地为什么要自己写一个这样的PHP留言板教程呢?问的好啊!鼓掌。首先战地写这个PHP教程的目的不是为了做一个留言板,如果你需要一个留言板的话我建议你去Google搜索一下免费的、功能强大的、功能齐全的、 漂亮的到处都是。目的是:从一个简单的实际的案例出发,来让想学习PHP的兄弟姐妹们进入PHP的世界。需要说明的是,既然是实际的案例教程,各种各样的知识都会涉及到(以保证各位遇到更多的问题),阅读这个教程的时候你最好了解一点Html和 javascript的知识,因为在教程中将不作为重点来说。因为我们是PHP教程。</p>
<p>好了,现在说说我们将要设计的知识和这个留言板将要实现的功能:
功能需求:利 用PHP+Mysql数据库制作一个基本的留言板能够让客户进行留言,管理员可以对留言进行修改、删除、回复等操作。</p>
<p>在进行下面的学习之前,希望大家能够下载我编写的源码边看边学,这样能达到最好的效果。源码下载请点击这里。拿到源码请先看README文件
<div id="document">

<a name="document"></a>
<h2>1.文件结构的功能的架设</h2>
<p>为了制作一个留言板首先我们需要考虑好要创建什么东西。首先需要一个单独存放数据库信息的config.php文件,然后当然是index.php。当然还需要有表单数据处理的action.php文件,已经函数归类的function.php文件。哦,不要忘记了,留言板需要管理员登陆的,所以还要一个login.php文件。</p>

<p>也就是我我们需要创建5个文件,功能分别如下:<ul style="list-style-type:square;"><li>1.index.php - 首页显示留言框和留言等信息的</li><li>2.config.php - 记录数据库信息的</li><li>3.action.php - 接受表单数据进行数据库处理的</li><li>4.function.php - 函数归档文件</li><li>5.login.php - 管理员登陆页面</li></ul></p>
</div>
<div id="PHP_function">

<a name="php_function"></a>
<h2>2.需要掌握的PHP知识和常用函数</h2>
<p>通过查看源码可以看出基本需要的几个函数分别是:ehco,if,while,switch,require_once,header等。另外你还需要了解COOKIE和SESSION两个东东。下面我会一一为大家解释一下</p>
<h4>1.PHP语句的写法</h4>
<p>PHP 的语句以 &lt;?php 开始,以 ?&gt; 结束。您可以把 PHP 的脚本块放置在文档中的任何位置。当然,在支持简写的服务器上,您可以使用 <? 和 ?> 来开始和结束脚本块。不过,为了达到最好的兼容性,我们推荐您使用标准形式 (&lt;?php),而不是简写形式。实际操作中并不是一个&lt;?php ?&gt;包括所有的东西,而是运用了HTML和PHP混排的效果,即需要使用PHP语言的地方用,不需要的时候就不用。</p>
<h4>2.PHP变量</h4>
<p>PHP 中的变量变量用于存储值,比如数字、文本字符串或数组。一旦设置了某个变量,我们就可以在脚本中重复地使用它。PHP 中的所有变量都是以 $ 符号开始的。</p>    
<h4>3.PHP字符串</h4>
<p>这个我就不多做介绍了,基本上和数学差不多。但大家要注意以下的是,PHP中%是取余的计算符号,在常量/变量前加!是表示非的意思,=是赋值的符号(即将等号右边的值赋给等号左边的东西)。而如果你想使用等于这个符号的话,必须使用 ==</p>
<h4>4.echo书写</h4>
<p>PHP输入文本的基本指令</p>
<h4>5.if条件</h4>
<p>当您编写代码时,您常常需要为不同的判断执行不同的动作,您可以在代码中使用条件语句来完成此任务。<br><b>if{} 语句</b><br>在条件成立时执行一块代码,否则跳过该语句<br><b>if...else 语句</b><br>在条件成立时执行一块代码,条件不成立时执行另一块代码<br><b>elseif 语句</b><br>与 if...else 配合使用,在若干条件之一成立时执行一个代码块</p>
<h4>6.while循环</h4>
<p>在您编写代码时,您经常需要让相同的代码块运行很多次。您可以在代码中使用循环语句来完成这个任务。while语句能够帮助你执行这个动作,只要指定的条件成立,while 语句将重复执行代码块。</p>
<h4>7.switch选择</h4>
<p>如果您希望有选择地执行若干代码块之一,请使用 Switch 语句。<br>工作原理:<ul><li>1.对表达式(通常是变量)进行一次计算</li><li>2.把表达式的值与结构中 case 的值进行比较</li><li>3.如果存在匹配,则执行与 case 关联的代码</li><li>4.代码执行后,break 语句阻止代码跳入下一个 case 中继续执行</li><li>5.如果没有 case 为真,则使用 default 语句</li></ul></p>
<h4>8.require_once包含</h4>    
<p>通过require_once语句,能够将另外的文件添加进当前文件中,对文件的引用非常有帮助</p>
<h4>9.header信息</h4>
<p>通过header函数,你可以在PHP中定义一些HTML页面中&lt;head&gt;&lt;/head&gt;提供的信息,例如本代码中就经常使用header进行跳转操作。</p>
<h4>10.自定义函数</h4>
<p>我们能够将我们经常需要用到得一大堆步骤打包成一个函数,方便自己的使用。例如数据库的操作等...</p>
<p>创建 PHP 函数:    

<li>命名函数 - 函数的名称应该提示出它的功能。函数名称以字母或下划线开头。</li>
<li>添加 "{" - 开口的花括号之后的部分是函数的代码。</li>
<li>插入函数代码</li>
<li>添加一个 "}" - 函数通过关闭花括号来结束。</li></ul></p>
</div>
<div id="sql">

<a name="sql"></a>
<h2>3.PHP和数据库的基本交互</h2>
<h4>1.表单</h4>
<p>程序的基本目的是通过PHP获取用户输入的留言信息,然后传递给数据库进行读取与编辑。但是这些信息是如何传递给数据库的呢,这就需要引用表单的概念。表单内获得的数据能够非常轻松的传递给各个地方。一个&lt;form&gt;&lt;/form&gt;即为一个表单,表单需要制定action和method两个属性,action属性是指表单获取到得数据要传递的终点站,而method的值是指定传输的方法,有GET和POST两种方法,GET是通过URL地址传输过去,而POST不是通过URL传说的。也就是说设置在URL中的值能够方便的通过GET方法来获取。表单内一般使用&lt;input&gt;输入框来让用户输入信息,input输入框必须要有name属性,通过name属性,表单才能调用该输入框的输入信息。如果你要知道更加详细的信息,可以看看<a href="http://w3school.com.cn/php/php_forms.asp" target="_blank">这里</a>。</p>
<h4>2.数据库的基本操作</h4>
<p>想要对数据库进行操作,首先必须要连接(Connect)数据库。用户的留言是需要输入(Insert)进数据库的,管理员删掉留言是对数据库进行删除(DELETE)操作的。操作完成之后我们必须关闭(CLOSE)与数据库的连接。每次对数据库进行操作,我们都必须进行一次连接与断开连接的操作,为了方便自己,可以把这一个操作写成自定义函数的形式。(本示例中包装成了sql_query函数,在function.php第3行)</p>

</div>

<a name="guestbook"></a>
<h2>4.开始写留言板程序</h2>
<h4>1.创建数据库</h4>
<p>这里我以PHPmyadmin为例,进入到<a href="http://img1.dnschina.net/files/68/guestbook_sql.png" target="_blank">如图所示</a>的界面然后输入如下代码并点击执行。这样数据库就建立好了。</p>

--

-- 数据库: guestbook

CREATE DATABASE guestbook DEFAULT CHARACTER SET latin1 COLLATE latin1_swedish_ci;
USE guestbook;
-- 如果是在已经存在的表中建立,则将上面的代码去除后执行即可
-- --------------------------------------------------------

-- 需要建立的表有entry,user,如果有重名的表,修改相关代码执行即可

-- 表的结构 entry

CREATE TABLE IF NOT EXISTS entry (
id int(10) NOT NULL AUTO_INCREMENT,
username varchar(255) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL,
content mediumtext CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL,
time int(10) NOT NULL,
email varchar(255) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL,
website varchar(255) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL,
agent varchar(255) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL,
ip varchar(15) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL,
geo varchar(255) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL,
PRIMARY KEY (id)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

--

-- 表的结构 user

CREATE TABLE IF NOT EXISTS user (
id int(10) NOT NULL AUTO_INCREMENT,
username varchar(255) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL,
password varchar(255) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL,
PRIMARY KEY (id)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;

--

-- 转存表中的数据 user

INSERT INTO user (id, username, password) VALUES
(1, 'admin', '21232f297a57a5a743894a0e4a801fc3');
</pre>
<h4>2.用户数据的提交和写入数据库</h4>
<p>上面说了,数据的交互我们需要用到表单,所以要新建立一个表单,代码如下:</p>

<form method="POST" action="action.php?act=post">
<?php if (!$_SESSION['login']) { ?>
昵称:<input name="username" id="username" class="username" type="text" value="<?php echo $_COOKIE['gbook_name']; ?>">
邮箱:<input name="email" id="email" class="email" type="text"value="<?php echo $_COOKIE['gbook_email']; ?>">
网站:<input name="website" id="website" class="website" type="text" value="<?php echo $_COOKIE['gbook_website']; ?>">

<textarea name="content" id="content" class="content" rows="5"></textarea>
<input type="submit" value="确认">
<span style="font-size:12px;display:block;color:#CCC;float:right;">你可以使用的标签有:<a>,<img>,<p>,<br>,<b></span>
</form>

<p>如代码所示,如上我们就能够通过$_POST['username'],$_POST['email'],$_POST['website'],$_POST['content']分别获取用户的昵称,邮箱和网址已经留言内容等信息。这些信息的接受文件是action.php,那么我们需要在action.php中写入数据库的相关操作。(实例代码中将许多表单中的操作放到一个文件中了,为了代码的方便,所以添加了switch选择函数,而选择的对象则是通过GET方法从URL中获取的)</p>

  if (!$_SESSION['login']) {//判断用户是否登录,如果没登陆执行以下操作
     $username = $_POST['username'];//赋值
     setcookie('gbook_name',$username,time()+ 604800);//设置COOKIE
     $email = $_POST['email'];
     setcookie('gbook_email',$email,time()+ 604800);
     $website = $_POST['website'];
     setcookie('gbook_website',$website,time()+ 604800);
  } else {//登录的话执行以下操作
    $user = sql_query ('SELECT * FROM user WHERE username = "admin"');//读取用户数据
    $user = mysql_fetch_object($user);//对取得的数据进行格式化
    $username = $user -> nickname;//赋值管理员昵称
    $email = $user -> email;
    $website = $user -> url;
  }
     $content =  $_POST['content'];
     $ip = getip();//通过getip函数获取用户IP
     $geo = user_ip($ip);//通过user_ip函数对IP地址进行解析,得到详细地质
     if ($geo = "") {
       $geo = "火星";//如果没IP或解析不到则显示为火星
     }
     $agent = $_SERVER[HTTP_USER_AGENT];//记录使用者的操作系统信息
     if ($username !=="" && $content !== "" ) {//如果昵称和留言内容都不为空则执行以下内容
       $post_time = time();//获取时间
     $content = strip_tags($content,'
<p></p>');//对留言内容进行格式化 $insert_sql = "INSERT INTO entry (id, username, content, time, email, website, agent, ip, geo) VALUES ('','$username','$content','$post_time','$email','$website','$agent','$ip','$geo')"; sql_query($insert_sql);//将留言内容写入数据库 header('Location:index.php');//跳转回首页 } else {//如果昵称和留言内容二者有一个为空则执行以下语句 echo "<script>alert('昵称和留言内容是必须要填写的!');</script>"; }

<p>我为这段代码进行了详细的解释,大家应该都能看的懂了。这里需要注意的是读取出来的SQL信息首先都必须对其进行格式化,可以选择的格式化函数有mysql_fetch_object,mysql_fetch_array等,这里选择了第一个。格式化后的信息就可以通过“信息 -> 字段名”的方式来获取相应字段的内容。
<h4>3.显示留言内容</h4>
<p>通过对entry表进行SELECT读取操作显示最近的留言,整体的代码如下:</p>

    <?php $entrys = get_entry_by_page($perpage);//通过自定义了函数来根据页面来显示内容,达到分页效果(这个函数在后面会讲) while ($entry = mysql_fetch_object($entrys)) {//while循环执行读取格式化后的日志工作 ?>
  • <span class="avatar"> </span> <span class="information"> <span class="geo">来自<?php echo $entry -> geo; ?></span> <span class="agent"><?php echo user_agent($entry -> agent); ?></span> </span> </span> <span class="content"><?php echo nl2br($entry -> content);/nl2br是将换行变成
    的函数,不需要太多了解
    / ?></span> <span class="time">发表于<?php echo time_past($entry -> time);/通过自定义函数对Unix时间戳进行格式化并得到距离现在的时间/ ?></span> <span class="rep"> <?php if ($_SESSION['login']) { /如果登录则执行以下代码/?> <span class="del"></span> <?php } ?>
  • <?php } ?>

<p>通过上一小节的学习,我想大家对上面这段代码应该基本上能懂了,我就不多做解释了。</p>
<h4>5.分页效果的制作</h4>
<p>其实分页就是考察你的计算能力,假如你每页显示10条内容,则你第i页显示的消息起始数为第[(i-1)*10+1]条,而第i页我们可以利用GET方法从URL地址中获取。通过ORDER BY 能够对数据进行顺序排列,而ORDER BY DESC能够对数据进行倒序排列。再添加上LIMIT a,b就可以自定义从数据的第a条开始取,一直取b条出来。创建成自定义函数之后就变成了</p>

function get_entry_by_page($perpage) {
  if ($_GET['page'] == "") {//设置当前页的默认值为1
    $_GET['page'] = 1;    
  } 
  $page = $_GET['page'];
  $start_entry = ($page - 1) * $perpage;//$prepage为你设置的每页显示的条数
  $entrys = sql_query('SELECT * FROM entry ORDER BY time DESC LIMIT ' . $start_entry . ', ' . $perpage);
  return $entrys;    
}

<p>除了做内容的分页,我们还需要做一个翻页的按钮才行,这个也是基本的计算问题,你们可以尝试的去理解一下。</p>

function pages($perpage) {
  $count = sql_query("SELECT COUNT(id) AS total FROM entry"); 
  $count = mysql_fetch_object($count);
  $count = $count -> total;//获取总条数
  if ($count%$perpage == 0) {
    $page_total = intval($count/$perpage);    
  } else {
    $page_total = intval($count/$perpage) + 1;    
  }//获取总页数
  if ($_GET['page'] == "") {
    $_GET['page'] = 1;    
  }
  $page_class = 'page';
  echo '<span class="pages">';
  if ($_GET['page'] != 1) {
      $pre_page = $_GET['page'] - 1;
    echo '<span class="' . $page_class . '"><a href="index.php?page=' . $pre_page . '">«上一页</span>';        
  }
  if ($page_total <= 5 ) {
    for ($i=1;$i <= $page_total;$i++) {
      echo '<span class="' . $page_class . '"><a href="index.php?page=' . $i . '">' . $i . '</span>';    
    }    
  } else {
    for ($i=1;$i <= 5;$i++) {
      echo '<span class="' . $page_class . '"><a href="index.php?page=' . $i . '">' . $i . '</span>';            
    }    
    echo "...";
    echo '<span class="' . $page_class . '"><a href="index.php?page=' . $page_total . '">' . $page_total . '</span>';        
  }
  if ($_GET['page'] != $page_total ) {
      $next_page = $_GET['page'] + 1;
    echo '<span class="' . $page_class . '"><a href="index.php?page=' . $next_page . '">下一页»</span>';    
  }
  echo '</span>';
}

<h4>6.管理员的登陆</h4>
<p>对这个功能编写前,你们必须了解SESSION的相关知识,如果不知道请点这里我们对用户提交过来的用户名和密码进行校验,如果匹配就把$_SESSION['login']赋值为真(true),否则就告诉用户登录失败。密码是采用md5加密方法存储到数据库里面的。详细代码可以参看login.php文件已经action.php文件。</p>
<h2>5.总结</h2>

<p>本篇文章知识草草的从我的角度上编写了一个简单的教程,对某些简单的问题可能讲的过于繁琐,当然可能对某些复杂的问题避而不讲。所以大家在遇到不懂的问题的时候,希望能够善于利用搜索引擎来帮助自己更好的理解这篇文章。按照步骤来基本上不会出什么错,如果有出错了,首先一定要记得检查一下是不是你的书写有问题,是不是少了一个s,或者是少了一个;等等。</p>
<p>本文章中的专业性知识的讲解部分是引用自W3school。W3school是一个不错的网络入门学习网站,推荐大家去看一看。</p>
<style type="text/css">

h2 {font-size:18px;font-weight:bold;}
h4 {font-size:16px;font-weight:bold;}

</style>