FineUI 官方论坛

标题: FineUIPHP 无框架使用教程 [打印本页]

作者: lvqingan 时间: 2019-6-10 09:06
标题: FineUIPHP 无框架使用教程
本帖最后由 lvqingan 于 2019-6-11 14:04 编辑

本教程仅针对于不使用任何PHP框架的情况下使用FineUIPHP，其他框架的教程会陆续更新并发布出来。

假设文档路径为 /var/www，解压缩 FineUIPHP 代码包至该目录下。

1 入口文件

创建 index.php 入口文件。全部代码如下：

<?php
// 加载 FineUIPHP 库
require_once 'fineui-lib/autoload.php';
// 初始化配置信息
\FineUIPHP\Config\GlobalConfig::loadConfig(array(
'CustomTheme' => 'pure_black', // 默认主题
'ResourceHandler' => 'res.php' // 资源文件获取入口
));
// 打开输出缓冲
ob_start(function ($content) {
return \FineUIPHP\ResourceManager\ResourceManager::finish($content);
});
?>
<html>
<head>
<title>无框架使用教程</title>
</head>
<body style="padding: 20px;">
<?php
echo \FineUIPHP\FineUIControls::textBox()->text('默认文字');
echo '<hr/>';
echo \FineUIPHP\FineUIControls::button()->text('提交');
?>
</body>
</html>
<?php
// 关闭输出缓冲
ob_end_flush();
?>

复制代码

下面是代码的具体说明

1.1 引入代码库

require_once 'fineui-lib/autoload.php';

复制代码

FineUIPHP 提供了自动加载文件，只需要包含这个文件即可。

1.2 初始化配置信息

\FineUIPHP\Config\GlobalConfig::loadConfig(array(
'CustomTheme' => 'pure_black', // 默认主题
'ResourceHandler' => 'res.php' // 资源文件获取入口
));

复制代码

您可以直接在调用时定义配置规则。当然，也可以将配置信息保存到单独的文件中，只要保证配置信息是一个关联数组即可。

1.3 增加输出缓冲

在程序最开始输出之前增加下面的代码

ob_start(function ($content) {
return \FineUIPHP\ResourceManager\ResourceManager::finish($content);
});

复制代码

上面的代码主要作用是解析 HTML 里的标签，根据其内容来生成对应的初始化 JS脚本。

在程序最后输出末尾增加下面的代码

ob_end_flush();

复制代码

2 静态资源入口文件

FineUIPHP 的静态资源需要通过 PHP 动态加载，因此需要提供一个简单的入口文件（res.php）。

<?php
// 加载 FineUIPHP 库
require_once 'fineui-lib/autoload.php';
$handler = new \FineUIPHP\ResourceManager\ResourceHandler();
$handler->ProcessRequest();

复制代码

https://github.com/lvqingan/fineuiphp-demo-framework-less

作者: sanshi 时间: 2019-6-10 09:22
不错不错！期待后续更新

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)