PHPCMS页面专题汇总列表内调用该专题内文章方法

好吧,由于工作需求,外加自己过分追求完美,晚上研究了一下,PHPCMS专题总列表页内的某个专题含有该专题的几篇文章的方式,其实原理很简单,核心思想是
1.嵌套循环.
2.数据库中存储总列表内某专题的id值等于该专题某文章列表的id值.


昨晚其实最后效果还有点问题,今天上午一上班继续解决,终于弄好了,现在跟大家分享心得.

前文可能这样说大家看不大明白,我先截取两张图片给大家看:

PHPCMS页面专题汇总列表内调用该专题内文章方法

想实现的效果:通俗点讲就是假设你后台有5个专题,而且这5个专题内有若干篇相关文章,你希望这个专题列表页面不单单显示出这5个专题信息,在列表中每个单独的专题区域能够显示该专题下的文章.

实现原理:很显然从逻辑上来讲就是一个嵌套循环,大循环,循环的是有多少个专题,挨个输出,而在每个已经输出的专题中,再次运行一次小循环,来循环当前专题内的所有文章.

准备工作:当然理解了原理,有了思想之后,就好办了,先看看PHPCMS V9专题管理的数据库表.这里有两个表”v9_special“和”v9_special_content“,一看就知道了,前者是管理有多少个专题的,后者是存放这些专题的所有内容的.而两个表如何关联起来,由于我数据库和php学的都不好(大家都知道我之前做网页设计和前端的–!),所以代码也许略有不合理的地方.我之前尝试用系统默认的PC标签”pc:special“来写,但是未能实现,于是只好用我认为最暴力的方式,直接读取数据库的”pc:get sql=’ ‘“,接着观察两个表的字段.他们功能连接的方式是v9_special的id和v9_special_content的specialid.那么再循环过程中将这两个值关联起来就可以了.

实现方法:由于这个站展示在公司网站上了,所以就不写CSS出来了,大家只需要理解了,可以自己想怎么用就怎么用.我的代码是这样写的:

<div class="hifi_PubArea">
  <!--嵌套循环输出专题及专题内文章By小白-->
  {pc:get sql="SELECT * FROM v9_special ORDER BY createtime DESC" num="10" return="data"}
  <ul class="hifi_ListPage_MainList">
    {loop $data $r}
    {php $sid=$r['id']}
    <li>
      <div class="Title">
        <div class="LeftTitle">{if time()-$r['createtime'] <= 24*3600}<img src="{IMG_PATH}hifidiy/hifi010.gif" />{else}{/if}<a href="{$r['url']}">{$r['title']}</a><span>[<a href="{$CATEGORYS[$catid]['url']}">{$catname}</a>]</span></div>
        <div class="RightTitle"> <span class="author">{if $r['username']}{$r['username']}{else}hifidiy{/if}</span> </div>
      </div>
      <div class="Content">
        <div class="DivImg"><a href="{$r['url']}"><img src="{thumb($r['thumb'],165,95)}" alt="{$r['thumb']}" /></a></div>
        <div class="DivContent">{str_cut($r['description'],240)}[<a href="{$r['url']}">查看</a>]
          <div class="subArticle">
            {pc:get sql="SELECT * FROM v9_special_content WHERE specialid = '$sid'  ORDER BY updatetime ASC" num="4" return="data"}
            <ul>
              {loop $data $t}
              <li><a href="{$t['url']}">{$t['title']}</a></li>
              {/loop}
            </ul>
            {/pc}
          </div>
        </div>
      </div>
    </li>
    {/loop}
    <div class="bk"></div>
  </ul>
  <div id="pages">{$pages}</div>
  {/pc}
</div>

关键部位我已经做了高亮,方便大家查看.我顺便简单讲解一下, 第一行高亮表示从v9_special表获取所有字段内容,当然里面有个id字段的所有值也获取了,接下来将这个值赋值给sid,那么在第一个循环内,$sid==id,并继续执行下个循环(第二条高亮部分),从v9_special_content内获取所有字段的内容,当然这里加了个条件因为这个表内包含了不止一个专题的文章,因此我将条件设定为specialid==$sid,这样就不会出现文章调用问题了.至于数量顺序什么的就很简单了,这里不再熬述.

好了,其实写完这篇文章想想,好像很简单的一个自定义功能,但是为什么昨天晚上做了半天效果出不来呢,呵呵,还是编程语言基础不扎实,还得努力啊!

搭建latin1与utf-8的PHP环境想不乱码都不行的艰苦日子

好的,经过数天折磨,为了解决本地数据库乱码问题绞尽脑汁,费尽了精力.最终以失败告终,尝试了各种字符组合,安装了无数次phpcms系统.重装了无数次操作系统,用了各种版本IIS,各种mysql,各种php,无论是64位系统还是32位系统,配置了各种php.ini, my.ini……最终以失败告终.

我放弃了,心中怒喊一声I QUIT!……不过工作还得继续…我可怜巴巴的问很少在公司负责管理服务器的上级领导.结果说是,本地数据库表内汉字的确是乱码,我简直要疯了,原来这是一个不可能完成的MISSION…除了坑爹二字形容我的心情就是不免内心一阵抱怨…之前还总说我环境不对,所以会出现莫名的问题,我看跟环境没关系,IIS 5.1, 6.0, 7.5配置PHP可不是简单事情,浪费我多少青春,接下来我就要总结这些其实很傻的结论.越来越觉得这几天傻的出奇.

继上次写了一篇PHPCMS V9安装步骤详细介绍及说明(有效避免乱码产生),其实我开始觉得有时候有些乱码不可避免(虽然内心还是觉得latin1和utf-8应该有办法在数据库表内值进行转码).

首先不得不承认,如果没有什么特殊情况,请下载安装phpcms V9 UTF-8版,在安装过程中,选择创建UTF8的数据库,这一步做好了一般无论是环境整合包还是单独配置各个插件都不会出现乱码.

另一方面,如果没有特别需求,真的不建议用IIS搭建PHP服务器,可能个人感觉吧,总觉得那玩意就是玩ASP的,甚至ASP.NET都支持不好.而方便又轻松的选择是XAMPP, WAMP等等,当然或许用官方的PC_webServer也不错,不过他们都差不多.至于操作系统,普通应用比如说博客,企业站什么的,根本不在乎,别说什么linux好,数据库上千M了我看看执行效率是不是跟windows会有点点差距.

如果单独安装mysql进行配置的时候建议在选择字符集的那里选择utf-8,默认是选择了第一个,建议手动选择第三个,并在下拉菜单默认的latin1更改为utf-8.说到mysql配置,我不得不说我遇到的一个小问题,在mysql配置的最后一步,总会卡到未响应,只好强制关闭,原因很简单其实在之前的配置过程中,有一段英文是防火墙添加3306断口例外.勾上就没问题了.

当然,我的情况就是服务器上数据库创建时用的是latin1,而我有没有权限更改这个,我只有用phpcms备份数据库并将备份文件拷贝下来的权限.所以还原的时候本地数据库用latin1也会是乱码,如果本地数据库是utf-8,会产生更为糟糕的结果,数据无法导入.

至于怎么让本地服务器汉字恢复正常,我准备从备份的sql文件下手,研究一下…期待我的成果吧!

PHPCMS V9安装步骤详细介绍及说明(有效避免乱码产生)

前几天简单的介绍了本地搭建最新的WAMP 2.2d的本地环境办法,详情请看Apache创建本地域名的服务器(WAMP环境),今天倒是来说说搭建环境后在安装PHPCMS V9过程的详细步骤和一些注意事项.

首先搭建好本地环境之后将从官方网站下载PHPCMS V9安装包,将其解压,所有的程序在install_package,将这个目录复制到你WAMP所安装的目录内的www目录里,例如“e:/wamp/www/install_package/”,此时你可以将目录重命名成为你所需要的名字,例如whidy,那么这个phpcms系统的完整文件路径即:“e:/wamp/www/whidy/”,如果想搭配本地域名也可参见本文开头提到的那篇文章,里面有详细的方法.为了方便期间,假设我已经做好了本地的访问域名为w.net,那么尝试在浏览器内输入w.net,发现会报错(那是肯定的,系统不是这么装的==!~).

好的接下来,打开phpmyadmin页面,新建个数据库,名称例如whidy,而后面字符集,根据需求填写,假设是latin1_swedish_ci,点击创建,然后会提示创建完成.

接下来新开一个页面标签,正确的安装方法是输入“w.net/install”回车,好的这是安装界面出现如下步骤(为了节约空间容量我就不发全图了哈哈~):

前面两步直接pass,一般情况下WAMP的配置是没有问题的.第三步,选择全新安装,模块什么的按照默认的就行了.第四步,直接pass,第五步需要注意:

数据库主机:    w.net
数据库账号:    root    (默认情况下用户名)
数据库密码:                 (默认情况下不用填写)
数据库名称:    whidy
数据表前缀:    v9        (其实这个随便了,当然前缀必须有,不要太长.)
数据库字符集:    这里是重点,请选择你创建数据库时所选择字符集,比如此次选择的是latin1.
….(下面默认即可直到邮箱随便填一个)

点下一步,直至安装完成.正常情况下是没有问题的.(其实最后一步的时候会有个小错误,我每次也没看清,不过好像没有什么影响,所以无视它吧.)

那么现在可以通过w.net来访问本地的网站了,感觉不错吧,进入后台的方法也就是“w.net/admin.php”了默认账户密码都是phpcms.


以上是整个安装过程的说明,接下来我要说几个与服务器数据同步的注意事项,其实MYSQL字符集一直让人头疼,我也查过相关资料,据说搞这个的人是瑞典人,所以很多东西就很非主流,经常一个不小心让人出现莫名其妙的错误,例如数据库还原导入失败,数据库内数据呈现乱码等等.我经过多次测试总结如下:

在服务器上通过PHPCMS备份的数据库文件(备份时也要注意字符集的统一),全部在phpcms安装目录内caches文件夹内,通过FPT寻找准确的文件路径是
“你的ftp地址…..\caches\bakup\default”

将其下载下来放在本地的目录里,并进入后台进行还原,整个过程将自动完成.这时重新登录后台(用户密码将会被还原成线上服务器的了.),对整站的缓存更新一下,将站点设置设置成本地的即可.

当然我最近在操作过程中除了总结了以上方法之外,仍然有个问题未能解决,目前还在思索中,那就是在PHPMYADMIN内管理数据库的数据时,发现这个中文字符依然是乱码,我估计还是字符集的问题但是试过了很多办法还是没有弄好…仍在研究探索中.

Apache创建本地域名的服务器(WAMP环境)

最近在弄公司网站服务器上的数据库跟公司办公用的电脑的本地服务器的数据同步,可是弄得焦头烂额,直到现在还有个问题phpmyadmin里面的中文字符都成了乱码的问题没有解决,今天就说说搭本地服务器那点事.

安装好WAMP之后,这里以WampServer Version 2.2为例.安装到了E:\WAMP\
在www目录内有一个phpcms文件夹,存放着phpcms系统安装的所有文件,首先安装这个PHPCMS访问地址是http://localhost/phpcms/install,那么安装好后,本地通过访问http://localhost/phpcms/查看站点首页,而服务器上的却是顶级域名,明显会在本地测试上带来诸多不便.如果想改成浏览器内直接输入http://p.com即可访问的办法是什么样的呢?

首先修改本机的hosts文件,XP在C:\WINDOWS\system32\drivers\etc\hosts,,如下:
示例:
127.0.0.1 localhost
127.0.0.1 p.com

然后找到E:\wamp\bin\apache\Apache2.2.21\conf\extra\httpd-vhosts.conf,,添加:

<VirtualHost *:80>
ServerAdmin whidy@p.com
DocumentRoot “E:/wamp/www/phpcms/”
ServerName “p.com”
ErrorLog “E:/wamp/www/phpcms/error.log”
CustomLog “logs/dummy-host2.appservnetwork.com-access_log” common
</VirtualHost>

接着找到E:\wamp\bin\apache\Apache2.2.21\conf\httpd.conf
修改#LoadModule vhost_alias_module modules/mod_vhost_alias.so 去掉#,意思是启用apache的虚拟主机功能
以及#Include conf/extra/httpd-vhosts.conf 去掉#,意思是从conf/extra/httpd-vhosts.conf这个文件导入虚拟主机配置

最后重启服务器,试着在浏览器内输入p.com,看看是否成功了呢?

如果出现错误就继续修改E:\wamp\bin\apache\Apache2.2.21\conf\httpd.conf
此处的

Options FollowSymLinks ExecCGI Indexes
AllowOverride None
Order deny,allow
Deny from all
Satisfy all

更改为

Options FollowSymLinks ExecCGI Indexes
AllowOverride None
# Order deny,allow
# Deny from all
# Satisfy all

当然,如果你有多个站点需要用这样的方式管理,那么这里就需要通过添加端口达到目的.

例如本机IP为:192.168.1.88
那如何控制 80,81,82 来访问不同的文件目录,而达到多个站点同时访问的目的?

打开appserv的安装目录,找到httpd.conf文件,找到:
Listen 80
加入:

Listen 80
Listen 81
Listen 82

然后参照前文虚拟主机的设置方法.不同的是,这个后边的端口号按自己需求更改就成了(当然不要忘记修改hosts文件哟~).例如:

<VirtualHost *:81>
ServerAdmin whidy@whidy.net
DocumentRoot “d:/wampx64/www/whidy”
ServerName w.net
ErrorLog “logs/w-error.log”
CustomLog “logs/w-access.log” common
</VirtualHost>

好了今天就为大家讲解到这里,如有疑问,可留言或发至电邮与我讨论~

默认css字体大小单位及样式研究

我们在给网页字体进行CSS定义的时候,以前通常是使用像素来进行定义,然而,这已经是很古老的方式了,在现如今手机,平板,笔记本等各种不同分辨率设备普及的情况下,我们不只是用电脑浏览网页了,更多的时候或许已经是手持设备了,那么,就将面临一个问题,如何在如此多的不同分辨率下的设备将页面正常展现出来呢?

今天我们暂且不提框架自适应的问题,流体布局以后我熟练掌握后与大家分享,呵呵,就拿这个在定义字体大小方面来进行讨论,用px呢还是em,或是%?

首先需要声明的是在中文网站中,大部分规范是使用12px的汉字作为内容,14px加粗作为标题,当然有些h1,h2或许更大,一般字体用为黑体,而小标题和内容部分字体一般情况下是使用宋体的,这是中文站的一般标准.虽然近两年,随着显示器的不断变大,分辨率的增加,很多网站开始把14px当作最小字体了.然而,可能在很多情况下并不合适,例如手机访问,是不是字太大了等等一系列问题,那么有人可能会说通过终端判断返回不同的CSS,那么这种处理方式较为繁杂.怎么解决页面字体大小就成了一个需要思考的问题.

其实,如果经常访问英文网站的朋友应该不难发现一个特点,他们页面的字体都是用的em作为单位,比如:

body { font: normal 100% Helvetica, Arial, sans-serif; } /* 字体大小是页面默认大小的100%,即16像素. */
h1 { font-size: 1.5em; } /* h1的大小是默认大小的1.5倍,即24像素(24/16=1.5). */
small { font-size: 0.875em; } /*  small元素的大小是默认大小的0.875倍,即14像素(14/16=0.875). */

上面是个简单的CSS说明,在实际应用中,也是如此,给body内的font属性进行修改,就可以直接给整个页面字体大小进行缩放,这是一件十分方便的事情.以下我在做个简单的例子给大家直接预览.
先是body内100%时的效果:

http://jsfiddle.net/kingterrors/DEKSy/embedded/result,html,css/

PS:由于近日(2014年6月)jsfiddle无法正常访问,可能受内网影响,现将之前所有jsfiddle预览去除,不过你仍然可将以上地址拷贝到浏览器预览,或选择尝试以下代码:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Font size research</title>
<style type="text/css">
body {font: normal 100% Helvetica, Arial, sans-serif;}
h1 {font-size: 1.5em;}
small {font-size: 0.875em;}
.small {font-size: 14px; /* never changed */}
</style>
</head>
<body>
  <h1>This is a Header1</h1>
  <small>and this is small part</small>
  <p class="small">this is another small part with css style sheet that would never change!</p>
  <p>and how about this?</p>
  <p>This is a reseach by <em>Whidy</em></p>
</body>
</html>

然后是body为87.5%时的效果:

http://jsfiddle.net/kingterrors/K3Qbt/embedded/result,html,css/

PS:由于近日(2014年6月)jsfiddle无法正常访问,可能受内网影响,现将之前所有jsfiddle预览去除,不过你仍然可将以上地址拷贝到浏览器预览,或选择尝试以下代码:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Font size research</title>
<style type="text/css">
body {font: normal 87.5% Helvetica, Arial, sans-serif;}
h1 {font-size: 1.5em;}
small {font-size: 0.875em;}
.small {font-size: 14px; /* never changed */}
</style>
</head>
<body>
  <h1>This is a Header1</h1>
  <small>and this is small part</small>
  <p class="small">this is another small part with css style sheet that would never change!</p>
  <p>and how about this?</p>
  <p>This is a reseach by <em>Whidy</em></p>
</body>
</html>

大家可以通过两个例子看出来,不变的永远是用px做单位的元素(好像这句话很弱智…),不过显而易见的是,用em绝对是目前和将来的主流!(其实很多大网站普及很久了…z)


PS: 实际上在国内这种做法仍然未能很好应用,在wap端方向有部分网站开始使用,不知道国内是由于汉字原因呢还是什么,似乎网页设计字体标准仅仅由曾经的12px升级到14px而已(2014年5月17日)