1、每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“行内”元素。
2、块级元素:占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,来调整的这个矩形;
行内元素 :自己的独立空间,它是依附于其他块级元素存在的,因此,对行内元素设置高度、宽度、内外边距等属性,都是无效的。
3、例子:链接 a 元素,在默认情况下是是“行内元素”,因此对a元素设置高度、宽度等属性,都是无效的。而比如div,p,li,img等默认情况下的display属性值就是“block”。所以对于链接a来说只能这样:display:block;强制将它改成块元素。
常用的块状元素有:
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> (块引用)、<form>
常用的内联元素有:
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>(表示计算机源代码或者其他机器可以阅读的文本内容)
常用的内联块状元素有:
<img>、<input>
图片是内联元素,同时是替换元素,替换元素是可以设置宽高的
设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。
a{display:block;}
块级元素特点:
1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素,从而使div元素具有内联元素特点。
div{
display:inline;
}
<div>我要变成内联元素</div>
内联元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度及顶部和底部边距不可设置;
3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
分类: 网页设计
-
行元素和块元素
-
wordpress(网页)实现分享到微信朋友圈
function WeiXinShareBtn() {
if (typeof WeixinJSBridge == “undefined”) {
alert(“自定义文字,提示给访客的 “);
} else {
WeixinJSBridge.invoke('shareTimeline', {
“title”: “<?php echo trim(wp_title(”,0)); ?>”, //获取文章标题
“link”: “<?php $current_url = home_url(add_query_arg(array())); ?> “, //获取文章地址
“desc”: ” <?php $key=”description”; echo get_post_meta($post->ID, $key, true); ?> “,//获取文章再要摘要
“img_url”: “<?php echo catch_that_image() ?>” //获取文章第一张图片
});
}
}需要把下面的代码放在functions.php中
//获取第一张图片
function catch_that_image() {
global $post, $posts;
$first_img = ”;
ob_start();
ob_end_clean();
$output = preg_match_all(‘/<img.+src=[\’”]([^\’”]+)[\’”].*>/i’, $post->post_content, $matches);
$first_img = $matches [1] [0];if(empty($first_img)){ //Defines a default image
$first_img = “http://www.aips.me/wp-content/uploads/2013/05/weixin.jpg”;
}
return $first_img;
} -
SQL Server Driver for PHP 函数
用于 SQL Server Driver for PHP 的 API 名称是 sqlsrv。所有 sqlsrv函数都以 sqlsrv_打头,
SQL Server Driver for PHP 包含以下函数:
函数 说明
sqlsrv_begin_transaction 开始事务。
sqlsrv_cancel 取消语句;并放弃相应语句的所有未决结果。
sqlsrv_client_info 提供有关客户端的信息。
sqlsrv_close 关闭连接。释放与相应连接关联的所有资源。
sqlsrv_commit 提交事务。
sqlsrv_configure 更改错误处理和日志记录配置。
sqlsrv_connect 创建一个连接,并将其打开。
sqlsrv_errors 返回关于上一操作的错误和/或警告信息。
sqlsrv_execute 执行预定义语句。
sqlsrv_fetch 使下一行的数据可供读取。
sqlsrv_fetch_array 以数值索引数组、关联数组或这两种数组的形式检索下一行的数据。
sqlsrv_fetch_object 以对象形式检索下一行的数据。
sqlsrv_field_metadata 返回字段元数据。
sqlsrv_free_stmt 关闭语句。释放与相应语句关联的所有资源。
sqlsrv_get_config 返回指定配置设置的值。
sqlsrv_get_field 按索引检索当前行中的字段。可以指定 PHP 返回类型。
sqlsrv_has_rows 检测结果集是否具有一行或多行。
sqlsrv_next_result 使下一结果可供处理。
sqlsrv_num_rows 报告结果集中的行数。
sqlsrv_num_fields 检索活动结果集中的字段数。
sqlsrv_prepare 准备 Transact-SQL 查询,但不执行该查询。隐式绑定参数。
sqlsrv_query 准备 Transact-SQL 查询,并将其执行。
sqlsrv_rollback 回滚事务。
sqlsrv_rows_affected 返回有所修改的行的数目。
sqlsrv_send_stream_data 在每次调用函数时向服务器发送最多八千字节 (8 KB) 的数据。
sqlsrv_server_info 提供有关服务器的信息。 -
Axure教程 动态面板滑动效果(10)
实现目标:
1、 点击登录滑出登录面板
2、 点击确定滑出动态面板
最终效果如下:
这种效果可以通过两种方法实现:
首先准备需要的元件:1个矩形,1个文本,1个动态面板(里面包含2个矩形,一个作为面板,一个作为登录按钮)
把动态面板添加一个状态,准备工作就结束了。
注意:每个主要元件记得加上标签啊!
第一种:动态面板滑入滑出方式
1、 设置文本面板“登录”的onclick事件,为点击时动态面板滑动到绝对位置(x,y)(如图1),x和y代表滑动到指定位置时的x轴与y轴的坐标值(如图2、图3),坐标值可以通过拖动动态面板到指定位置取得。最后,设置动画效果为缓慢进入。
2、 设置动态面板状态1里面的矩形登录按钮的onclick事件,为点击时动态面板滑动到绝对位置(x,y)(如图4),这时的x和y代表滑动到初始位置时的x轴与y轴的坐标值,设置动画效果为缓慢退出。
3、 点击右键设置顺序为置于底层,并将动态面板拖到初始位置。
4、 第一种方式完成,可以生成原型看效果了。
第二种:动态面板状态切换方式
在开始的时候我们给动态面板增加了一个状态,在第二种方式里它才会起到作用,怎么做呢?我们继续:
1、 把动态面板拖到最终显示的位置,将动态面板状态2上移到第一位(如图5右侧指示);
2、 设置文本面板“登录”的onclick事件,为点击时设置动态面板的状态为状态1,并设置进行动画为向下滑动(如图5);
3、 设置动态面板状态1里面的矩形登录按钮的onclick事件,为点击时设置动态面板的状态为状态2,并设置退出动画为向上滑动。
4、 第二种方式完成,生成原型就能看到想要的效果了。
-
Axure教程 带遮罩层的弹出框(9)
实现目标:
1、 点击按钮弹出带遮罩层的对话框;
2、 页面上下左右滚动时,弹出的对话框水平和垂直始终居中。
实现步骤如下:
1、 拖入编辑区2个矩形,并点右键—转换—转换为动态面板;
2、 双击其中一个动态面板设置标签为“遮罩层”(看个人喜好随便命名),并双击状态1进入编辑;
3、 点击状态1里面的矩形,设置大小与网站页面大小相同,以便完全遮盖;然后,设置矩形边框为“无”;最后设置填充色的透明度为50%(看个人喜好),并选择填充色为灰色(看个人喜好);
4、 关闭状态1编辑页面,选择另外一个动态面板,按照第2步命名并进入编辑;
5、 设置里面的矩形为合适大小,并拖入一个按钮(或者矩形/文本面板)作为关闭按钮;设置按钮onclick事件为隐藏遮罩层和当前编辑的这个动态面板;
6、 关闭当前的编辑页面,再次选择作为对话框的这个面板—右键—编辑选项—固定到浏览器…;
7、勾选固定到浏览器窗口,水平和垂直都选择居中,并勾选“保持在前面”;
8、 拖入一个按钮(或者矩形/文本面板)到编辑区,双击输入文字“登录”;然后点右键—顺序—置于底层;设置按钮onclick事件为显示遮罩层和对话框这两个动态面板;
9、 按着ctrl选择两个动态面板(或者挨个设置),点右键—编辑选项—设为隐藏。
10、 好了,生成原型就能看到效果了。
扩展:固定到浏览器选项可以让动态面板无论页面怎么滚动,总是停留在一个位置,那么网站两侧的对联广告,或者浮在页面上的一些按钮、图片等,都能用这种方式来实现。
-
Axure教程 动态面板的用途(8)
写了几个Axure教程之后发现,可能教程的起点有些高了,过分的去讲效果的实现,而忽略了axure功能以及基础元件的使用,那么从这个教程开始,把这些逐渐的展开讲解。
关于动态面板
动态面板是axure原型制作中使用非常频繁的一个元件,主要用途就是实现一些动态的交互效果。所以,如果动态面板使用不熟悉的话,对axure原型的制作会有很大的影响,那么动态面板都能做什么呢?主要有以下几个方面:
1、 隐藏与显示
2、 滑动效果
3、 拖动效果
4、 多状态效果
以上这些效果都在移动面板的元件属性里面体现。
1
那通过这几个属性都能实现什么样的功能呢?简单的举几个例子。
1、 显示隐藏效果
我们经常在做原型的时候,需要点击按钮后出现一些界面上没有的元素,比如:
情景A:登录功能在不填写用户名时点击登录按钮,显示出要求用户填写用户名的提示。
情景B:当我们需要在用户的某一个操作时,弹出一个提示框。当用户点击提示框的确定按钮时提示框消失。
诸如以上情景都需要用到动态面板的显示隐藏效果。
动态面板初始状态是隐藏还是显示,可以通过右键单击动态面板—编辑选项—设为显示(或)设为隐藏来实现。
2、 动态面板的滑动效果
与显示隐藏效果不同,动态面板的滑动效果一般是通过其他交互事件来激发的,可能是点击某个按钮,也可能是页面加载时实现。比如:
情景A:网站上的一些滚动文字的效果。
情景B:点击登录按钮,登录面板的弹出收起效果。
一般滑动效果都需要有复杂的激发过程,比如通过页面的onpageload事件。现在,在此不做过多讲解,以后通过案例来进行介绍,则更易懂一些。
3、 动态面板的拖动效果
动态面板的拖动效果,对于移动互联网产品原型来说是必须的,主要用于APP的产品原型。用来实现面板被拖动时产生的一些效果。
情景A:手机的滑动解锁功能。
情景B:手机页面的纵向浏览功能。
情景C:手机页面的横向换页功能。
……
动态面板拖动的作用非常重要,结合与之有关的系统自带变量能做出各种各样的效果。
比如,axure本身是没有随机数功能的,但是在拖动动态面板的时候,是可以实现随机数的功能的,这个将在之后的随机骰子案例中详细介绍,当然如果你axure的使用经验相对丰富,现在可以去小楼元件中下载随机色子元件进行参考。
4、 多状态效果
动态面板的多状态效果,是在网站原型中应用非常普遍的,大大减少了动态面板的数量。比如:隐藏一个面板,显示另外一个动态面板的效果,就可以用统一个动态面板的不同状态来实现;还有动态面板的滑进滑出效果有时也可以通过状态更换来实现,比如:小楼axurerp教程(四)动态面板滑动效果,就是分别用动态面板滑动与动态面板状态切换来实现的。在网页的原型中选项卡效果也可以通过动态面板状态切换来实现。
动态面板的不同状态还能实现图片轮播效果、图形转动效果等。
在axure中可以把元件或多个元件转换成动态面板,其实是把这些元件放在了一个动态面板的状态1里面,也就是说动态面板其实是一个多层的容器,容器的每一层可以包含多个元件。
我们可以在动态面板管理器中(软件界面的右下角,没有的话在导航栏-视图选项中勾选)去给动态面板添加多个状态,同时能够调整这些状态的顺序,来达到不同的显示效果。动态面板默认显示动态面板管理器中最上面的那个状态。
2
动态面板的介绍先到这里,在之后的教程里,我们再去慢慢的熟悉它的用法和特点。
-
5种方法让你的 WordPress 博客获取更多订阅量
但如果你有很多的订阅读者,但是却没有一个在你的文章上评论,那么这也是不算数的。所以我将和你们分享5个可以提高真实订阅读者数量,并且提高读者响应积极性的方法。
一、获取邮箱就好了
如果你需要更多的订阅者,只需要让他们留下邮箱就可以了,别的信息都不需要去询问。给大家一个例子吧,copyblogger.com 请求用户订阅的时候只索取email 地址。没有姓名,没有电话号码,住址等等个人信息。
以前的话用姓名作为邮件的标题的确是一个好的邮件营销策略,但是现在基本上都会被当作是垃圾邮件了。普通人哪里会在邮件标题就写上你的名字的,只有垃圾邮件会这样做。所以询问姓名等信息是没有必要的,只输入一个邮箱,确认下就完成订阅,那不是很愉快的事情吗?
二、告诉他们为什么订阅你的博客
很多订阅邀请都是告诉读者注册或者是订阅,很少有告诉原因的。读者订阅了你的博客,博客更新了,他们能获取到什么消息呢?那些注册用户能得到什么实际的利益呢?这些都是需要在邀请的时候说清楚的。看看以下三个邀请,哪个更应该呈现给你的读者。
“订阅以获取我们博客的更新”
“订阅以获取我们的每周精选”
“订阅以免费获取 WordPress 难题的解决方法”
应该都会选择第三个吧,实际上,读者们并不会关心我们可能花了10个小时弄出来的精选。他们只关心他们的问题有没得到解决。所以当你告诉读者为什么订阅你的博客的时候,告诉一些对他们有实际意义的东西吧。
三、使用社会认同
社会认同是一个很好的方法来驱除用户在订阅时的“恐惧障碍”。记得在大学的时候,朋友叫我去做一件事的时候总会说一句:“现在每个人都在这样做呢”
实际上这很有用。如果你已经有了100,500或者是1000个读者,当你邀请新读者订阅的时候可以告诉他们。
例如:
“订阅以加入500人明智读者群,一起通过本博客来解决 WordPress 难题。”
我不仅告诉新用户本博客已经有500个订阅,还告诉现在订阅将是一个明智的选择,如果他们现在订阅的话,也将是明智的举动。
四、订阅的位置很关键
有市场调查表明,页面的右上角是放置订阅邀请的最佳位置。我还发现这个位置还能够在某种程度上使用户去浏览一下你的文章。你是否有这样的体验,文章看到一半,突然来一句:需要查看完整信息,请注册.. 其实没有必要,你只需要在右上角放上订阅邀请就好了。你需要做的就是去写一些高质量的文章给你的读者们。
五、不要光写叙述类的文章,要会互动
这个的确是比较难掌控。但是现在很多热门的 WordPress 社区之所以会热门,不是因为他们的质量,而是因为他们开始讨论的话题。
如何写一篇可以引起话题的文章呢?这其实也没有什么神奇法则,但是我发现有以下三个因素是很容易使用户主动留言参与互动的。
话题的流行度:越是热门的流行话题,越多人来回复。
与生活的结合:与我们的生活经验关联越紧密的话题也是很所以引起讨论的。
具有争议性: 有争议性的东西总能够引起关注,不管是积极的还是消极的,讨论总是会很有趣。
下次在你发文章的时候不妨也想想这个三个因素,在接下来的10篇文章里都试试看,看看是否能吸引来更多的读者。
-
php open_basedir设置以及关于安全
open_basedir可将用户访问文件的活动范围限制在指定的区域,通常是其家目录的路径,也可用符号”.”来代表当前目录。注意用open_basedir指定的限制实际上是前缀,而不是目录名。
举例来说: 若”open_basedir = /dir/user”, 那么目录 “/dir/user” 和 “/dir/other”都是可以访问的。所以如果要将访问限制在仅为指定的目录,请用斜线结束路径名。
open_basedir也可以同时设置多个目录,在Windows中用分号分隔目录,在任何其它系统中用冒号分隔目录。当其作用于Apache模块时,父目录中的open_basedir路径自动被继承。Apache+PHP配置方法有三种:
方法一:在php.ini里配置
open_basedir = .:/tmp/方法二:在Apache配置的VirtualHost里设置(httpd-vhosts.conf)
php_admin_value open_basedir .:/tmp/方法三:在Apache配置的Direcotry里设置
php_admin_value open_basedir .:/tmp/关于三个配置方法的解释:
a、方法二的优先级高于方法一,也就是说方法二会覆盖方法一;方法三的优先级高于方法二,也就是说方法三会覆盖方法二;
b、配置目录里加了“/tmp/”是因为php默认的临时文件(如上传的文件、session等)会放在该目录,所以一般需要添加该目录,否则部分功能将无法使用;
c、配置目录里加了“.”是指运行php文件的当前目录,这样做可以避免每个站点一个一个设置;
d、如果站点还使用了站点目录外的文件,需要单独在对应VirtualHost设置该目录;——————————————————————————————————————————————————————————————————————————
这里是我实验的一个例子,设置了两个host,当然一块把Apache设置vitualHost的方法也列出了:#虚拟主机配置文件
NameVirtualHost *:80
#简单设置模式
ServerAdmin admin@8100.cc
DocumentRoot “C:/AWEB/phproot/test”
ServerName localhost
#ServerAlias www.test.com
ErrorLog “logs/error.log”
CustomLog “logs/access.log” common
#详细设置模式
ServerAdmin admin@cc.cc
DocumentRoot “C:/AWEB/phproot/test2”
ServerName www.test2.com
# php_admin_value open_basedir C:/AWEB/phproot/test2/;C:/windows/temp/ 放在这里也可以
Options Indexes FollowSymLinks
AllowOverride Options FileInfo
Order allow,deny
Allow from all
DirectoryIndex index.htm index.html index.php
php_admin_value open_basedir c:/AWEB/phproot/test2/;C:/windows/temp/
Alias /phpmyadmin “C:/AWEB/phpMyAdmin/”
AllowOverride AuthConfig
Order allow,deny
Allow from all
ErrorLog “logs/error.log”
CustomLog “logs/access.log” common
——————————————————————————————————————————————————————————————————————————
最后转军神的那两句话:一、open_basedir中处理文件路径时没有严格考虑目录的存在,这将导致本地包含或者本地文件读取的绕过(合并/aaa/../../导致linux的目录检查作废)。
二、open_basedir的值配置不当,有可能导致目录跨越(配置时忘记目录最后的斜杠 / )。
-
怎样用PHP+MYSQL做留言板?
一、编程之前的分析
要做一个留言板,而且我们也决定了采用数据库方式做,所以我们要从以下几个步骤开始做:
1.填写留言
在什么地方写留言?
2.传送留言
在文本框中输入了数据后肯定要以什么方式传到一个什么文件,而后一个文件又是这么接收变量的。
3.入数据库
后一个文件将接收的数据要进入数据库,所以,我们还要掌握这么往数据库中写入数据。
4.查看结果
将留言写入数据库后,主要是为了能在浏览器中查看,所以,我们要知道这么从数据库中读出数据。
二、做一个填写留言的文件(write.htm)
<form action=”write_ok.php” method=”post”>
请输入您的昵称:<input type=”text” name=”nickname”><br>
请留言:<textarea name=”note”></textarea><br>
<input type=”submit” value=”确定”>
</form>
三、PHP变量传送熟悉ASP的朋友可能知道,从一个文件传送变量到另一个文件后,第二个文件是request接收数据的;
而PHP似乎更简单,当一个文件将变量传送到另一个文件后,自动产生一个变量,
下面,我将ASP和PHP分别举个例子。1.ASP:
form.htm:
form action=”asp_to.asp” method=”post”>
输入昵称:< input type=”text” name=”nickname”>
<input type=”submit” value=”确定”>
</form>
asp_to.asp
您输入的昵称是:<% response.write(request.form(“nickname”)) %>
简单说明:在第一个文件中,有一个文本框,其名为nickname 和一个确定按钮,在文本框中输入信息后,
点“确定”,浏览器将提交到asp_to.asp 该文件将你在文本框中的内容显示出来,response.write就是显
示输出,而request就是接收变量“nickname”。2.PHP:
form.htm:
该文件和上面的相同,只是将asp_to.asp改为php_to.php,也就是将输入的变量提交到一个名为php_to.php
的PHP文件。php_to.php:
您输入的昵称是:<? echo $nickname; ?>
如此而已,其中echo为显示输出,相当于ASP中的 response.write 而$表示变量,PHP的变量用$表示。
四、PHP操作数据库
在上一节中,我介绍了MySQL数据库和数据表的建立。下面,将从一个例子简单介绍PHP操作数据库的方式。
[ 例一 ]
<?
$id=mysql_connect(‘localhost’,’root’,’adminpassword’);
$db=mysql_select_db(‘gsbook’,$id);
$result=mysql_query(‘select * from gsbook’,$db);
$maxrows=mysql_num_rows($result);
for ($i=0;$i<$maxrows;$i++) {
$nickname[$i]=mysql_result($result,$i,’nickname’);
}
for ($i=$i-1;$>=0;$i–)
{
echo “nickname:”.$nickname[$i].”<br>”;
}
?> 简单说明:
1.函数 int mysql_connect(string [ hostname ][:port],string [username],string [password])
返回一个MySql的连接ID,其参数相信大家一看就知道。2.函数 int mysql_select_db(string database_name, int [ link_identifier ])用来打开数据库,
第一个函数为数据库名称,第二个为MySQL的连接ID,返回值为ture或false3.函数 int mysql_query(string query, int [ link_identifier])返回一个结果(result)
4.函数 int mysql_num_rows(int result)返回query的行数。
5.函数 int mysql_result(int result,int row,mixed field)该函数返回某字段在某行的结果,
第二个参数为行数,第三个参数为字段名;需要说明的是,该字段名并不是物理字段名,
比如: select field1 as alias_field from table1 那么,在该函数中的第三个参数必须为
alias_field 而不是 field1。6.PHP中的循环语句:
(1)do … while
(2)while … [end while]
(3)for (expr1;expr2;expr3)
和C差不多的,在这里不再详细介绍。
7.在上例中,用了两个for循环语句,第一个用来将数据库中的值读到一个数组中,第二个用来将数组中
的值显示出来。注意第二个for循环的“$i=$i-1;”这是因为在第一个循环后变量$i的值已经自加了1;
所以从数组中取值时,应该减去1。8.PHP中字符串的相加用“.”,相当于ASP中(VB语法)的“+”或“&”。
9.所以,上面代码实现的功能就是从数据库中读出数据,并显示出来。
下面,我们来向数据库中添加一条记录,先看代码[ 例二 ]:
<?
$id=mysql_connect(‘localhost’,’root’,’adminpassword’);
$db=mysql_select_db(‘gsbook’,$id);
$sql=’insert into gsbook values(‘.chr(39).$nickname.chr(39).’)’;
if (mysql_query($sql,$db)>0)
{
echo “OK”;
}
else
{
echo “Failed!”;
}
?>
简单说明: 1.对于熟悉SQL语句的朋友,看了例一的简单介绍后一定知道例二的功能。
-
十天学会PHP
十天学会php之第一天
以 Apache web server 和 MY SQL 作为WEB服务器和数据库在php-4.3.3下的环境做程序简单的构建和访问查看数据库用 PHPMYADMIN。
PHP的语法:
1、嵌入方法:
PHP可以是以<?php或者是<?为开始符号,结束符号是?>,当然也可以自己指定。
2、引用文件:
引用文件的方法有两种:require 及 include。
require 的使用方法如 require(“MyRequireFile.php”); 。这个函数通常放在 PHP 程序的最前面,PHP 程序在执行前,就会先读入 require 所指定引入的文件,使它变成 PHP 程序网页的一部份。常用的函数,亦可以这个方法将它引入网页中。
include 使用方法如 include(“MyIncludeFile.php”); 。这个函数一般是放在流程控制的处理部分中。PHP 程序网页在读到 include 的文件时,才将它读进来。这种方式,可以把程序执行时的流程简单化。
3、注释方法:
<?php
echo “这是第一种例子。\n” ; // 本例是 C++ 语法的注释
/* 本例采用多行的
注释方式 */
echo “这是第二种例子。\n” ;
echo “这是第三种例子。\n” ; # 本例使用 UNIX Shell 语法注释
?>4、变量类型:
$mystring = “我是字符串” ;
$NewLine = “换行了\n” ;
$int1 = 38 ;
$float1 = 1.732 ;
$float2 = 1.4E+2 ;
$MyArray1 = array( “子” , “丑” , “寅” , “卯” );这里引出两个问题:第一PHP变量以”$”开头,第二PHP语句以”;”结尾。这两个遗漏也是程序上大多错误所在。
5、运算符号:
数学运算:
符号 意义
+ 加法运算
– 减法运算
* 乘法运算
/ 除法运算
% 取余数
++ 累加
— 递减字符串运算:
运算符号只有一个,就是英文的句号”.”。它可以将字符串连接起来,变成合并的新字符串。
<?
$a = “PHP 4” ;
$b = “功能强大” ;
echo $a.$b;
?>这里也引出两个问题,首先PHP中输出语句是echo,第二类似ASP中的<%=变量%>,PHP中也可以<?=变量?>。
逻辑运算:
符号 意义
< 小于
> 大于
<= 小于或等于
>= 大于或等于
== 等于
!= 不等于
&& 而且 (And)
and 而且 (And)
|| 或者 (Or)
or 或者 (Or)
xor 异或 (Xor)
! 不 (Not)今天就说到这里,明天说一下流程控制。
十天学会php之第二天
学习目的:掌握php的流程控制1、if..else 循环有三种结构
第一种是只有用到 if 条件,当作单纯的判断。解释成 “若发生了某事则怎样处理”。语法如下:
if (expr) { statement }
其中的 expr 为判断的条件,通常都是用逻辑运算符号当判断的条件。而 statement 为符合条件的执行部分程序,若程序只有一行,可以省略大括号 {}。
范例:本例省略大括号。
<?php
if ($state==1)echo “哈哈” ;
?>这里特别注意的是,判断是否相等是==而不是=,ASP程序员可能常犯这个错误,= 是赋值。
范例:本例的执行部分有三行,不可省略大括号。
<?php
if ($state==1) {
echo “哈哈 ;
echo “<br>” ;
}
?>
第两种是除了 if 之外,加上了 else 的条件,可解释成 “若发生了某事则怎样处理,否则该如何解决”。语法如下if (expr) { statement1 } else { statement2 } 范例:上面的例子来修改成更完整的处理。其中的 else 由于只有一行执行的指令,因此不用加上大括号。
<?php
if ($state==1) {
echo “哈哈” ;
echo “<br>”;
}
else{
echo “呵呵”;
echo “<br>”;
}
?>
第三种就是递归的 if..else 循环,通常用在多种决策判断时。它将数个 if..else 拿来合并运用处理。直接看下面的例子
<?php
if ( $a > $b ) {
echo “a 比 b 大” ;
} elseif ( $a == $b ) {
echo “a 等于 b” ;
} else {
echo “a 比 b 小” ;
}
?>上例只用二层的 if..else 循环,用来比较 a 和 b 两个变量。实际要使用这种递归 if..else 循环时,请小心使用,因为太多层的循环容易使设计的逻辑出问题,或者少打了大括号等,都会造成程序出现莫名其妙的问题。
2、 for 循环就单纯只有一种,没有变化,它的语法如下
for (expr1; expr2; expr3) { statement }
其中的 expr1 为条件的初始值。expr2 为判断的条件,通常都是用逻辑运算符号 (logical operators) 当判断的条件。expr3 为执行 statement 后要执行的部份,用来改变条件,供下次的循环判断,如加一..等等。而 statement 为符合条件的执行部分程序,若程序只有一行,可以省略大括号 {}。
下例是用 for 循环写的的例子。
<?php
for ( $i = 1 ; $i <= 10 ; $i ++) {
echo “这是第”.$i.”次循环<br>” ;
}
?>3、 switch 循环,通常处理复合式的条件判断,每个子条件,都是 case 指令部分。在实作上若使用许多类似的 if 指令,可以将它综合成 switch 循环。
语法如下
switch (expr) { case expr1: statement1; break; case expr2: statement2; break; default: statementN; break; }
其中的 expr 条件,通常为变量名称。而 case 后的 exprN,通常表示变量值。冒号后则为符合该条件要执行的部分。注意要用 break 跳离循环。
<?php
switch ( date ( “D” )) {
case “Mon” :
echo “今天星期一” ;
break;
case “Tue” :
echo “今天星期二” ;
break;
case “Wed” :
echo “今天星期三” ;
break;
case “Thu” :
echo “今天星期四” ;
break;
case “Fri” :
echo “今天星期五” ;
break;
default:
echo “今天放假” ;
break;
}
?>这里需要注意的是break;别遗漏了,default,省略是可以的。
很明显的,上述的例子用 if 循环就很麻烦了。当然在设计时,要将出现机率最大的条件放在最前面,最少出现的条件放在最后面,可以增加程序的执行效率。上例由于每天出现的机率相同,所以不用注意条件的顺序。今天就说到这里,明天开始说数据库的使用。
十天学会php之第三天
学习目的:学会构建数据库在PHP中,MY SQL的命令行编辑可能会令初学者感到很麻烦,不要紧,你下载一个PHPMYADMIN安装一下,以后建立编辑数据库可以靠它了。
下面说一下它的使用。
进入了phpmyadmin后,我们首先需要建立一个数据库,
Language (*) 这里选择中文简体,然后在左边的 创建一个新的数据库 这里填写数据库名字,点击创建即可。然后在左边下拉菜单中选择那个已经创建的数据库。在下面的
在数据库 shop 中创建一个新表 :
名字 :
字段数 :中填写表名字和大致你认为的字段数(不够或者多了都不要紧,以后可以再添加或者缺省),按执行。
然后就可以开始建立表了。
第一栏是字段的名字;第二栏选择字段类型:
我们常用的是以下几个:
1)VARCHAR,文本类型
2)INT,整数类型
3)FLOAT,浮点数类型
4)DATE,日期型
5)大家或许会问,自动添加的ID在哪里?这个只要选择INT类型,在后面的额外中选择 auto_increment 就可以了。建立了表以后,可以在左边看到你建立的表,点击以后,你可以:
1)按右边的结构:查看修改表结构
2)按右边的浏览:查看表中的数据
3)按右边的SQL:运行SQL语句
4)按右边的插入:插入一行记录
5)按右边的清空:删除表中所有记录
6)按右边的删除:删除表还有一个很重要的功能就是导入和导出,当我们本机做好了程序和数据库的时候,需要在服务器上也有一个本地镜像,如果是ASP的ACCESS简单了,直接上传MDB文件即可,如果是SQL SERVER也可以连接远端服务器进行导入。那么MY SQL中你可以导出所有的SQL语句,到了远端服务器的PHPMYADMIN上,创建数据库后按SQL,粘帖你刚才复制下来的所有本级生成的SQL语句即可。
今天就说到这里,明天继续说数据库操作。
十天学会php之第四天
学习目的:学会连接数据库PHP简直就是一个函数库,丰富的函数使PHP的某些地方相当简单。建议大家down一本PHP的函数手册,总用的到。
我这里就简单说一下连接MYSQL数据库。
1、mysql_connect
打开 MySQL 服务器连接。
语法: int mysql_connect(string [hostname] [:port], string [username], string [password]); 返回值: 整数本函数建立与 MySQL 服务器的连接。其中所有的参数都可省略。当使用本函数却不加任何参数时,参数 hostname 的默认值为 localhost、参数 username 的默认值为 PHP 执行行程的拥有者、参数 password 则为空字符串 (即没有密码)。而参数 hostname 后面可以加冒号与端口号,代表使用哪个端口与 MySQL 连接。当然在使用数据库时,早点使用 mysql_close() 将连接关掉可以节省资源。
2、 mysql_select_db
选择一个数据库。
语法: int mysql_select_db(string database_name, int [link_identifier]); 返回值: 整数本函数选择 MySQL 服务器中的数据库以供之后的资料查询作业 (query) 处理。成功返回 true,失败则返回 false。
最简单的例子就是:
$conn=mysql_connect (“127.0.0.1”, “”, “”);
mysql_select_db(“shop”);
连接机MY SQL数据库,打开SHOP数据库。在实际应用中应当加强点错误判断。今天就说到这里,明天再说一下数据库的读取。
十天学会php之第五天
学习目的:学会读取数据先看两个函数:
1、mysql_query
送出一个 query 字符串。 语法: int mysql_query(string query, int [link_identifier]); 返回值: 整数本函数送出 query 字符串供 MySQL 做相关的处理或者执行。若没有指定 link_identifier 参数,则程序会自动寻找最近打开的 ID。当 query 查询字符串是 UPDATE、INSERT 及 DELETE 时,返回的可能是 true 或者 false;查询的字符串是 SELECT 则返回新的 ID 值,当返回 false 时,并不是执行成功但无返回值,而是查询的字符串有错误。
2、mysql_fetch_object 返回类资料。 语法: object mysql_fetch_object(int result, int [result_typ]); 返回值: 类
本函数用来将查询结果 result 拆到类变量中。若 result 没有资料,则返回 false 值。
看一个简单的例子:
<?
$exec=”select * from user”;
$result=mysql_query($exec);
while($rs=mysql_fetch_object($result))
{
echo “username:”.$rs->username.”<br>”;
}
?>
当然,表user中有一个username的字段,这就类似asp中的
<%
exec=”select * from user”
set rs=server.createobject(“adodb.recordset”)
rs.open exec,conn,1,1
do while not rs.eof
response.write “username:”&rs(“username”)&”<br>”
rs.movenext
loop
%>
当然先要连接数据库,一般我们 require_once(‘conn.php’);而conn.php里面就是上一次说的连接数据库的代码。小小的两条命令可以完成读取数据的工作了,今天说到这里下一次说数据的添加删除修改。
十天学会php之第六天
学习目的:学会添加删除修改数据mysql_query($exec);
单这个语句就可以执行所有的操作了,不同的就是$exec这个sql语句添加:$exec=”insert into tablename (item1,item2) values (‘”.$_POST[‘item1’].”‘,”.$_POST[‘item1’].”)”;
删除:$exec=”delete from tablename where…”;
修改:$exec=”update tablename set item1=’”.$_POST[‘item1’].”‘ where …”;
说到这里就要说一下表单和php变量传递,如果表单中的一个 <input name=”item1″ type=”text” id=”item1″>
表单以POST提交的,那么处理表单文件就可以用$_POST[‘item1’]得到变量值,同样以GET提交的就是$_GET[‘item1’]是不是很简单?但是通常$exec会有问题,因为可能您的SQL语句会很长,您会遗漏.连接符,或者’来包围字符型字段。
我们可以注释mysql_query($exec);语句用echo $exec;代替来输出$exec以检查正确性。如果您还不能察觉$exec有什么错误的话,可以复制这个sql语句到phpmyadmin中执行,看看它的出错信息。还有需要注意的是,我们不要使用一些敏感的字符串作为字段名字,否则很可能会出现问题,比如说date什么的。变量的命名,字段的命名遵循一点规律有的时候对自己是一种好处,初学者并不可忽视其重要性。今天就说到这里,大家可以DOWN一个SQL语句的参考手册,再研究研究。明天继续说SESSION。
十天学会php之第七天
学习目的:学会SESSION的使用SESSION的作用很多,最多用的就是站点内页面间变量传递。
在页面开始我们要session_start();开启SESSION;
然后就可以使用SESSION变量了,比如说要赋值就是:$_SESSION[‘item’]=”item1″;要得到值就是$item1=$_SESSION[‘item’];,很简单吧。这里我们可能会使用到一些函数,比如说判断是不是某SESSION变量为空,可以这么写:empty($_SESSION[‘inum’])返回true or false。下面综合一下前面所说的我们来看一个登陆程序,判断用户名密码是否正确。
登陆表单是这样:login.php
<table width=”100%” height=”100%” border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tr>
<form action=”checklogin.php” method=”post”><td align=”center” valign=”middle”><table width=”400″ border=”0″ cellpadding=”5″ cellspacing=”1″>
<tr>
<td colspan=”2″><div align=”center”>Administrators Login</div></td>
</tr>
<tr>
<td><div align=”center”>Username</div></td>
<td><div align=”center”>
<input name=”username” type=”text” id=”username”>
</div></td>
</tr>
<tr>
<td><div align=”center”>Password</div></td>
<td><div align=”center”>
<input name=”password” type=”password” id=”password”>
</div></td>
</tr>
<tr>
<td colspan=”2″><div align=”center”>
<input type=”submit” name=”Submit” value=”Submit”>
<input type=”reset” name=”Submit2″ value=”Clear”>
</div></td>
</tr>
</table></td></form>
</tr>
</table>处理文件是这样
<?
require_once(‘conn.php’);
session_start();
$username=$_POST[‘username’];
$password=$_POST[‘password’];
$exec=”select * from admin where username=’”.$username.”‘”;
if($result=mysql_query($exec))
{
if($rs=mysql_fetch_object($result))
{
if($rs->password==$password)
{
$_SESSION[‘adminname’]=$username;
header(“location:index.php”);
}
else
{
echo “<script>alert(‘Password Check Error!’);location.href=’login.php’;</script>”;
}
}
else
{
echo “<script>alert(‘Username Check Error!’);location.href=’login.php’;</script>”;
}
}
else
{
echo “<script>alert(‘Database Connection Error!’);location.href=’login.php’;</script>”;
}?>
conn.php是这样:
<?
$conn=mysql_connect (“127.0.0.1”, “”, “”);
mysql_select_db(“shop”);
?>由于 $_SESSION[‘adminname’]=$username;我们可以这样写验证是否登陆语句的文件:checkadmin.php
<?
session_start();
if($_SESSION[‘adminname’]==”)
{
echo “<script>alert(‘Please Login First’);location.href=’login.php’;</script>”;
}
?>呵呵,今天说到这里,明天说一下怎么弄一个分页。
十天学会php之第八天
学习目的:做一个分页显示关键就是用到了SQL语句中的limit来限定显示的记录从几到几。我们需要一个记录当前页的变量$page,还需要总共的记录数$num
对于$page如果没有我们就让它=0,如果有<0就让它也=0,如果超过了总的页数就让他=总的页数。
$execc=”select count(*) from tablename “;
$resultc=mysql_query($execc);
$rsc=mysql_fetch_array($resultc);
$num=$rsc[0];这样可以得到记录总数
ceil($num/10))如果一页10记录的话,这个就是总的页数所以可以这么写
if(empty($_GET[‘page’]))
{
$page=0;
}
else
{
$page=$_GET[‘page’];
if($page<0)$page=0;
if($page>=ceil($num/10))$page=ceil($num/10)-1;//因为page是从0开始的,所以要-1
}这样$exec可以这么写 $exec=”select * from tablename limit “.($page*10).”,10″;
//一页是10记录的最后我们需要做的就是几个连接:
<a href=”xxx.php?page=0″>FirstPage</a>
<a href=”xxx.php?page=<?=($page-1)?>”>PrevPage</a>
<a href=”xxx.php?page=<?=($page+1)?>”>NextPage</a>
<a href=”xxx.php?page=<?=ceil($num/10)-1?>”>LastPage</a>这是一个大致的思路,大家可以想想怎么来优化?今天说到这里,明天说一下一些注意的问题。
十天学会php之第九天
学习目的:注意事项
1、注意不要漏了分号
2、注意不要漏了变量前的$
3、使用SESSION的时候注意不要遗漏session_start();如果发生错误的时候,可以采用以下方法:
1、如果是SQL语句出错,就注释了然后输出SQL语句,注意也要注释调后续的执行SQL语句
2、如果是变量为空,大多是没有传递到位,输出变量检查一下,检查一下表单的id和name
3、如果是数据库连接出错,检查是否正确打开MY SQL和是否遗漏了连接语句
4、注意缩进,排除括号不区配的错误在做大网站的时候,我的思路是先构建数据库,确定每一个字段的作用,和表之间的关系。然后设计后台界面,从添加数据开始做起,因为添加是否成功可以直接到数据库里面验证,做好了添加再做显示的页面,最后才是两者的结合。一般来说后台就包括添加删除修改和显示,后台没有问题了,前台也没有什么大问题。前台还需要注意安全性和容错还有就是输出格式。
好了,今天说到这里,明天说一下如果用PHP上传文件和发邮件。
十天学会php之第十天
学习目的:学会用PHP上传文件和发邮件上传文件表单必须加上 enctype=”multipart/form-data” 和 <input type=”file” name=”file”>下面看一下代码:
$f=&$HTTP_POST_FILES[‘file’];
$dest_dir=’uploads’;//设定上传目录
$dest=$dest_dir.’/’.date(“ymd”).”_”.$f[‘name’];//我这里设置文件名为日期加上文件名避免重复
$r=move_uploaded_file($f[‘tmp_name’],$dest);
chmod($dest, 0755);//设定上传的文件的属性上传的文件名为date(“ymd”).”_”.$f[‘name’] ,可以在以后插入到数据库的时候用到,PHP实际上是把你上传的文件从临时目录移动到指定目录。move_uploaded_file($f[‘tmp_name’],$dest);这是关键
至于发邮件就更加简单,可以使用mail()函数mail(“收件人地址”,”主题”,”正文”,”From:发件人\r\nReply-to:发件人的地址”);
不过mail()需要服务器的支持,在WINDOWS下还需要配置SMTP服务器,一般来说外面的LINUX空间都行。
好像上传文件和发邮件比ASP简单很多,只要调用函数就可以了。ASP还需要用到服务器的不同组件比如FSO、JMAIL什么的。
十天学会PHP说到这里了,想告诉大家的是PHP入门可以是十天,但是精通决不是十天啊,还需要大家自己去研究。
-
PHP中CKEditor和CKFinder配置
1、/ckeditor/config.js, 配置文件,如果不想写太多,可以直接写好默认配置(语言,菜单栏,宽度),有需要可以百度config配置
config.language = ‘en’;config.skin = ‘v2’;config.uiColor = ‘#AADC6E’;config.toolbar = ‘Basic’;…。2、官方的demo大多都喜欢用js配置editor区域,习惯写php的我就嫌麻烦,只好看内置的php类。
require_once ROOTPATH 。 “ckeditor/ckeditor.php”;$CKEditor = new CKEditor();$CKEditor-》returnOutput = true; //设置输出可用变量的情况$CKEditor-》basePath = ‘/ckeditor/’;//设置路径$contentarea = $CKEditor-》editor(“content”, $rs[‘contents’]); //生成一个以name为content的textarea
echo $contentarea;
3、需要上传了 ,只好加入ckfinder.把ckfinder和ckeditor放在同级目录下。
打开/ckfinder/config.php, 首先设置第一个函数CheckAuthentication(),这个函数需要按照自己的规则写,只要return true的情况才能允许上传文件到服务器的,当然不建议直接写return true,这将导致安全问题。可以采用session来处理比较方便。
session_start();function CheckAuthentication(){ if(isset($_SESSION[‘UseEidtor’]))
return true;else return false;}
4、上传文件位置:也在/ckfinder/config.php, 找到$baseUrl,之前一直想自己写一个方法用来定位路径,实在不好办,后来只好用sesssion,如果一个网站中,有需要上传到不同的位置,正好可以利用session定位。
if (isset($_SESSION[‘UseEidtor’])) {
switch ($_SESSION[‘UseEidtor’]) { case ‘Addr1’:$baseUrl = ‘/addr1/uploadfile/’;case ‘Addr2’:$baseUrl = ‘/addr2/upfiles/’;}
} else {
$baseUrl = ‘/upfiles/’;
} 5、对于上传文件名,ckfinder会按照原有的名字命名,中文的情况下可能会乱码,所以建议使用日期重命名。打开/ckfinder/core/connector/php/php5/CommandHandler/FileUpload.php 找到《 /p》
$sUnsafeFileName =CKFinder_Connector_Utils_FileSystem::convertToFilesystemEncoding(CKFinder_Connector_Utils_Misc::mbBasename($uploadedFile[‘name’]));后面加上
$sExtension = CKFinder_Connector_Utils_FileSystem::getExtension($sUnsafeFileName);$sUnsafeFileName=date(‘YmdHis’)。‘。’.$sExtension;6、 最后就是使用ckfinder
require_once ROOTPATH 。 “ckeditor/ckeditor.php”;require_once ROOTPATH 。 ‘ckfinder/ckfinder.php’ ;
$CKEditor = new CKEditor();$CKEditor-》returnOutput = true;$CKEditor-》basePath = ‘/ckeditor/’;
CKFinder::SetupCKEditor($CKEditor, ‘/ckfinder/’) ;//注意这里是相对路径,相对于根目录,不能用绝对路径
$contentarea = $CKEditor-》editor(“content”, $rs[‘contents’]);两者配合用起来还是挺不错的,更重要的原因是安全性高了很多。
-
Axure教程 axure元件使用思路的补充(7)
我们曾经对axure线框图基本元件进行过说明,现结合这我对这些元件的使用习惯,对部分元件的使用,再做一些补充。
1、 图片:可以编辑悬停、按下时候显示不同的图片,做图片的一些特殊效果。
2、 文本(lable):这个元件到处都能用得到,这个元件是可以通过事件触发改变元件文字的,可以通过全局变量,实现如登陆前后不同的文字提示效果。对我来说这个元件还有一个用处就是除错,因为axure没有调试器,所以当因为变量值出现问题导致交互效果无法出现的时候,我通常会在调用变量时顺便加上一个动作,拖进去一个文本,让文本文字等于变量值,这样就能一目了然的看到是不是因为变量值不正确出的错。
3、 矩形:这个也是最常用的axure元件之一,常见的使用方式我就不说了,我对矩形的使用,我通常是把矩形拖进编辑区然后根据需要调整好大小,再转换成动态面板,这样做比拖入动态面板-调整大小-双击状态-拖入矩形-调整大小,要省很多的事。可能很多人都这么用,但是我觉得还是有必要讲出来,让新手少走些弯路。
4、 占位符:除了懒得找广告图片,用它来表示广告位之外基本很少用,不过我倒是经常把它缩小做关闭按钮使用。
5、 圆角矩形:不知道为什么axure单独有个这个,我已经把它在我做的小楼axure元件库1.0中淘汰了,因为我把矩形改成了默认能够直接编辑圆角的。
6、 动态面板:教程里各种各样的用法太多,就不说了。不过有一个我没有讲过,就是函数里的DragTime,这个函数能获取拖动面板的时长,精确到毫秒,这个功能在移动端原型里应该有很大作用,因为我很少接触,所以没有怎么用。不过我用这个函数的特点,做了一个随机骰子,实现了猜大小的游戏,有兴趣的话去小楼元件里下载参考一下。
7、 图片热区:基本上不用,用的时候基本功能也可以用透明矩形来代替。之前没有提到是的,图片热区能够作为锚记,通过对其他元件设定滚动事件返回到锚记,比如一些网站页面较长,一般在右侧下部有一个点一下就回到页面开始部位的功能,这个博客就有这个功能。
8、 文本框(单行):真心希望axure能加上文本框验证的设置,这样就省很多事。感觉对密码框的支持还不够,不能通过事件触发的让输入的字符变成隐式的。
9、 复选框:这个难度大一些的用法,就是像全选、反选、勾选计数,这些效果,基本上是苦力活。
10、 内部框架:web端使用最多的是后台设计或者选项卡的实现(会有刷新,不如动态面板的好),但是在移动端,这个axure元件的作用就很大了,把它在主页拖动到手机外壳图片上并设置好大小覆盖整个屏幕,再双击指定一个页面作为框架内的主页,就能像设计网站一样,方便的实现手机屏幕上的多种效果。
-
Axure教程 关于Axure rp触发事件中IF和ELSE IF的使用说明(6)
IF=如果
ELSE IF=否则,如果
举例: 事件“天气变化时”
用例1:IF True 下雨 执行 带伞
用例2:ELSE IF 下冰雹 执行戴钢盔
用例3:ELSE IF True 执行 什么都不带
什么意思呢?在Axure里,默认一个事件中的每个用例都是有关联的,是由上至下来执行的,上面的示例用白话来说就是:
当天气变化时,如果(IF)是(True)下雨,就带伞,否则(ELSE)如果(IF)是下冰雹,是的话戴钢盔,否则(ELSE)如果(IF)真的(True)不下雨也不下冰雹就什么都不带。
举例2: 事件“检查性别时”
IF True 男的 站左边
IF True 女的 站右边
这个例子是说,如果(IF)真的(True)是男的站左边,如果(IF)真的(True)是女的站右边。
这里没有第三种情况了,那就是说只要不符合上面两种情况,就没有任何动作。
不知道这样的解说清不清楚,希望大家能够理解。
-
Axure教程 axure新手入门基础(5)
(五)系统函数与变量
1、变量的种类:
全局变量:可以在整个原型的任意位置调用和修改。
局部变量:仅作用于某一事件的某一动作内。
自定义变量:自行新建的全局变量。
2、axure函数
特殊变量:特殊变量其实是软件自带的函数,就像excel中的函数一样,可以调用获得一些特定的值。
功能:除了运算符之外的三个函数,可以对变量进行进一步操作以获取需要的值。比如:截取变量字符串中的某一段或者计算变量字符串的长度。
3、特殊变量的使用
使用时我们只需要点击选择相应的变量或直接输入[[变量名称]],再通过不同的表达式就能得到我们要的效果。比如我们想在文本框内显示当前的日期(yy-mm-dd格式),就可以通过下面的表达式实现:[[Year]]-[[Month]]-[[Day]]
4、函数的使用
功能中的函数都是通过“变量名.函数名(参数)”来实现:
例1:截取变量“页面名称”中的前三个字符
[[PageName.substring(0, 3)]]
例2:获取页面名称字符的长度
[[PageName.length]]
例3:将变量转换成小数点后保留两位的数值
[[自定义变量名.toFixed(2)]]
5、变量的使用情景
1)记录登录状态;
2)显示编辑框还能输入多少汉字;
3)滚动条的实现;
4)根据不同的变量跳转至不同的页面
N)……
太多,就不一一列举了。
简单说,变量的使用一般程序:添加变量,修改变量值,判断变量值,根据不同的值执行不同的动作。
值得注意的是,在事件中设置在当前页打开新窗口时,如果同时对变量有操作,记得把变量操作写在跳转页面之前,写在后面变量会不起作用。
-
Axure教程 axure新手入门基础(4)
(四)条件生成器
在axure原型制作的过程中,很多时候我们需要触发一个又一个事件,以交互设计效果展示的需求。在这些事件里我们经常需要在满足某一条件时完成指定的动作。比如:文本框文字为空的时候点击按钮无效。或者拖动动态面板没到达指定位置退回原位等。
这一节教程我们就讲一下,如何使用条件生成器,至于条件的设置,以后结合相关的案例再逐渐深入。
(一)条件逻辑
条件生成器是在我们双击某一事件打开用例编辑器后才能打开。如截图里1的位置,蓝色的“添加条件”点击后即打开条件生成器。
打开条件生成器后,2的位置有2个选项,一个是“全部”一个是“任何”。
全部:是指事件触发后必须同时满足条件生成器里设置的所有条件时才继续下一步动作,否则不执行任何动作。用白话来举例:如果个税满五年(条件1)并且缴纳时间未间断(条件2),就能参加摇号(下一步动作)。这个例子举得好心酸:(。
任何:是指事件触发后只要满足条件生成器里的任意一个条件即执行下一步动作。用白话举例:如果连续5年缴纳个税(条件1)或者连续60个月缴纳社保(条件2),就可以买房(下一步动作)。尼玛,心更酸了!
(二)可设置的条件
可设置的条件是指图片中3的位置包含的内容。
分别是:
l 变量值:软件内自带了一个变量“onloadvariable”,也可以添加、删除、重命名变量,管理变量可以从菜单栏左数第四个(汉化版本的“线框图”)中的第三项“管理变量”进行上述操作。当然在条件编辑器里选择变量时最后一项“新建”也可以完成对变量的管理。变量值可以是字母、数字、特殊字符和汉字或者是它们的任意组合。
l 变量长度:是指变量值的字符个数,在axure里一个汉字的长度是1。变量长度的值可以通过axure自带函数进行获取。
l 元件文字:是指每个元件上面可编辑的文字。不包含:动态面板、图片热区、垂直线、水平线、内部框架、下拉列表、列表框。
l 元件值长度:仅包含单行和多行文本框、下拉列表和列表框。
l 选中于:仅适用于单选按钮和复选框,选中时值为“真”,未选中时值为“假”。
l 选中项于:仅适用于下拉列表和列表框,通过获取元件当前值来确定选中状态。
l 动态面板状态:动态面板专用,以获取事件激发时动态面板的状态作为判断条件。
l 动态面板可见性:动态面板专用,以动态面板显示或隐藏作为判断条件。
l 焦点元件上的文字:即通过鼠标点击或Tab切换被选中的元件上的文字,比如文本框获取焦点时,光标在文本框内闪动;按钮获取焦点时四周会出现虚线。
l 值:可以是字母、数字、汉字、符号、函数、公式;可以直接输入,或者点击fx进入编辑。可以设置等于、不等于大于、包含、是、不是等条件。具体使用方法以后结合案例详解。
l 拖放光标:是指拖动动态面板时光标(鼠标指针)的位置,以拖放光标是否进入某个元件的范围为条件。
l 元件范围:是指元件覆盖的范围,以是否触碰到指定元件为条件。
-
Axure教程 axure新手入门基础(3)
(三)Axure rp元件的触发事件
l OnClick(点击时): 鼠标点击事件,除了动态面板的所有的其他元件的点击时触发。比如点击按钮。
l OnMouseEnter(鼠标移入时): 鼠标进入到某个元件范围时触发,比如当鼠标移到某张图片时显示该图片的介绍。
l OnMouseOut(鼠标移出时): 鼠标离开某个元件范围时触发。比如鼠标离开图片时,图片介绍消失。
l OnKeyUp(按键弹起时): 文本框(单行与多行)编辑时,键盘按下某一个按键松开时触发,不支持其他axure元件。比如统计文本框输入的字数。
l OnFocus(获取焦点时): 当一个元件通过点击或切换获取焦点时触发。比如搜索框编辑时,清空“请输入关键字”的提示。
l OnLostFocus(失去焦点时): 当一个组件失去焦点时触发。比如用户名、密码的验证。
l OnChange(选中项改变时):下拉列表框或列表框的选中项改变时触发,不支持其他元件。比如选择地址时,选择不同的省份,显示对应的省内城市。
动态面板专属事件
l OnMove(移动时): 当动态面板移动时触发。是指通过其他事件的触发控制面板移动时,比如当进度条移动时,进度比例的变化。
l The OnShow and OnHide events(显示或隐藏时): 当动态面板隐藏或显示时触发。比如图片显示时按钮文字是关闭图片,图片隐藏时按钮文字变为打开图片。
l OnPanelStateChange(状态改变时): 当动态面板更改面板的状态时触发。
比如通过改变动态面板状态实现的进度条效果,当状态改变时改变相应的进度比例。
l OnDragStart: Occurs when the drag begins(开始拖动面板时):当开始拖动动态面板时触发。比如在动态面板拖动开始时,显示“拖动开始”的文字提示。
l OnDrag: Occurs as the panel is dragged(面板拖动时):动态面板拖动时触发,比如拖动一块动态面板另外一块跟随移动。
l OnDragDrop: Occurs when the panel is dropped(面板拖动结束时): 当拖拽结束时触发。比如滑动解锁,面板拖动结束时根据滑块的位置设置相应的效果。
-
Axure教程 axure新手入门基础(2)
(二)Axure rp的线框图元件
l 图片
图片元件拖入编辑区后,可以通过双击选择本地磁盘中的图片,将图片载入到编辑区,axure会自动提示将大图片进行优化,以避免原型文件过大;选择图片时可以选择图片原始大小,或保持图片元件的大小。
l 文本
在网页中文本的名称是lable,用于页面中添加说明文字、文字连接,或一些动态的提示。
l 矩形
矩形的应用比较广泛,比如作为页面的背景、按钮、以及一些元件的遮盖等;矩形的形状可以通过鼠标右键点击–编辑选项—改变形状,来变成我们需要的形状,比如做选项卡时候我们需要顶部圆角的矩形,就可以通过改变矩形的形状来实现。
l 占位符
制作原型时,可以用它来代替对一些没有交互或者交互比较简单容易说明的区域;也可以做成关闭按钮。占位符在保真比较高的产品原型中作用不大。
l 圆角矩形
这个个人认为是因为圆角矩形应用广泛,所以单独拿出来作为元件给使用者,免去了对矩形的设置。
l 动态面板
非常重要的axure元件,必须要学会使用的元件,动态面板的显示、隐藏、多状态等,都是非常有用的。在这里不过多介绍,详细介绍请参考:小楼axure图文教程(五)动态面板的使用。
l 水平线
就是一条水平的线,可以作为表示页面一些区域分割时使用,比如在两块不同区域之间添加一条水平线,来明显的区分。水平线可以通过设置元件属性中的角度Rotº变成斜线来使用。
l 垂直线
没什么好说的,和水平线一样的作用。
l 图片热区
用于点击图片中某个区域产生交互事件时使用,图片热区也是矩形的一种,可以通过设置矩形无边框,背景色100%透明度来实现。
l 文本框(单行)
用于输入文字的axure元件,用于登录、标题、密码框(鼠标右键–编辑选项–隐藏文本)等功能。
l 文本框(多行)
从字面意思就知道了它的功能,用于实现更多文字内容输入的axure元件,用于回复、评论、微博发布框这类的功能。
l 下拉列表(框)
鼠标点击时展开多个选项的axure元件,主要用来类别选择或多条件查询效果时使用。
l 列表框
一个多选项的列表,带滚动条效果,个人认为样子很丑,应用不是很多,应用场景可以参考word自定义快速访问工具栏中选择添加项的效果。
l 复选框
复选框用于同类别内容可以同时选择多个时候使用,比如注册时候个人兴趣的选择,又比如批量删除邮件时选择多个邮件的功能。
l 单选按钮
多个选项仅能选择其一时候使用,比如性别选择。多个单选按钮联动效果需要同时选中多个需要联动的单选按钮—鼠标右键—编辑选项–指定单选按钮组来实现。不嫌麻烦的话也可以通过设置每个单选按钮的onclick事件来实现。
l 内部框架
用于在页面中嵌入其他页面的axure元件,可以设置好大小后双击它,指定要嵌入的页面。框架可以通过编辑选项取消滚动条,应用场景多见于网站后台原型和移动互联网产品原型。
l 表格
表格很常见,就不多做解释,每个表格都可以设置单独的事件,但是axure还不支持单元格的合并。
l 菜单纵向
主要用于网站导航。多使用于网站后台。
l 菜单横向
主要用于网站导航,多使用于网站前台。
l 树
主要用于网站导航。多使用于网站后台。
-
Axure教程 axure新手入门基础(1)
名词解释:
线框图:一般就是指产品原型,比如:把线框图尽快画出来和把原型尽快做出来是一个意思。
axure元件:也叫axure组件或axure部件,系统自带了一部分最基础常用的,网上也有很多别人做好的,软件使用到一定阶段可以考虑自己制作元件,以便提高产品原型的制作速度。
生成原型:是指把绘制好的原型通过axure rp生成静态的html页面,检查原型是否正确,同时,方便演示。建议生成时选择用谷歌浏览器打开(第一次会有提示安装相关插件),ie会每次都有安全提示,不如谷歌浏览器方便。
1-主菜单工具栏:大部分类似office软件,不做详细解释,鼠标移到按钮上都有对应的提示。
2-主操作界面:绘制产品原型的操作区域,所有的用到的元件都拖到该区域。
3-站点地图:所有页面文件都存放在这个位置,可以在这里增加、删除、修改、查看页面,也可以通过鼠标拖动调整页面顺序以及页面之间的关系。
4-axure元件库:或者叫axure组件库、axure部件库,所有软件自带的元件和加载的元件库都在这里,这里可以执行创建、加载、删除axure元件库的操作,也可以根据需求显示全部元件或某一元件库的元件。
5-母版管理:这里可以创建、删除、像页面头部、导航栏这种出现在每一个页面的元素,可以绘制在母版里面,然后加载到需要显示的页面,这样在制作页面时就不用再重复这些操作。
6-页面属性:这里可以设置当前页面的样式,添加与该页面有关的注释,以及设置页面加载时触发的事件onpageload。
7-元件属性:这里可以设置选中元件的标签、样式,添加与该元件有关的注释,以及设置页面加载时触发的事件;
A-交互事件:元件属性区域闪电样式的小图标代表交互事件;
B-元件注释:交互事件左面的图标是用来添加元件注释的,在这里我们能够添加一些元件限定条件的注释,比如:文本框的话,可以添加注释指出输入字符长度不能超过20。
C-元件样式:交互事件右侧的图标是用来设置元件样式的,可以在这里更改原件的字体、尺寸、旋转角度等,当然也可以进行多个元件的对齐、组合等设置。
8 动态面板:这个是很重要的区域,在这里可以添加、删除动态面板的状态,以及状态的排序,也可以在这里设置动态面板的标签;当绘制原型动态面板被覆盖时,我们可以在这里通过点击选中相应的动态面板,也可以双击状态进入编辑。
Axure rp的界面就介绍到这里,界面中的各个区域基本上在做产品原型的过程中,使用都很频繁,所以建议不要关闭任何一个区域。如果不小心关闭了,可以通过主菜单工具栏—视图—重置视图来找回。
-
让wordpress通过HTML5验证
<?php foreach(array( ‘rsd_link’,//rel=”EditURI” ‘index_rel_link’,//rel=”index” ‘start_post_rel_link’,//rel=”start” ‘wlwmanifest_link’//rel=”wlwmanifest” ) as $xx) remove_action(‘wp_head’,$xx);//X掉以上 function the_category_filter($thelist){//rel=”category”或rel=”category tag”, 这个最巨量 return preg_replace(‘/rel=”.*?”/’,’rel=”tag”‘,$thelist); } add_filter(‘the_category’,’the_category_filter’); ?>
将以上代码加到functions.php里面去,Wordpress就不会生成烦人无用的rel属性了
-
Function ereg_replace() is deprecated in
Deprecated: Function ereg_replace() is deprecated in
由于PHP版本是5.3.3。
查询了一下,这个错误的意思是说:config.php文件里ereg_replace()不能执行或执行错了。
而出现这个问题的原因是PHP的版本问题:DEDE的开发人员现在还在5.1时代,不知道ereg_replace是php5.3中废弃的标签,不推进使用了。PHP5.3及以上一些函数已经淘汰了,不被支持。而DEDE很多都是使用的5.2以前的函数写的。官方也没有做这方面的更新。
自己整理了一下,找到了下面的几种解决方法:
1.从新下一个个PHP5.2,安装后,将版本切换到5.2,问题解决了。
2.信息提示是不推荐使用ereg_replace(),你加个@看能不能屏蔽掉,@ereg_replace(…)
3.要是不行的话,就改改吧,将dede\config.php文件的第二行替换成
define(’DEDEADMIN’, preg_replace(”/[\/\\\\]{1,}/”, ‘/’, dirname(__FILE__) ) );4.要是加那一句不行的话,就改成下面的样子吧:
(1)define(‘DEDEADMIN’, preg_replace(“/[\/\\\\]{1,}/”, ‘/’, dirname(__FILE__) ) );
(2)define(‘DEDEADMIN’,strtr(dirname(__FILE__),’\\/’,’//’));