joel's FLEX blog » DIV

登录KingCMS

joel — Thu, 16 Oct 2008 08:52:27 +0000

通过上一次的研究，我们的kingcms应该已经安装完毕了，为了便于我们研究，那些配置文件里面的内容我都保持的默认状态。这时可以看到，根目录下面多了一个文件夹：db，就是数据库文件夹。好了，我们来登录后台管理：admin/system/login.asp





King Content Management System - Version 5.0



 
 

	
	
		
		[KingCMS官网]
		
	

 

	
	  King Content Management System! 5
		新一代 KingCMS 为您提供了：
更好的界面、更多的开发余地、更强大的扩展能力!
 
 
		
			
				
					
						帐号:
						密码:
					
					
						
					
					
			
		
 
 
		使用前，请先阅读 KingCMS 5.0 许可协议
		官方网站：KingCMS.com
		电子邮件：KingCMS@Gmail.com
		KingCMS交流群：5789106/13872621
		
 
<%
 
dim adminname,adminpass,adminsalt,rs,doc,ip,logcount,sql
adminname=left(form("adminname"),12)'截取name字符串
if len("adminname")>0 and len(form("adminpass"))>0 then'原作者好像少写了两个双引号
	adminpass=md5(form("adminpass"),1)
 
	on error resume next'遇到错误就跳过
 
	set conn=server.createobject("adodb.connection")
	conn.open objconn
 
	if err.number<>0 then'如果错误数量不为零，则设置默认选项
		set doc=Server.CreateObject(king_xmldom)
		doc.async=false
		doc.load(server.mappath(king_system&"system/language/"&king_language&".xml"))
		response.clear
		response.write doc.documentElement.SelectSingleNode("//kingcms/error/db").text
		response.end()
	end if
	err.clear
 
	ip=request.servervariables("http_x_forwarded_for")'记录ip
	if ip="" then ip=request.servervariables("remote_addr")
 
	if king_dbtype=1 then
		sql="select count(logid) from kinglog where ip='"&safe(ip)&"' and lognum=2 and getdate()-logdate<0.25;"
	else
		sql="select count(logid) from kinglog where ip='"&safe(ip)&"' and lognum=2 and now()-logdate<0.25;"'0.25是按照天算 就是6小时内，只允许尝试登录10次
	end if
	logcount=conn.execute(sql)(0)'记录尝试登录次数，也就是同一ip六个小时内的错误尝试
	if logcount>=king_loginnum then
		response.write ""red"">您尝试登录次数过多，已被系统锁定
"
	else
		set rs=conn.execute("select adminid from kingadmin where adminname='"&safe(adminname)&"' and adminpass='"&safe(adminpass)&"';")
			if not rs.eof and not rs.bof then
				conn.execute "update kingadmin set admindate='"&tnow&"',admincount=admincount+1 where adminname='"&safe(adminname)&"';"
				conn.execute "insert into kinglog (adminname,lognum,ip,logdate) values ('"&safe(adminname)&"',1,'"&safe(ip)&"','"&tnow&"')"
				response.cookies(md5(king_salt_admin,1))("name")=adminname
				response.cookies(md5(king_salt_admin,1))("pass")=adminpass'newpass
				response.redirect "manage.asp"
			else
				conn.execute "insert into kinglog (adminname,lognum,ip,logdate) values ('"&safe(adminname)&"',2,'"&safe(ip)&"','"&tnow&"')"
				if king_loginnum-logcount=1 then
					response.write ""red"">您尝试登录次数过多，已被系统锁定
"
				else
					response.write ""red"">您的帐号或密码有误 !还有"&(king_loginnum-logcount-1)&"次登录的机会。
"
				end if
			end if
			rs.close
		set rs=nothing
	end if
 
 
 
end if
%>
 


Copyright ©  KingCMS.com All Rights Reserved.

帐号: 密码:

标签：ASP, cms, CSS, DIV, html, KingCMS, Label, ria, Text, 后台, 登录

全新安装KingCMS

joel — Mon, 13 Oct 2008 07:52:16 +0000

最初，如何的安装KingCMS成为了摆在我面前的第一个困难。
进入admin目录，在这个下面有两个asp文件，分别是index.asp、default.asp，从这两个文件名来看，似乎就可能猜出大概的含义了，然后经过比对，两个文件全部内容都是一样的，我估计作者是想要有更高的移植能力吧。

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<%
dim fs,l1,l2,l3'
l1="system/install.asp"'
set fs=createObject("Scripting.FileSystemObject")'设置fso
l2=server.mappath(l1)'l2取得文件install.asp的物理路径
l3=fs.folderexists(l2)'判断文件夹是否存在
if l3=false then l3=fs.fileexists(l2)'如果不存在则判断是否存在文件install.asp
set fs=nothing'关闭fso
 
if l3 then'
response.Redirect(l1)'使浏览器重定向到install.asp
else'否则
response.Redirect("system/login.asp")'转到登录文件login.asp
end if'结束
%>

这里，我们进行学习的顺序是按照前台的逻辑顺序来的，因为是新安装，所以我们就进入到install.asp文件。


<%
 
dim dbpath,page,scriptname
const king_systemver = 5.0
const king_dbver = 5.0
dbpath=server.MapPath("../db/King#Content#Management#System.asp")'取得数据库文件的物理路径
 
 
select case request("action")'选择语句，用来处理不同的情况
case"" king_def'如果参数为空，则执行king_def，起初还挺纳闷，怎么没有break呢，原来vbscript不用这个
case"install" king_install'安装
case"repass" king_repass'忘了密码，修复默认帐号(若不存在则创建,帐号:admin 密码:admin888) 
case"del" king_del
end select
 
sub king_def()
 
%>
 



KingCMS Installation <span style="color: #000000; font-weight: bold;"><%</span><span style="color: #006600; font-weight: bold;">=</span>king_systemver<span style="color: #000000; font-weight: bold;">%></span>



 

	
	
		
		[KingCMS官网]
		
	

 

 
安装(Install)
 

 
<%
		if isexistfile(king_db)=false or king_dbtype=1 then'判断mdb数据库文件或目录是否存在，如果不存在或者数据库为mssql
Il ""install.asp?action=install"">安装数据库 (创建数据库及表结构,并设置默认管理帐号)
"
		end if
%>
 
登录管理
	
		默认登录帐号为 admin ,密码是 admin888 
		忘了密码? 修复默认帐号(若不存在则创建,帐号:admin 密码:admin888)
	

 
删除此文件(数据库安装成功后,必须要删除,存在安全隐患)

 
 

	数据库连接: 点击安装数据库前,请先设置page/system/conn.asp中的数据库类型及参数,默认为ACCESS数据库
	参数设置: page/system/config.asp里可以指定一些参数
	修改前台系统目录: admin/system/config.asp里修改king_system值和include中的路径
	感谢您对KingCMS的关注及支持!

 

	KingCMS 5.0 许可协议(较宽松使用开发许可协议)
	KingCMS 5.0 插件开发规则
	KingCMS 5.0 函数解析

 


Copyright © KingCMS.com  All Rights Reserved.


 
<%
end sub
 
 
'  *** Copyright © KingCMS.com All Rights Reserved ***
sub king_del()
	deletefile "install.asp"'删除安装文件
	response.redirect "login.asp"'转向到登录文件
end sub
 
 
'  *** Copyright © KingCMS.com All Rights Reserved ***
sub king_repass()
	dim rs
	set conn=server.createobject("adodb.connection")
	conn.open objconn
	set rs=conn.execute("select adminname from kingadmin where adminname='admin';")
		if not rs.eof and not rs.bof then
			conn.execute "update kingadmin set adminpass='"&md5("admin888",1)&"' where adminname='admin';"
		else
			conn.execute "insert into kingadmin (adminname,adminpass,adminlevel,adminlanguage,admineditor,admindate) values ('admin','"&md5("admin888",1)&"','admin','zh-cn','fckeditor','"&now()&"')"
		end if
		rs.close
	set rs=nothing
	response.redirect request.servervariables("http_referer")
end sub
'  *** Copyright © KingCMS.com All Rights Reserved ***
sub king_install()
 
	dim adox,sNotdown,sql,i
 
	if king_dbtype=0 then'ACCESS数据库
 
		createfolder "../../db"'创建数据库文件夹db
		if isexistfile(king_db) then
			response.write "数据库已经存在,请先删除!"
			response.end
		end if
		Set adox = Server.CreateObject("ADOX.Catalog") '创建数据库需要用到的ado扩展库
		call adox.Create("Provider=Microsoft.Jet.OLEDB.4.0;Data Source="&server.mappath(king_db))
		Set adox = nothing 
	end if
 
'	objconn="Provider=Microsoft.Jet.OLEDB.4.0;Data Source="&dbpath
	set conn=server.createobject("adodb.connection")
	conn.open objconn
'创建数据库各个table
	'  *** Copyright © KingCMS.com All Rights Reserved ***
	sql="systemname nvarchar(20),"'系统名称
	sql=sql&"systemver nvarchar(10),"'程序版本
	sql=sql&"dbver nvarchar(10),"'数据库版本
	sql=sql&"sitename nvarchar(50),"'网站名称
	sql=sql&"siteurl nvarchar(50),"'网站地址
	sql=sql&"sitemail nvarchar(100),"'mail
	sql=sql&"sitekeywords ntext,"'网站关键字组
	sql=sql&"plugin ntext,"'插件
	sql=sql&"lockip ntext,"'锁定IP
	sql=sql&"sitemap nvarchar(30),"'sitemaps文件名
	sql=sql&"rssnumber int not null default 50,"
	sql=sql&"rsspath nvarchar(30),"
	sql=sql&"rssupdate int not null default 1440,"'rss新闻更新周期
	sql=sql&"robot ntext,"'爬虫
	sql=sql&"instdate datetime"'安装日期
	conn.execute "create table kingsystem ("&sql&")"
	conn.execute "insert into kingsystem (systemname,systemver,dbver,sitename,siteurl,sitekeywords,instdate,sitemap,rsspath,robot) values ('KingCMS','"&formatnumber(king_systemver,1)&"','"&formatnumber(king_dbver,1)&"','KingCMS','http://www.kingcms.com','KingCMS,内容管理系统','"&tnow&"','sitemaps','news','Baidu|Baiduspider+"&vbcrlf&"Google|Googlebot"&vbcrlf&"Alexa|ia_archiver"&vbcrlf&"Alexa|IAArchiver"&vbcrlf&"ASPSeek|ASPSeek"&vbcrlf&"Yahoo|YahooSeeker"&vbcrlf&"Sohu|sohu-search"&vbcrlf&"Yahoo|help.yahoo.com/help/us/ysearch/slurp"&vbcrlf&"SOHU|sohu-search"&vbcrlf&"MSN|MSN"&vbcrlf&"AOL|Sqworm/2.9.81-BETA (beta_release; 20011102-760; i686-pc-linux-gnu)')"
 
	'  *** Copyright © KingCMS.com All Rights Reserved ***
	sql="adminid int not null identity primary key,"
	sql=sql&"adminname nvarchar(12),"'name
	sql=sql&"adminpass nvarchar(32),"'pass
	sql=sql&"adminlevel ntext,"'级别
	sql=sql&"adminlanguage nvarchar(30),"'语言
	sql=sql&"admineditor nvarchar(30),"'编辑器
	sql=sql&"admincount int not null default 0,"'登陆次数
	sql=sql&"admindate datetime"'最后一次登录
	conn.execute"create table kingadmin ("&sql&");"
	conn.execute "insert into kingadmin (adminname,adminpass,adminlevel,adminlanguage,admineditor,admindate) values ('admin','"&md5("admin888",1)&"','admin','zh-cn','fckeditor','"&now()&"')"
 
	'  *** Copyright © KingCMS.com All Rights Reserved ***
	sql="diymenuid int not null identity primary key,"
	sql=sql&"diymenulang nvarchar(10),"
	sql=sql&"diymenu ntext"
	conn.execute"create table kingdiymenu ("&sql&");"
 
	'  *** Copyright © KingCMS.com All Rights Reserved ***
	sql="logid int not null identity primary key,"
	sql=sql&"adminname nvarchar(12),"
	sql=sql&"ip nvarchar(15),"
	sql=sql&"lognum int not null default 0,"
	sql=sql&"logdate datetime"
	conn.execute"create table kinglog ("&sql&");"
 
	'  *** Copyright © KingCMS.com All Rights Reserved ***
	sql="mapid int not null identity primary key,"
	sql=sql&"maploc nvarchar(255),"
	sql=sql&"maplastmod datetime"'文档自动归类，每个类下面有3000条sitemaps链接
	conn.execute"create table kingsitemap ("&sql&");"
 
	'  *** Copyright © KingCMS.com All Rights Reserved ***
	sql="rssid int not null identity primary key,"
	sql=sql&"rsstitle nvarchar(255),"
	sql=sql&"rsslink nvarchar(255),"
	sql=sql&"rssdescription nvarchar(255),"
	sql=sql&"rsstext ntext,"
	sql=sql&"rssimage nvarchar(255),"
	sql=sql&"rsskeywords nvarchar(255),"
	sql=sql&"rsscategory nvarchar(255),"
	sql=sql&"rssauthor nvarchar(255),"
	sql=sql&"rsssource nvarchar(255),"
	sql=sql&"rssorder int not null default 0,"
	sql=sql&"rsspubDate datetime"
	conn.execute"create table kingrss ("&sql&");"
	for i=1 to 100
		conn.execute "insert into kingrss (rssorder) values ("&i&")"
	next
 
	'  *** Copyright © KingCMS.com All Rights Reserved ***
	sql="botid int not null identity primary key,"
	sql=sql&"botname nvarchar(255),"
	sql=sql&"botnumber int not null default 1,"
	sql=sql&"botlastdate datetime,"'最后一次访问
	sql=sql&"botdate datetime"
	conn.execute"create table kingbot ("&sql&");"
 
 
 
 
	if king_dbtype=0 then
		conn.execute "create table notdown (notdown image)"
		sNotdown="<%response.redirect(""http://www.kingcms.com/"")%"&">"
		conn.execute "insert into notdown (notdown) values ('"&I1I(sNotdown)&"')" 
	end if
 
	conn.close
	set conn=nothing
 
 
	response.redirect request.servervariables("http_referer")
end sub
 
 
 
 
'I1I  我估计这个的作用是来转换字符的
function I1I(l1)
	dim l2,l3,i
	for i=1 to len(l1)
		l3=cstr(hex(asc(mid(l1,i,1))))
		if len(l3)=2 then
			l2=l2&chrb(clng("&"&chr(72)&trim(l3)))
		else
			l2=l2&chrb(clng("&"&chr(72))&mid(trim(l3),1,2))
			l2=l2&chrb(clng("&"&chr(72))&mid(trim(l3),3,2))
		end if
	next
	I1I=l2
end function
'createfolder 
sub createfolder(l1)
	on error resume next
	dim fs,l2,l3,l4,l5,I1,i
	set fs=Server.CreateObject(king_fso)
	I1=split(l1,"/")
	l4=ubound(I1)
	for i=0 to l4
		if I1(i)=".." then
			l3=l3&"../"
		else
			if l3&I1(i)<>"" then
				l5=server.mappath(l3&I1(i))
				if fs.folderexists(l5)=false then fs.createfolder(l5)'如果文件夹不存在就创建
				l3=l3&I1(i)&"/"
			else
				l3="/"
			end if
		end if
	next
	set fs=nothing
	if err.number<>0 then err.clear
end sub
'deletefile 
sub deletefile(l1)
	on error resume next
	dim fs,l2
	set fs=createobject(king_fso)
		l2=server.mappath(l1)
		if fs.fileexists(l2) then
			fs.deletefile(l2)
		end if
	set fs=nothing
	if err.number<>0 then err.clear
end sub
'isexist 
function isexistfile(l1)
  on error resume next
	dim fs,l2
	set fs=createObject(king_fso)
		l2=server.mappath(l1)
		isexistfile=fs.fileexists(l2)
	set fs=nothing
	if err.number<>0 then err.clear
end function
 
%>

标签：api, ASP, cms, CODE, CSS, DIV, google, html, KingCMS, ria, rss, Text, yahoo, 插件, 登录

css布局

joel — Wed, 08 Oct 2008 07:00:23 +0000

一口气看完了一本《DIV_CSS布局大全》，感觉真的是不错的入门教程

推荐大家来看看。

纳米盘下载：http://www.namipan.com/d/30cad358cbf8ff59dd66dc1ed130f7fc77745dd200db0f00

标签：CSS, DIV, 教程

常用CSS缩写语法总结

joel — Wed, 08 Oct 2008 04:36:37 +0000

转自http://www.w3cn.org/article/tips/2005/103.html

使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：

颜色

16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：
#000000可以缩写为#000;#336699可以缩写为#369;

盒尺寸

通常有下面四种书写方法:

property:value1; 表示所有边都是一个值value1；
property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2
property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，bottom的值是value3
property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left

方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下：
margin:1em 0 2em 0.5em;

边框(border)

边框的属性如下：

border-width:1px;
border-style:solid;
border-color:#000;

可以缩写为一句：border:1px solid #000;

语法是border:width style color;

背景(Backgrounds)

背景的属性如下：

background-color:#f00;
background-image:url(background.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0;

可以缩写为一句：background:#f00 url(background.gif) no-repeat fixed 0 0;

语法是background:color image repeat attachment position;

你可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为：

color: transparent
image: none
repeat: repeat
attachment: scroll
position: 0% 0%

字体(fonts)

字体的属性如下：

font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:140%;
font-family:”Lucida Grande”,sans-serif;

可以缩写为一句：font:italic small-caps bold 1em/140% “Lucida Grande”,sans-serif;

注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。

列表(lists)

取消默认的圆点和序号可以这样写list-style:none;,

list的属性如下:

list-style-type:square;
list-style-position:inside;
list-style-image:url(image.gif);

可以缩写为一句：list-style:square inside url(image.gif);

标签：CODE, CSS, DIV, html, ria, w3c, 例子, 层次

国外免费的CSS样式和模板下载

joel — Wed, 08 Oct 2008 01:56:15 +0000

转自http://www.buguat.com/post/107.html

在网上有很多现成的以 (X)HTML/CSS为基础的模板。如果你是一个网站的设计开发人员，其实没有必要一遍又一遍的浪费时间写着同样的代码。而 Web-dev-community 这个团体在过去几年里在CSS方面做了很多研究，总结了许多实用性和可视性都非常不错的CSS代码。

下面这些列表提供了免费并且高效的CSS模板，几乎所有的都包含图片和全图层结构。

Open Source Templates 是一个开源的免费CSS和XHTML模板展示站，他们把最棒的设计放在了首页上。

OSWD 是一个提供免费模板下载分享的模板，提供了2080个设计。

OSWT 是一个为那些没有设计基础的用户们提供了一个可以简单快速上手的网站，同样也为有卓越设计才能的设计师们提供了展示作品的舞台。

Maxdesign 提供了很多免费的两栏和三栏的CSS样式页。

CSSplay 提供了许多专业又免费的样式下载。许多模板的使用可以不经许可直接使用，当然也有部分需要事先发个EMAIL征求一下。

Mollio是一个简单的html /CSS 模板集合。他的目的在于能提供许多模板页面，使得我们制作成具有些简单基本的内容也包含CSS应用的页面

Six Shooter Media 提供了15个模板，这些都是用于创建网站或者形成WordPress主题的框剪。

CSS Design Templates提供了许多你可以免费下载并且任意修改的模板，只有一个前提：你要在页面中提供一个能返回下载站的链接。

CSS Intensivstation 包含了15个XHTML 1.0 and CSS2样式。

在CSSFILL 你可以找到一系列完全免费的由Michael Strand设计的CSS / XHTML样式或者模板。

CSS Frames Layouts用尽量少的表格和CSS模板页面帮你快速创建网站框架

CSS Template Gallery虽然提供了搜索功能，但只有32款模板。

Ex-Designz 提供了超过300个的(X)HTML-based CSS模板.

Jimmy Lin 提供了100%高校可用的 CSS/XHTML代码，而且兼容 IE5.0+, FireFox 1.5, Opera 8.5和 Safari 2等多种浏览器。他们不使用hacks（就是为了兼容不同浏览器所做的一系列补救措施，只是过渡产物），而且还可以很容易的修改。模板没有版权的限制，但你最好还是包含一个返回下载页的链接。 and

Layout Gala 提供了 40个专业的样式. 兼容度高，而且都成功通过了Internet Explorer/win 5.0, 5.5, 6 a和 of IE 7beta 2 preview ; Opera 8.5, Firefox 1.5 ，Safari 2兼容测试。

Little Boxes 包含16个经典的样式

Solucija 是一个免费无限制的XHTML / CSS模板站。非商业网站和商业网站都可使用。虽然在底部写一个版权连接，并不是必要的，但这显示了你对他们的感激和支持。

The Layout Reservoir 提供了两栏（左+右）和三栏样式。虽然不需要事先向 BlueRobot.com申请，但是底部的一个模板来源链接，会帮助其他有需要的设计师找到这个资源。

Inknoise 提供了一个样式设计工具，你可以选定样式类型，宽度，还有其它选项，然后再下载这个属于你的独一无二的模板

Code Sucks 提供了100多个基于1024*764分辨率的 CSS样式下载.

SSI Developer提供了使用 XHTML1.0 和 CSS2的模板下载。需要注意的是：这些模板都只是学习工具，在真正应用到成品网站之前需要经过彻底的测试。模板基于高效的CSS2和 XHTML1.0编译，而且已经通过了WinXP with IE6, Opera 7.11 ，Mozilla 1.5b ，Firefox 0.8，Netscape 7.1等多个浏览器的测试。

本文翻译自techmagazine网站,原文链接:http://techmagazine.ws/free-css-layouts-and-templates/

以下是本站所加信息：

免费大量css模板 http://www.freecsstemplates.org/

三栏复合布局演示 http://www.onestab.net/a/pie/3colcomplexside.html

自由伸展的三栏复合布局 http://www.onestab.net/a/pie/thr.col.stretch.html

第一个，Open Source Web Design(OSWD)开源设计
http://www.oswd.org/

第二个，solucija（精品）
http://www.solucija.com/home/css-templates/

第三个
http://www.tristarwebdesign.co.uk/templates.html

第四个 sixshootermedia
http://www.sixshootermedia.com/free-templates/

第五个 openwebdesign
和第一个Open Source Web Design(OSWD)是不同的哦，也是精品，不过有些是要钱的
http://www.openwebdesign.org/

标签：ASP, CODE, CSS, DIV, FIREFOX, html, php, ria, s2, Text, w3c, wordpress, 资源

flex 入门教程

joel — Mon, 18 Aug 2008 03:50:29 +0000

＊Flex 的基础架构
关于 flex 基本上常被问到的不外乎就是“如何可以学好它？”，要了解这个问题的答案基本上只要看懂下面这个图就OK了。

＊Actionscript 该学的重点

从最底层看起，最下面的 actionscript 3是一切的基础，它是 flash/flex 编程使用的唯一程式语言，因此任何人想学好 flex 第一件事绝对是先摸熟 actionscript 这个语言，包含：
它的基本语法与结构(array, hash, loop, if else…)
DisplayList (DisplayObject, DisplayObjectContainer)与 Event system(bubbling, propagating…)
Sound, Video, NetConnection 与 Graphics class
掌握 as3 的精华后，接下来就可以进入 flex framework。

＊Flex framework 的重点

基本上 flex framework 就是用 actionscript 写成的框架，因此也可以把它看成是 as3的最好示范，看着 framework source 学 actionscript 也是挺不错的，只是路会变很长。
Flex Framework 整个体系非常博大精深，通常一般人不太可能完整把它学完，只需要针对最常用到的部份熟悉就好，图中列出的那三块(component, managers, style/skin)就是我个人认为所有初学者最优先该学会的。

＊Component 该学些什么

Component 是整个 flex framework 的基础，几乎80% 的元素都是由 UIComponent 继承而来，例如最根本的它本身就是一个 UIComponent，因此，熟悉 component 就成为学好 flex framework 最根本也最重要的基本功
Flex 内建了二十几个 UI controls, 例如 Button, DataGrid, HBox等，以种类来分，这些 components 可以概分为三大类：
Controls: Button, DateChooser, Slider…
Containers: Box, DividedBox, Panel…
List: DataGrid, Tree, TileList…
初学者第一步至少该学会怎么用这些元件，了解每个元件的 properties, events, styles, effects…，知道怎么在手册里查它的 API 文件，以及何时该用何种元件。
进一步，则是学会怎么修改这些元件，例如继承一个 Button 下来加上不同的功能，或是写不同的 skin border 来改变它的外观。
再进一步，则是开始研究元件的生命周期，了解每个元件是何时初始化，元件内部有那些关键指令与它们个别的功能，然后可以试着建立自已的 custom component。
这一关看起来容易但实际上最困难，因为 flex 的 component framework 写的非常庞大，虽然乱中有序但要在混沌中看出隐藏的架构然后抓住重点整串提起，就非得有人带着指引正确的途径才比较可能完成。
＊manager 是什么

图中最上方的第二块就是 manager。
flex 里有很多的 managers，负责做各种不同的工作(废话…)，几个比较重要的包含：
SystemManager:
它是每个 flex 程序的根源，最先被下载，也最早启动，由它进行一连串的 app boot流程
StyleManager:
它负责整支app 的 css style 套用与 skin 生成，如果想玩动态 css 载换也靠它
DragManager:
Flex最大的卖点就是 drag and drop（拖放），这个 manager 就是背后的英雄，初学者至少要学会怎么处理 drag 行为的五个事件，以及如何在不同元件间做拖放；进阶的玩家则应该深入研究这支 manager 是怎么写成的，详细阅读它的 source 会得到意想不到的无穷乐趣(如果你读完却没有这种感觉，呃，那代表你该再多读几次，如果还是没有，那请私下联络我
此信息来自〖闪无忧〗

ModuleManager:

使用 Flex 开发大型应用程式时，往往会将程式切割成许多小的 module, 这个 manager 就是负责载入并管理所有的 module (包含它的 class partition)，初心者或许用不到，但有志深入的玩家一定要很熟。
CursorManager:
这个用到的时机不是很多，但偶尔要换一下 cursor 时还是会用到，初学者至少要知道怎么用指定的图案去换掉系统cursor。

＊Style/Skin 的重点

CSS style 与 skinning 是 Flex 最大的卖点之一，也是开发过程中较为麻烦也最耗时的部份。
初学者应该要彻底了解如何使用 CSS style 来打点一支 flex app 的外观，换颜色、素材，使用外部 assets 修饰介面。
中阶玩家则应该了解 skinning 的系统，包含 programmatic skinning 与 graphical skin，它们俩的差别？使用时机？如何客制化（zrong注1）？
更高阶的玩家则应该熟悉整个 Styling system 的运作模式，外加如何动态载入 css 在 runtime 换掉整个介面。
简而言之，flex app 写的好不好，外行人其实看不太出来，但一支 app UI 美不美则是一翻两瞪眼，比较漂亮的那就先加十分
(当然，有一种情况是刻意用心去美化了介面结果弄巧成拙搞的怨声载道人人喊打，但那种比较不多见，也不是每家公司都会搞到这步田地，就先不讨论)

＊学完基本功后下一步

在我的标准里，当一个 developer 对上图内每一块都有中等程度的了解后，就算是完成 flex 养成教育，可以迈向下一个阶段。
也就是开始熟悉 application 的制作手法，这包含
了解至少一种以上的开发框架，例如 Cairngorm，老实说我对这个框架没什么好感(因为手法太复杂，只适合超复杂登月计画或火星探勘时使用)，但它结构设计良好，又是业界公认的圣杯，等于是专家们共通的语言，因此至少要先了解它在做什么，将来在专业场合才好沟通(俗话说 know the rules so you know what you are breaking, 就是指这情况)
接着可以看看比较简单的手法，像 Riawave, Model-Glue:Flex, PureMVC…等，基本上这些框架设计方式都大同小异，每个都有不同的应用场合，可以挑一个喜欢的再自行修改。
了解基本的概念，例如 Value Object, DAO, MVC 等，它们在大部份的程式框架里都会出现，早点学会日子比较轻松。
接着就是开始实际 coding，写一个中小型规模的app，不论是单纯的 CRUD (zrong注2)程序，或是留言版、电话簿、进销存管理都可以，籍由多写来强化编程的概念，然后透过大量的 peer code review 来找出可改进的地方。

＊结论

结论还是老话一句：要入门 flex 超级简单，只要不是白痴应该一小时就行，但要成为可独当一面的专业开发者，路就很长，如果没有走对方向很容易就迷失甚至最后放弃。
换句话说，要能成为职场上真正需要的 professional developer，并不如表面上想象的容易(其实我想每种技术领域跟产业都一样吧)，这也是我过去半年来协助很多公司做 recruiting 后的感想。

标签：api, CODE, DIV, flash, FLEX, 教程

解决flash文件自动覆盖其他层的问题

joel — Mon, 11 Aug 2008 02:48:12 +0000

问题：最近工作需要，添加一个右下角的弹出式广告窗口，添加后设置DIV标签css属性z-index:999;position: absolute代码,可是此div依然被页面的flash覆盖掉了。解答：只要在添加flash代码的位置加入这样一条语句就可以了。

标签：DIV, flash, 层次

SiteMap

joel — Tue, 10 Jun 2008 03:20:52 +0000

这个东西我直到现在才弄出来如果你也想在你wordpress博客上面制作一个和joel博客一样的sitemap,那就看看这篇文章吧:给你的wordpress加个sitemap
或者您想使用rss订阅博客?还是很方便的.地址:http://feed.joelove.cn

程序编写

随笔如流水

互联网

信息安全

无奇不有

游戏周边

信息收集

开发工具

经验技巧

本站事宜

修改计划

标签：4lone, ASP, cms, CSS, DIV, FLEX, html, JAVA, KingCMS, php, rss, wordpress, 互联网, 开发工具, 本站事宜

joel's FLEX blog » DIV

登录KingCMS

相关日志

全新安装KingCMS

安装(Install)

相关日志

css布局

相关日志

常用CSS缩写语法总结

颜色

盒尺寸

边框(border)

背景(Backgrounds)

字体(fonts)

列表(lists)

相关日志

国外免费的CSS样式和模板下载

相关日志

flex 入门教程

相关日志

解决flash文件自动覆盖其他层的问题

相关日志

SiteMap

程序编写

FLEX

KingCMS

Java

CSS

Asp

随笔如流水

互联网

信息安全

无奇不有

游戏周边

信息收集

开发工具

经验技巧

本站事宜

修改计划

相关日志