17joys的后台页面-视图

现在模块控制器有了，接下来当我们访问模块的操作时，就该给用户呈现页面了，这就是视图。终于轮到前台的XHTML+CSS+JavaScript大显身手了。

ThinkPHP的视图主要由View视图类和模板文件构成。视图类负责Action控制器类和模板文件之间沟通，Action类把数据通过View类传递到模板文件，而模板文件把接收到的数据转换成相应的数据格式显示。
【注】：视图仅仅是进行数据的输出显示，通常在视图渲染过程是不会改变数据本身的，而只是进行格式化输出和显示。

ThinkPHP内置了一个基于XML的性能卓越的模板引擎 ThinkTemplate，这是一个专门为ThinkPHP服务的内置模板引擎，无论在功能或是性能还有易用性方面都比Smarty优秀。这是ThinkPHP手册的原话，在我使用了一段时间后，发现还是有些小bug存在的，不过倒是无伤大雅，还是很不错的模板引擎，17joys决定就采用ThinkPHP提供的这款模板引擎进行开发，如果习惯Smarty模板引擎的同学，也可以很容易的更换，稍后我会把配置使用Smarty的方法发布出来。

下面开始创建模板，模板目录默认是项目下面的Tpl，模板主题默认是default，模板主题功能是为了多模板切换而设计的，如果有多个模板主题的话，可以用TMPL_DEFAULT_THEME参数设置默认的模板主题名。以后我们可以很方便的定义前台模板主题了。

为了对模板文件更加有效的管理，ThinkPHP对模板文件进行目录划分，默认的模板文件定义规则是：
模板目录/模板主题/[分组名/]模块名/操作名+模板后缀

那针对Index模块的index操作，我们的模板存放路径：Tpl/default/Index/index.html
换做User模块的add操作，模板存放路径：Tpl/default/User/add.html

当然后台代码就不需要向前台那么复杂了，一般我们都会考虑使用分帧的框架搭建，不过17joys采用的是纯AJAX后台，为了AJAX的调用和更新页面的考虑，所以页面使用的是DIV+CSS布局。

17joyslogo

切换角色
设置
反馈
帮助
退出

蓝色
绿色
红色
紫色
银色

主菜单

收缩

Folder网站管理

控制面板
- 我的主页
菜单
- 菜单管理

Folder会员管理

会员管理
- 会员资料管理
- 添加会员

我的主页

left

right

我的主页

taskbarLeft

taskbarRight

这就是HTML代码部分，CSS部分暂时还没有整理完，有兴趣的同学可以自己尝试用CSS修饰一下，当然如果做出动态菜单效果的话，还需要JavaScript的帮助。当然大家也可以自己找一个写好了的后台HTML模板，在之前的一篇文章《17joys后台代码-初步搭建》中，我提供了一些后台模板，大家可以去下载使用。

作者：马明@PHP培训修订1.0 2010-03

乐学PHP学院是国内专业的PHP培训机构，天津最好的PHP培训机构，拥有完整全面的PHP培训课程体系，使用自行开发的PHP内容管理系统作为授课案例，真实项目教学，还提供PHP教程、PHP视频、PHP人才、PHP开发等服务!

[@more@]

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/23714519/viewspace-1032847/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/23714519/viewspace-1032847/