搭建ThinkPHP+EasyUI+requirejs 管理框架

创建时间：2016-11-14 投稿人：浏览次数：603

解压到站点根目录。index.PHP初始内容：

[php] view plain copy

<?php
// +----------------------------------------------------------------------
// | ThinkPHP [ WE CAN DO IT JUST THINK ]
// +----------------------------------------------------------------------
// | Copyright (c) 2006-2014 http://thinkphp.cn All rights reserved.
// +----------------------------------------------------------------------
// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
// +----------------------------------------------------------------------
// | Author: liu21st <liu21st@gmail.com>
// +----------------------------------------------------------------------
// 应用入口文件
// 检测PHP环境
if(version_compare(PHP_VERSION,"5.3.0","<")) die("require PHP > 5.3.0 !");
// 开启调试模式建议开发阶段开启部署阶段注释或者设为false
define("APP_DEBUG",True);
//生成Home
define("BIND_MODULE","Home");
//common模块
define("COMMON_PATH","./Application/Common");
// 定义应用目录
define("APP_PATH","./Application/");
// 引入ThinkPHP入口文件
require "./ThinkPHP/ThinkPHP.php";
// 亲^_^ 后面不需要任何代码了就是如此简单

在浏览器输入：http://localhost/index.php

代码会自动生成Application下Home目录，然后注释掉define("BIND_MODULE","Home");

目录结构大概是这样的：

/Application/CommonConf/config.php [php] view plain copy

<?php
return array(
//"配置项"=>"配置值"
// 设置禁止访问的模块列表
"MODULE_DENY_LIST" => array (
"Common",
"CommonConf",
"Runtime"
),
"TMPL_PARSE_STRING" => array (
"__JS__" => "/Public/JS", // 增加新的JS类库路径替换规则
"__CSS__" => "/Public/Css", // 增加新的上传路径替换规则
"__EASYUI__" => "/Public/Js/jquery-easyui-1.4.1",
"__ADMIN__" => "/Public/Js/Admin"
),
"TMPL_ENGINE_TYPE" =>"PHP"
);

/Application/Home/Controller/IndexController.class.php [php] view plain copy

<?php
namespace AdminController;
use ThinkController;
class IndexController extends Controller {
public function index(){
$this->display();
}
}

建立模板页 /Application/Home/View/Index/index.html [html] view plain copy

<pre name="code" class="php"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>后台</title>
<link id="skin" href="__EASYUI__/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="__EASYUI__/themes/icon.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/Css/App.css" rel="stylesheet" type="text/css" />
</head>
<body class="easyui-layout" >
<div region="west" split="true" title="登陆姓名【系統名称】" style="width: 265px;overflow-x:hidden">
<div style="text-align: left; float: left; height: auto; overflow: hidden">
<ul id="ul-menu" class="tab-link">
<li data-options="state:"open""><span> 大菜单 </span>
<ul>
<li data-options="iconCls:""">
<span><a href="javascript:;" data-template="/Public/Js/Admin/Template/TestModule.html" data-js="/Public/Js/TestModule" data-method="TestMethod"> 子菜单</a></span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div region="center">
<div id="div-tabs" class="easyui-tabs" fit="true" border="false" plain="true">
<div title="工作台">
<div id="Portal-Default">
<div id="content" style="overflow-x: hidden">
<div style="width: 48%;"></div>
<div style="width: 52%;"></div>
</div>
</div>
</div>
</div>
</div>
<div region="south" id="south">
<div style="height: 22px; float: right">欢迎使用。登陆时间： {$system_time} </div>
<div class="tail-color">
<span style="background: #E0ECFF" class="default"></span>
<span style="background: #AED0EA" class="ui-cupertino"></span>
<span style="background: #b1c242" class="ui-pepper-grinder"></span>
<span style="background: #FEEEBD" class="ui-sunny"></span>
</div>
</div>
</body>
<script src="__EASYUI__/jquery.min.js"></script>
<script src="__EASYUI__/jquery.easyui.min.js"></script>
<script src="__EASYUI__/locale/easyui-lang-zh_CN.js"></script>
<script src="__EASYUI__/jquery-easyui-edatagrid/jquery.edatagrid.js"></script>
<script src="__EASYUI__/jquery-easyui-portal/jquery.portal.js"></script>
<script src="__JS__/require-2.1.11.min.js"></script>
<script src="__JS__/jsUtil.js"></script>
<script src="__PUBLIC__/Home/Index/Js/index.js" type="text/javascript"></script>
</html>

在Public/Home/Index/Js/建立index.js，内容： [javascript] view plain copy

/// <reference path="/Js/jsUtil.js"/>
/**
*
*/
(function() {
var arg0, arg1;
// 菜单
$(document).on("click", ".jsFunc", function() {
var _win_ = $(this).attr("win");
var _arg0_ = $(this).attr("arg0");
var _arg1_ = $(this).attr("arg1");
popMenu(_win_, _arg0_, _arg1_);
});
function popMenu(_win_, _arg0_, _arg1_) {
var _path = _win_; // js路径
var _winName = _path.replaceAll("/", ""); // 窗口名,就是无/的路径
arg0 = _arg0_;
arg1 = _arg1_;
var isRoot = (_path.indexOf("/") == 0);
if (isRoot)
_path = _path.substring(1, _path.length); // 去掉路径开头的/
if ($("#" + _winName).height() == null) {
$.getScript((isRoot ? "/" : "Js/") + _path + ".js?r="
+ Math.random());
} else
$("#" + _winName).dialog("open");
}
var StateKeys = {
Normal : "Normal",
Stop : "Stop",
Delete : "Delete",
Already : "Already",
Duplicate : "Duplicate"
};
var ServiceStateKeys = {
TimeOut : "TimeOut",
Success : "Success",
Fail : "Fail",
NoPermiss : "NoPermiss",
Exists : "Exists",
NotExists : "NotExists",
InUse : "InUse",
NotInUse : "NotInUse"
}
var OnLineState = {
OnLine : "OnLine",
Leave : "Leave",
OffLine : "OffLine"
};
var X_WFSTATE = [ "待办", "完成", "终止", "删除", "未通过" ];// "结束", "终止", "删除"];
// 标准宽度
var X_WIDTH = {
Depart : 90,
UserName : 55,
Ip : 100,
Time : 90,
Building : 100,
Sex : 30,

声明：该文观点仅代表作者本人，牛骨文系教育信息发布平台，牛骨文仅提供信息存储空间服务。

上一篇： thinkphp处理jQuery EasyUI form表单问题
下一篇： HTTP缓存策略学习总结

热门文章: CTF writeup 2_南邮网络攻防训...; SSM框架——详细整合教程（...; Linux Shell脚本编程－－curl命...; HttpClient使用详解; Java面试题全集（上）; JAVA设计模式之单例模式; java.lang.OutOfMemoryError: PermGen ...; TCP协议中的三次握手和四次...; form表单的两种提交方式，su...; String,StringBuffer与StringBuilder...

最新文章: Java之品优购课程讲义_day20（7）; 剑指 Offer - 8：跳台阶; Netty权威指南_札记02_NIO编程; mysql时间属性之时间戳和datetime之...; 虚拟现实或许可以拯救古埃及的“...; spring cloud服务注册中心eureka---集群...; Java SE 第六章; HTTP请求+数据库; HIDL学习笔记之HIDL C++（第二天）; ubuntu系统下指定tomcat运行时为JDK1.8...