FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 3280|回复: 1

FineUIPHP 无框架使用教程

[复制链接]
发表于 2019-6-10 09:06:20 | 显示全部楼层 |阅读模式
本帖最后由 lvqingan 于 2019-6-11 14:04 编辑

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

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

1 入口文件
创建 index.php 入口文件。全部代码如下:
  1. <?php

  2. // 加载 FineUIPHP 库
  3. require_once 'fineui-lib/autoload.php';

  4. // 初始化配置信息
  5. \FineUIPHP\Config\GlobalConfig::loadConfig(array(
  6.     'CustomTheme'     => 'pure_black',  // 默认主题
  7.     'ResourceHandler' => 'res.php'  // 资源文件获取入口
  8. ));

  9. // 打开输出缓冲
  10. ob_start(function ($content) {
  11.     return \FineUIPHP\ResourceManager\ResourceManager::finish($content);
  12. });
  13. ?>

  14. <html>
  15. <head>
  16.     <title>无框架使用教程</title>
  17. </head>
  18. <body style="padding: 20px;">
  19. <?php
  20. echo \FineUIPHP\FineUIControls::textBox()->text('默认文字');
  21. echo '<hr/>';
  22. echo \FineUIPHP\FineUIControls::button()->text('提交');
  23. ?>
  24. </body>
  25. </html>

  26. <?php
  27. // 关闭输出缓冲
  28. ob_end_flush();
  29. ?>
复制代码

下面是代码的具体说明
1.1 引入代码库
  1. require_once 'fineui-lib/autoload.php';
复制代码

FineUIPHP 提供了自动加载文件,只需要包含这个文件即可。
1.2 初始化配置信息
  1. \FineUIPHP\Config\GlobalConfig::loadConfig(array(
  2.     'CustomTheme'     => 'pure_black',  // 默认主题
  3.     'ResourceHandler' => 'res.php'  // 资源文件获取入口
  4. ));
复制代码

您可以直接在调用时定义配置规则。当然,也可以将配置信息保存到单独的文件中,只要保证配置信息是一个关联数组即可。
1.3 增加输出缓冲
在程序最开始输出之前增加下面的代码

  1. ob_start(function ($content) {
  2.     return \FineUIPHP\ResourceManager\ResourceManager::finish($content);
  3. });
复制代码

上面的代码主要作用是解析 HTML 里的标签,根据其内容来生成对应的初始化 JS脚本。
在程序最后输出末尾增加下面的代码
  1. ob_end_flush();
复制代码
2 静态资源入口文件
FineUIPHP 的静态资源需要通过 PHP 动态加载,因此需要提供一个简单的入口文件(res.php)。
  1. <?php

  2. // 加载 FineUIPHP 库
  3. require_once 'fineui-lib/autoload.php';

  4. $handler = new \FineUIPHP\ResourceManager\ResourceHandler();

  5. $handler->ProcessRequest();
复制代码

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









发表于 2019-6-10 09:22:19 | 显示全部楼层
不错不错!期待后续更新
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-3-28 21:57 , Processed in 0.048665 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表