CfStatic 项目使用教程
1. 项目目录结构及介绍
cfstatic/
├── assets/
│ ├── css/
│ │ ├── green.css
│ │ └── red.css
│ └── js/
│ └── main.js
├── org/
│ └── cfstatic/
│ └── CfStatic.cfc
├── Application.cfc
└── index.cfm
目录结构介绍
- assets/: 存放静态文件,如CSS和JavaScript文件。
- css/: 存放CSS文件,如
green.css
和red.css
。 - js/: 存放JavaScript文件,如
main.js
。
- css/: 存放CSS文件,如
- org/cfstatic/: 存放CfStatic的核心组件文件,如
CfStatic.cfc
。 - Application.cfc: 项目的配置文件,用于初始化CfStatic。
- index.cfm: 项目的启动文件,用于加载和使用CfStatic。
2. 项目启动文件介绍
index.cfm
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
<cfscript>
application.cfstatic.include('/css/green.css', true);
</cfscript>
<cfoutput>#application.cfstatic#</cfoutput>
</head>
<body>
<h1>I should be Green</h1>
</body>
</html>
启动文件介绍
- index.cfm: 这是项目的启动文件,包含了HTML结构和CfStatic的调用。
<cfscript>
: 用于调用CfStatic的include
方法,加载指定的CSS文件。<cfoutput>
: 用于输出CfStatic的内容。
3. 项目配置文件介绍
Application.cfc
component output="false" {
this.name = "testing";
this.sessionManagement = true;
this.sessionTimeout = CreateTimeSpan(1, 23, 59, 59);
this.mappings["/org"] = expandpath('') & '\org';
function onRequestStart() {
application.cfstatic = CreateObject('org.cfstatic.CfStatic').init(
staticDirectory = ExpandPath('/assets'),
staticUrl = "/cfstatic/assets/"
);
}
}
配置文件介绍
- Application.cfc: 这是项目的配置文件,用于初始化CfStatic。
this.name
: 设置应用程序的名称。this.sessionManagement
: 启用会话管理。this.sessionTimeout
: 设置会话超时时间。this.mappings
: 设置路径映射。onRequestStart()
: 在请求开始时执行的函数,用于初始化CfStatic。CreateObject('org.cfstatic.CfStatic').init()
: 创建并初始化CfStatic对象。staticDirectory
: 设置静态文件的目录。staticUrl
: 设置静态文件的URL路径。
通过以上配置和使用,您可以成功启动并使用CfStatic项目。