轻松配置PHPMANAGER.docxVIP

轻松配置 - 微软发布PHP Manager for IIS 7再也不用为在IIS上配置PHP而烦恼了，微软刚刚发布了面向IIS的PHP管理器版本1.0，x86和x64系统均可使用，用途如下：*关联PHP和IIS*并列运行多个PHP版本在同一台服务器上,甚至在同一网站*检查PHP运行时配置和环境(的phpinfo()函数的输出)*配置各种PHP设置*启用或禁用PHP扩展*远程管理php.ini PHP配置文件下载:PHP Manager for IIS 7 Win7 IIS7.5+PHP Manager安装配置PHP5+Mysql教程在WIN7上安装配置PHP5，之前多数搭建的是Apache+PHP+Mysql的环境，由于微软已逐步开始重视PHP ON Windows的应用，相继推出了Microsoft Web Platform，PHP Manager等IIS平台工具，所以一直想体验下PHP ON WIN，下面分享下在WIN7 IIS7.5上应用Microsoft Web Platform+PHP Manager安装配置PHP5的心得和感受。Win7 IIS7.5+PHP Manager安装PHP教程我在Win7上使用的是Microsoft Web Platform安装PHP Manager和PHP5.2.14的，首先介绍下Microsoft Web Platform这个平台。Microsoft Web Platform是什么？Microsoft Web Platform是微软整合开发语言以及应用程序的平台，通过Microsoft Web Platform Installer可以安装配置诸如ASP.NET、PHP等开发平台以及相应的WEB应用，说白点有点类似软件商店。通过 Microsoft Web Platform（Microsoft Web 安装2.0）下载安装PHP通过WEB安装平台安装PHP5.2.14的页面在这里，打开后点击 Install PHP5.2.14连接，首先会提示你安装Microsoft Web Platform Installer，然后点击页面第二部完成会弹出WEB平台安装程序2.0界面，如图Microsoft Web Platform 安装程序平台，提示安装PHP默认安装的是PHP5.2.13（实际下载的是PHP5.2.14）以及PHP Manger for IIS，你可以点击左侧三个按钮选择你需要安装的WEB平台、WEB应用程序等，WEB平台中WEB服务器选项主要针对的是IIS，点击自定义，可根据需要选择需要安装的IIS功能，如果你是以CGI方式安装配置PHP，请务必勾选CGI选项！然后点击下一步，会列出相应选项的下载地址，如图Microsoft Web Platform下载PHP5.2.14 WIN32安装程序特别说明：1、我使用WEB程序安装平台2.0能正常下载PHP Manager For IIS，但无法正常下载PHP5.2.14，可能与当时网速有关吧，由于这两个软件是相互依赖关系，所以PHP Manager For IIS无法安装，我是点击平台提示的安装地址手动下载PHP5.2.14以及PHP Manager For IIS的，所以我个人感觉这个平台有点鸡肋的感觉。2、在Win7上安装配置PHP之前，你首先需要通过WEB程序安装平台2.0安装配置好IIS7.5，否则可能导致PHP安装时不成功。3、在选择下载PHP Manager时，请注意你的Win7是32位还是64位，PHP Manager有32和64位两个版本，我的Win7系统是32位，所以我下载的是PHPManagerForIIS-1.1.0-x86安装PHP5.2.14在完成Win7 IIS7.5的配置安装以及PHP Manager的安装之后，点击安装php_5.2.14-nts-Win32-VC6-x86.msi，如图php_5.2.14-nts-Win32-VC6-x86安装配置我重点说下PHP安装时的注意事项1、php_5.2.14-nts-Win32-VC6-x86.msi安装程序默认并不安装PHP Extension扩展，安装PHP时请务疏忽，否则PHP的相关扩展是无法使用的。2、尽管PHP Mnanger有PHP Extension的管理，比如从外部导入相关的DLL文件，禁止或启用DLL扩展等，但这一切的基础建立在安装PHP时PHP安装目录下已包含ext目录，否则phpinfo是不会显示相应PHP扩展库的。3、提供一个技巧，如果系统提示无法加载PHP扩展模块，你可以在CMD模式下，通过php -m命令查看是否缺少相应的DLL文件来排查PHP安装是否有问题。4、在安装PHP5.2.14时，如果你确认使用IIS Fastcgi方式运行PHP，请选择Cgi选项。5、在完成PHP5.2.14安装后，通过控制面板-管理工具-IIS管理器中的FastCgi设置，可以看到已经添加了PHP FastCgi的配置。PHP Manager配置PHP5教程在完成PHP5.2.14安装后，添加网站的过程请参考Win7 IIS7下以FastCgi和ISAPI方式安装配置PHP5教程一文，我添加的网站是以我的PHP开发博客命名，然后点击网站名，在IIS7.5管理器右侧点击PHP Manager图片，界面如图所示：PHP Manager配置PHP5PHP Manager功能界面分三块PHP安装管理：PHP安装版本、PHP版本管理、phpinfo配置信息输出等PHP配置管理：PHP.INI配置文件、错误报告、PHP配置选项管理等PHP Extensions扩展库管理：enable或者disable相应的PHP扩展库以及增加新的扩展等。你可以通过这三个部分去管理和配置PHP.INI中的信息，非常方便。Mysql数据库安装由于默认微软的WEB安装程序中主要针对的是SQLServer、ODBC等相关数据库，并不涉及Mysql数据库，所以需要另外下载安装Mysql，我提供一个Mysql5.1下载地址，Mysql数据库的安装配置过程请参考PHP环境搭建:Windows 7下安装配置PHP+Apache+Mysql环境教程一文。至此，Win7 IIS7.5上通过Microsoft Web Platform和PHP Manager安装配置PHP5+Mysql的教程就介绍完了，我觉得PHP Manager是一个在IIS服务器上管理配置PHP非常好的工具，推荐大家使用。前端开发人员必须熟悉的10个CSS3属性导读：随着Css3和html5的风靡，越来越多的前端人员开始学习Css3，今天的文章就是来说说前端应该掌握10个Css3属性。对于Css3的新属性，你又了解多少呢？虽然大多数的css3属性在很多流行的浏览器中不支持，但是我们鼓励在前端开发中要学会并且运行这些css3属性，因为这是未来的趋势。关键是首先确定你是否对各个浏览器之间的细微的差别有所了解，你能肯定的说IE显示的90度的角就不圆滑嘛？这取决于你的决定。但是要永远记住，网站设计不必看到所有浏览器的不同。1. Border-radiusBorder-radiusBorder-radius是一大堆CSS3属性中最受欢迎的一种，border-radius是CSS3中级别最高的一个属性。当设计者害怕一个层在将在不同的浏览器之间以不同的方式显示时，CSS圆角，一个很初级的知识，将引导他们开始学习。 我们为移动浏览器提供一个备用的观看体验的想法都非常好。奇怪的是，当这种方法出现在桌面浏览器上时，他们却又不这么认为。border-radius是一大堆CSS3属性中最受欢迎的一种，border-radius是CSS3中级别最高的一个属性。当设计者害怕一个层在将在不同的浏览器之间以不同的方式显示时，CSS圆角，一个很初级的知识，将引导他们开始学习。我们为移动浏览器提供一个备用的观看体验的想法都非常好。奇怪的是，当这种方法出现在桌面浏览器上时，他们却又不这么认为。-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;注意：请在Safari 5和IE9浏览器中执行“border-radius”语法。圆许多读者也许不会意识到我们可以用这个属性来做一个圆。-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;如果想再添加点效果，我们可以利用Flexible Box Model（详情在8中）来使得文字在垂直在水平方向都居中。这需要加点代码，但这仅仅是对不同浏览器的补偿。display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; /* the default, so not really necessary here */ -webkit-box-orient: horizontal; box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; -webkit-box-pack: center; -webkit-box-align: center; box-pack: center; box-align: center;2. Box-shadowBox-shadow接下来是非常普遍的Box-shadow，可以使你的元素立即美化，只是记得不要把值设得太离谱。-webkit-box-shadow: 1px 1px 3px #292929; -moz-box-shadow: 1px 1px 3px #292929; box-shadow: 1px 1px 3px #292929;box-shadow的四个参数1. x-offset x轴偏移2. y-offset y轴偏移3. blur 模糊值4. color of shadow 阴影颜色现在，许多人不知道可以一次运用多个box-shadows，这样做会产生一些有趣的效果。在下图中，我使用蓝色和绿色阴影来放大一下效果。Box-shadow-webkit-box-shadow: 1px 1px 3px green, -1px -1px blue; -moz-box-shadow: 1px 1px 3px green,-1px -1px blue; box-shadow: 1px 1px 3px green, -1px -1px blue;Clever Shadows The CSS.box:after content: ; position: absolute; z-index: -1; /* hide shadow behind image */ /* The Shadow */ -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); -box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); width: 70%; left: 15%; /* one half of the remaining 30% (see width above) */ height: 100px; bottom: 0; 3. Text-shadowText-shadowText-shadow是我们可以省略前缀的几个CSS属性之一，类似的还有box-shadow，它必须应用于文本，并它们有相同的四个参数：1. x-offset 水平位移2. y-offest 垂直位移3. blur 模糊值4. color of shadow 阴影颜色h1 text-shadow: 0 1px 0 white; color: #292929; Text-Outline和box-shadow一样，它可以设置多个阴影通过逗号分隔符。例如，我们创建文本框的轮廓，当Webkit不支持stroke效果，我们可以使用下面的代码让更多的浏览器支持（虽然不是很美观）。body background: white; h1 text-shadow: 0 1px 0 black, 0 -1px 0 black, 1px 0 0 black, -1px 0 0 black; color: white; Text-Outline4. Text-StrokeText-Stroke使用这个方法时要注意了，只有Webkit（Safari， Chrome， iPhone）在最后的几年内还支持这个属性。其实，虽然我可能是错的，Text-stroke还不属于CSS3范畴的一部分。在这种情况下，使用白色字体时，Firefox会显示一个空白页面。要解决此问题，你即可以使用Javascript，也可以通过使用一种不同于背景颜色的文字颜色。h1 -webkit-text-stroke: 3px black; color: white; Feature Detection我们如何为firefox提供一组可用的样式，和为另外的一组Safari或Chrome？解决办法就是多做测试。 通过feature detection，我们可以利用JavaScript来测试某属性是否可用，如果不行，我可 就要采用备用的。 再回到text-stroke的问题上，为不支持此属性的浏览器设定一个备用黑色（目前的除webkit外）。var h1 = document.createElement(h1); if ( !( webkitTextStroke in h1.style ) ) var heading = document.getElementsByTagName(h1)0; heading.style.color = black; 首先我们设定一个h1元素，然后执行，通过样式属性以确定-webkit-text-stroke是否支持此元素。如果不支持，我们会把标题由白色 设置成黑色。5. Multiple BackgroundsMultiple BackgroundsBackground属性在CSS3样式中已经彻底改革，开始支持多背景图片。 举个简单的例子，如果没和合适的图像，我们将使用两个教程的图像作为我们的背景，当然在程序中你可能会用纹理，也许是渐变作为图像。.box background: url(image/path.jpg) 0 0 no-repeat, url(image2/path.jpg) 100% 0 no-repeat; 以上，通过逗号分隔符，插入了两张背景图像，第一个的定位是（0，0），第二个的定位是（100%，0）。 要确定你对不支持的浏览器使用了备用图片，否则，它将跳此属性，使背景图像留空。 对旧浏览器的补偿要添加一张单独的图像给老浏览器用，像IE7。要定义两遍background，一遍是为老浏览器，另一遍是重写。或者你可以再次查看下Modernizr。.box /* fallback */ background: url(image/path.jpg) no-repeat; /* modern browsers */ background: url(image/path.jpg) 0 0 no-repeat, url(image2/path.jpg) 100% 0 no-repeat; 6. background-size目前我们已经可以使用这种比较灵活的方式去重定义背景图像的大小。background: url(path/to/image.jpg) no-repeat; background-size: 100% 100%;上面的代码使得背景图像已经占据了整个可用空间。但是，如果我们使用一个特殊的图片去占据body元素的整个空间而无论窗口有多宽，那又怎么做？body, html height: 100%; body background: url(path/to/image.jpg) no-repeat; background-size: 100% 100%; 对，就是这么做，分别定义background-size的x，y参数。 最新版本的Chrome 和 Safari支持此属性，但我们还是要用旧的方法支持旧的浏览器。body background: url(path/to/image.jpg) no-repeat; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; 7. text-overflow浏览器最初开发文本溢出属性可以设定两个值：clip ellipsis 此属性支持切断容器中的文本，而且也给出了一个省略号的特性。Text-overflow.box -o-text-overflow: ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; border: 1px solid black; width: 400px; padding: 20px; cursor: pointer; 或许你会考虑当鼠标经过时显示全部的文本内容。#box:hover white-space: normal; color: rgba(0,0,0,1); background: #e3e3e3; border: 1px solid #666; 有点奇怪，这看起来并不像是重置text-overflow属性或是停用它，使之生效，在on:hover中我们可以使得white-space的 normal属性。现在正常了。 知道吗？您还可以指定自己的字符串，应使用省略号的位置。这样做来修饰要显示的文本字符串。8. Flexible Box ModelFlexible Box Model将最终使我们远离类似float的困扰。虽然是要给你的头部换一个新的属性，但一旦你这么做了，将终身受益。 做个演示，创建简单的两列布局。 Main content here Aside content here 首先我们要设定一个容器，然后指定它的宽和高，即便是没有实质性的内容在里面。#container width: 960px; height: 500px; /* just for demo */ background: #e3e3e3; margin: auto; display: -moz-box; display: -webkit-box; display: box;接下来分别定义#main和aside的背景色#main background: yellow; aside background: red; 到目前为了还没有看出什么效果来。值得一提的是，虽然我们设置了display:box模型，它的子元素会占据整个垂直空间。这就是它的默认box-align属性stretch。 看看有什么效果产生，当我们设置了#main的宽度后。#main background: yellow; width: 800px; Flexible Box Model但是我们仍有个疑问，为什么aside不占据剩余的全部空间呢？我们可以用新属性box-flex来试下。 box-flex 使得元素占据整个空间。aside display: block; /* cause is HTML5 element */ background: red; /* take up all available space */ -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; 使用这个属性后，不管#main有多宽，aside都将占据整个可用的空间。同时你也不必担心诸如float等产生的问题，像使得元素被排挤到下一 行。Flexible Box Model我只是在这儿肤浅的说一下，请参阅保罗爱尔兰优秀文章的详细信息。然而，使用此方法的时候也应注意一下兼容问题，例如老的浏