使用内联框架的原型-PHP源码-PHP中文网

使用内联框架的原型

PHP中文网

发布： 2016-05-25 17:09:18

原创

1089人浏览过

随着web上信息量越来越大，如何有效展示信息成了重要难题。经过实践检验，使用内联框架（iframe）是一种很好的解决方案，特别是在后台管理系统的设计上。使用内联框架，能更清晰的展示信息层级和缩短页面响应时间。下面是实现内联框架的一个原型，其中有使用到smarty类库进行分层，关于smarty的配置不是这里的重点，不在赘述。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Framework Prototype</title>
<style type="text/css">
body{
    text-align:center;}
     
#head, #container, #footer{
    margin: 10px auto;
    width: 1024px;
    text-align: left;}
 
#head{
    background: #6495ED;}
     
h3, h4{
    text-align: center;
    padding: 10px;}
 
#menu{
    float: left;
    width: 124px;
    height: 300px;
    background: #FDF5E6;}
 
#frameDiv{
    float: left;
    width: 880px;
    margin: 0 0 0 15px;
    border: 1px solid #CCC;}
 
#clearFloat{
    clear: both;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    border: 0;}
</style>
</head>
 
<body>
<div id="head">
    <h3>This is a Framework Prototype</h3>
</div>
 
<div id="container">
<div id="menu">
    <ul>
    <!-- Ver 1
    <li><a href="./demo/templates/php.html" target="rightframe">PHP</a></li>
    <li><a href="./demo/templates/python.html" target="rightframe">Python</a></li>
    <li><a href="./demo/templates/perl.html" target="rightframe">Perl</a></li>
    -->
    <!-- Ver 2 (Using Smarty) -->
    <li><a href="./demo/process.php?lang=php" target="rightframe">PHP</a></li>
    <li><a href="./demo/process.php?lang=python" target="rightframe">Python</a></li>
    <li><a href="./demo/process.php?lang=perl" target="rightframe">Perl</a></li>
    </ul>
</div>
<div id="frameDiv">
    <iframe src="./demo/process.php" name="rightframe" width="100%" height="300px" frameborder="0"></iframe>
</div>
</div>
<div id="clearFloat"></div>
<div id="footer">
    <h4>Powered by: <u>phplaber</u></h4>
</div>
</body>
 
</html>

登录后复制

2.控制器

<?php
 
require '../Smarty/Smarty.class.php';
$smarty = new Smarty;
$language = $_GET['lang'];
 
if ($language == '')    $smarty->display('default.html');
else
{
    $smarty->assign("lang", $language);
    $smarty->display('info.html');
}

登录后复制

3.视图

易优微信工程机械小程序模板

易优小程序是基于前端开源小程序+后端易优cms+标签化API接口，是一套开源、快速搭建个性化需求的小程序CMS。轻量级TP底层框架，前后端分离，标签化API接口可对接所有小程序，支持二次开发。即使小白用户也能轻松搭建制作一套完整的线上版小程序。微信工程机械小程序模板主要特点：1、代码开源，支持二次修改。2、微信原生写法，兼容性更好，代码可读性更强。3、功能接口完整，支持eyoucms大部分功能ap

查看详情

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>{$lang} page</title>
<style type="text/css">
 
</style>
</head>
 
<body>
<h1>Hello {$lang}</h1>
</body>
 
</html>

登录后复制