alfresco 3.2r2 + Liferay 5.2.3配置LDAP + SSO中控用户数据并实现一次登陆 #1

分类:Middleware, 数据库, 服务器端技术, 网页&平面设计, 计算机与互联网 作者: 秋天 on 12-02-2010

写一篇alfresco + liferay配置LDAP服务器管理用户数据,并使用CAS SSO server进行统一用户登录验证的文章。

最近开发公司的网站+内容工作流程管理系统,使用OS平台Alfresco创建公司内部资源管理,并通过Restfull APIor Web Service调用其内容,并在liferay的支持下创建公司网站并开发用户管理中心。

在尝试配置,alfresco + liferay的LDAP用户数据管理和SSO的时候,碰到很多问题,这里把具体流程和一些心得写下来,作为记录,也给有着同样的问题的朋友分享。

互联网上,包括Alfrescoliferay官方论坛wiki,都有不少关于整合其产品到LDAP和SSO的相关介绍甚至Tutorial。但由于这些开源软件更新较快的原因,当前互联网上大部分关于配置alfresco + liferay到LDAP SSO的文章,都已不太适用。所以才会有编写这个教学的理由。

这里请注意,由于上面我提到的原因,如果你正在使用我们这里使用的当前最新版本的alfresco和liferay,如果你发现你在互联网上找到的其他资料和这里提到的信息有冲突,请以我这里提到的参数和方法为准。因为一些过时的配置方法在新版本中已经不再使用了。

第一课,在alfresco中使用LDAP服务器进行用户认证,并实现同步。

虽然我们最终的目的是使用SSO来进行中控认证,但是需要配置LDAP中的用户数据自动同步到alfresco数据库中,这里先将alfresco配置到使用LDAP,确认其可以进行用户认证和同步,之后SSO启用后关掉LDAP认证功能,只保留同步功能,就可以了。

由于liferay新版本中,LDAP和SSO的配置基本界面化,所以我们先配置alfresco。当你已经成功的在alfresco中整合SSO和开启LDAP用户同步功能后,再将liferay整合进去就会比较简单了。

简单说一下我这里使用的系统平台和版本:

  • alfresco运行于Win7 OS ultimate 64bit,使用其绑定的内置tomcat6
  • Mysql服务和liferay服务运行于另一台主机,使用windows 2003 32bit
  • LDAP服务和Mysql运行于同一台服务器,LDAP服务器使用apacheDS
    • alfresco 使用 "alfresco-community-tomcat-3.2r2"
    • Liferay 使用 "liferay-portal-tomcat-6.0-5.2.3"
    • Mysql使用的一个WAMP里面带的老版本5.1.23
    • ApacheDS 1.5.5
    • 另外还用到Eclipse 3.6 Galileo 做为alfresco的开发环境并加装apacheDS studio插件对apacheDS进行管理。

安装,配置Alfresco

首先是安装alfresco,由于不是这里的重点,简单说一下。去官方下载alfresco-community-tomcat-3.2r2解压到你需要安装alfresco的目录,我们这里放到:

 C:\Alfresco

我们把这个目录叫做%alfresco_home%。解压完成后,这里只需要设置Mysql数据库链接。打开:

%alfresco_home%\tomcat\shared\classes\alfresco-global.properties

如果没有这个文件自己创建一个空的,跟其他alfresco配置文件一样,这里设置的内容会覆盖其默认设置。编辑此文件并添加:

#
# Sample database connection properties
#-------------
db.name=[数据库名]
db.username=[链接数据库使用的用户名]
db.password=[该用户的密码]
db.host=[主机名称]
db.port=[端口]

点击浏览文章的全部内容 »

使用Fireworks CS4中的切片输出功能,进行设计图形到CSS+DIV的转换。

分类:Web UI & Ajax, 多媒体技术, 网页&平面设计, 计算机与互联网 作者: 秋天 on 06-01-2010

下面这两篇文章进行了比较详细的讨论。 共享一下:

via Exporting CSS and images in Fireworks CS4. by. John Wylie

and

via Creating standards-compliant web designs with Fireworks CS4 by. Matt Stow

我个人对此功能进行测试后的一些看法。

  • 相比PS中原来的切片生成基于表格的html的功能,此功能是个长足的进步。
  • 虽然切片生成的代码仍然具有不少问题,但是以此作为一个起点,并在此基础上使用Dreamweaver进行代码微调,会大幅度的节省工作时间提高效率。
  • HTML切片对文本段落字体样式等的识别还比较弱,基本不可能拿来做为直接生产使用。对于该部分,切片留出位置,转换之后在Dreamweaver或者其他HTML编辑器中重新建立需要的文本字样段落样式。这一点上其实问题并不大,因为按照比较严格的设计标准来说,字体段落样式 (Typography) 部分,和图形分别设计本来也是设计流程的一部分。
  • 我们比较需要的其实是一种比较好的图形切片到CSS+DIV的转换。在这一点上Fireworks CS4其实已经做的比较好了。我测试了几种比较复杂的堆叠方式,只有在一些特别复杂的情况下,会产生堆叠错乱,以及间隙错乱的问题,大部分基本的图形设计模式切片,都没有太大的问题。
  • 完美的生成DIV堆叠,并且CSS化DIV的属性。可惜的是转化的过程中并没有给我们提供足够的参数进行CSS属性控制的选择,或者HTML控件的CSS class id设置。希望将来的版本能在这一点上进一步优化。

and oh anyway, happy new year everyone.

Google Chrome 2.0.172.33 Stable

分类:网页&平面设计, 计算机与互联网 作者: 秋天 on 23-06-2009

标签分类 : ,

google icon

Google

如果你喜欢小巧轻便快捷。无以伦比的javascript速度。特别适合ajax enabled Web-based商业平台app。

Google Chrome is a browser that combines a minimal design with sophisticated technology to make the web faster, safer, and easier. Google Chrome also uses a brand new javascript engine (V8), which is much faster than existing javascript interpreters. This means you can create more complex and more intensive AJAX applications with fewer speed and processing constraints. Finally, Google Chrome is built on top of WebKit, so Google Chrome users will benefit from the CSS3 features being added to WebKit as those features are released.

Javascript 字体大小动态调整解决方案

分类:Web UI & Ajax, 网页&平面设计, 计算机与互联网 作者: 秋天 on 08-04-2009

关于这个问题,我的解决方案如下:

JAVASCRIPT部分:

var prefsLoaded = false;
var defaultFontSize =100;
var currentFontSize = defaultFontSize;

function revertStyles(){

currentFontSize = defaultFontSize;
changeFontSize(0);

} 点击浏览文章的全部内容 »

More about javascript font re-size or text size detection

分类:Web UI & Ajax, 网页&平面设计, 计算机与互联网 作者: 秋天 on 08-04-2009

关于javascript控制网页字体大小,更多的高级控制,检测当前字体大小的问题,在a List a Part的这篇文章中讲到

并且包含了实现方案,例子,讲解和源代码。

通过以上方案可以让用户对字体进行更多的控制。

Javascript resize font-size em FF IE

分类:Web UI & Ajax, 网页&平面设计 作者: 秋天 on 08-04-2009

标签分类 : , , , ,

通过JS来控制网页字体,全局用em定制。就能在网页需要的地方,明显位置放置一个字体大小控制按钮。能增长的地方用em控制,定大的地方用pt or px。

据说现在主流浏览器都已经支持全局缩放 (具体看这里),就是放大整个screen而不仅仅是字体,但是由于还是需要照顾那30%的IE6 或者低版本Safari Opera用户,所以仍然需要用到。并且,具体用JS如何实现全屏缩放,暂时没找到实现方案。

在em设计的具体运用中,IE7 和 FF在自身缩放上又会有一些个bug,后文有引用别人的描述和解决方案。

clagnut.com 这家伙说的:

Text for the screen is sized with CSS in terms of pixels, ems or keywords. As most of us know, sizing with pixels is easy: get your selector and give it a font-size – no more thought required. Sizing with keywords is more complicated and requires a few workarounds, but you’re in luck as the techniques are well documented. That leaves ems. At this point people often leg it. ‘Ems are too inconsistent,’ they say, ‘they’re too hard; they never work.’ Well that may be the received wisdom, but if ever the was a case of FUD then this is it. I will now attempt to show you how ems can be as quick and easy to use as pixels. 点击浏览文章的全部内容 »

Google Chrome: a new web browser for Windows

分类:网页&平面设计, 计算机与互联网 作者: 秋天 on 18-12-2008

标签分类 :

Google Chrome 发布1.0正式版,暂时只有windows版本。

下载:http://www.google.com/chrome

CSS Hack

分类:Joomla, 网页&平面设计, 计算机与互联网 作者: 秋天 on 23-05-2008

标签分类 : , , , ,

最近一直在做Graphic 和 html converting。 以后的网页设计全面转换到w3c CSS+DIV标准。碰到很多各种问题,千奇百怪,跨浏览器,都需要用到CSS HACK来做。

衷心的希望IE8能和mozilla标准浏览器使用同一标准。IE和FF之间的不良竞争,花费了我们这些做HTML coding的人太多的多于时间来调整页面,hack css,很无聊的事情。

以下是关于怎么hack css以及hack css如何工作。

火狐专用的:

Firefox 2.0 or older

If you need to make pre-Acid2 Firefox behave, you can safely use this:

#hackme, x:-moz-any-link {styles for Firefox 2.0 here}
#hackme, x:-moz-any-link, x:default {restore styles for Firefox 3.0 and newer}

This hack will apply rules to #hackme element. You can change the first selector (#hackme) in each rule to anything else, but don't touch the ones with x.
Example

For 9 versions support for inline-block in Gecko was FUBAR. The closest equivalent wouldn't respect line-height. The workaround:

#menu a {display:inline-block; line-height:2em;}
#menu a, x:-moz-any-link {display:-moz-inline-box; padding-top:0.5em;}
#menu a, x:-moz-any-link, x:default {display:inline-block; padding-top:0;}

Firefox 1.0 or older

#hackme, x:-moz-any-link {styles for Firefox 1.0 here}
#hackme, x:-moz-any-link, x:only-child {restore normal styles for newer versions}

Same as above — you can change #hackme to whatever you need, but leave other selectors in the same group as they are.
How do these work?

CSS error handling rules require browsers to drop entire rule if any of the selectors is not recognized. :-moz-any-link is a selector private to Gecko, so all non-Gecko browsers see it as parse error. :default has been added in Firefox 3.0 (Gecko 1.9), :o nly-child has been added in Firefox 1.5, so they're unknown to earlier versions of Firefox/Gecko.

IE 6, IE7 和Opera专用:

区别IE6与FF:
background:orange;*background:blue;

区别IE6与IE7:
background:green !important;background:blue;

区别IE7与FF:
background:orange; *background:green;

区别FF,IE7,IE6:
background:orange;*background:green !important;*background:blue;

注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;

另外再补充一个,下划线"_",
IE6支持下划线,IE7和firefox均不支持下划线。

于是大家还可以这样来区分IE6,IE7,firefox
: background:orange;*background:green;_background:blue;

注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。

啊MAC下的Safari是mozilla标准浏览器,所以FF看着OK的Safari基本也会OK,只是某些特殊情况下,比如一些CSS+JS的搭配会导致Safari Crash。至于为啥没有仔细去研究。

基本上Hack CSS的原理就是说不通浏览器有不通识别的注释方式,所以在出现效果不一样的时候,重复写,互相覆盖,就能达到兼容多种浏览器的效果,页面完成后,把各个浏览器分别的CSS用独立文件导入,方便查看和修改。

最后推荐一个不错的DIV+CSS中文网站,堆积了不少文章和资源,值得一看。

http://www.52css.com/

下周回国,希望一切都好。

Brochure的改良版

分类:网页&平面设计 作者: 秋天 on 28-02-2008

经过和大老板的商量后,决定更改pamphlet的方案,原先大张的A3现在改为A4 1/3的小单张传单,并且增加一个同样A4 1/3的小册子,大概6-8页单面翻的,做画家介绍和重彩版画介绍。

原来的红紫色风格的设计改成单张传单,已经画好,正反两面如下:

small_front_final.jpg        small_back_final.jpg

小册子还在等待一些资料,并且要重新设计。Joomla+VirtueMart的商城网站框架体系也已经在本地调试完成。下一步要重新refine功能并且重新设计我们自己的模板套系。

广告的设计完成后会集中来做一个campaign来开发网站。各位如果有好的艺术类网站设计的例子,欢迎提供给我作为参考。

SenseArt Brochure & 外墙广告预期方案一

分类:网页&平面设计 作者: 秋天 on 25-02-2008

标签分类 :

放上来几张被某人说成不是设计的涂鸦。比起大师的作品真的是还差很远,很久没有做这种风格的平面设计了,不过好歹看到自己也在进步。不搞平面设计的朋友注意一下,以下这些不是用任何滤镜滤出来的,也不是用任何素材截出来的。虽然谈不上什么Masterpice,但是也是自己多日来思考加不断重复修改,辛劳得出来的成果。希望能得到理解和支持。

具体还要按照情况做各种调整,以下只是第一期预期的方案,搭配和取舍之间还有很多值得研究的地方。第一次做外墙大广告,希望做出来后能有好的效果。

为了减轻您浏览器的负担,请点进去看。

点击浏览文章的全部内容 »

收集的一些还不错的Brochure设计

分类:网页&平面设计 作者: 秋天 on 17-02-2008

标签分类 :

存了很久了想放上来,一直都忘记了,今天兑现。

前段到处逛设计网站,把一些觉得还不错的Brochure设计保存下来,这里跟大家分享一些。

 20081390274142.jpg20081390277699.jpg200812310622827.jpg200813103414974.jpg200819165014389.jpg200819165015194.jpg

200819165016984.jpg200819165061832.jpg2007129203849721.gif2008125104272235.jpg2008125104273560.jpg2008125104274473.jpg

点击浏览文章的全部内容 »

Icons from IconBuffet

分类:网页&平面设计 作者: 秋天 on 19-08-2005

放上来三套IconBuffet的商业图标,跟大家分享。都是Tiff格式全透明适应,每个图标大中小三种Size。共三个系列,多做平面设计,网页设计的朋友,应该会算是不错的素材。记得以前CCF有人整理过一个7CD的Icon库,偶也一直在用那个,但是那些终归有点老了,这是国外某商业素材网站新近发布的一些作品,虽然也不见得十分华丽,但是朴素&清淡的感觉还是蛮好的,我在下面做了Preview pic给大家预览。 点击浏览文章的全部内容 »


SenseArt 网站开发中