17joys的后台页面-视图

于 2010-04-14 11:03:57 发布
阅读量443 收藏
点赞数

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模板目录效果图

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

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

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

乐学PHP学院是国内专业的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/

coaxrj5613
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一套免费的企业网站源码--彩虹cms
01-05
彩虹CMS最适合应用于以下领域： • 企业网站，无论大型还是中小型企业，利用网络传递信息在一定程度上提高了办事的效率，提高企业的竞争力； • 政府机关，通过建立政府门户，有利于各种信息和资源的整合，为政府和社会公众之间加强联系和沟通，从而使政府可以更快、更便捷、更有效开展工作； • 教育机构，通过网络信息的引入，使得教育机构之间及教育机构内部和教育者之间进行信息传递，全面提升教育类网站的层面； • 媒体机构，互联网这种新媒体已经强而有力的冲击了传统媒体，在这个演变过程中，各类媒体机构应对自己核心有一个重新认识和重新发展的过程，建立一个数字技术平台以适应数字化时代的需求； • 行业网站，针对不同行业，强化内部的信息划分，体现行业的特色，网站含有行业的动态信息、产品、市场、技术、人才等信息，树立行业信息权威形象，为行业内产品供应链管理，提供实际的商业机会； • 个人站长，兴趣为主导，建立各种题材新颖，内容丰富的网站，通过共同兴趣的信息交流，可以让您形成自己具有特色的用户圈，产生个人需求，并为其服务；
17Joys CMS企业网站管理系统 v1.0
05-14
17Joys CMS企业网站管理系统 v1.0，是一套使用UTF-8编码开发,基于PHP+MYSQL免费开源的企业网站系统； 环境要求：php5+mysql5 功能及模块： 1，单元、分类、文章内容管理，自定义开发内容组件：支持添加任意...
17joys网站后台功能设计-阶段1
alexphp
04-13 348
17joys网站后台功能设计-阶段1开始没想把网站设计的很完善再开始写代码，主要也是想通过不断的编写小模块，最后再整合在一起，这样也好记录我每个时间段的经验心得，在设计17joys的网站后台功能时，看了很多CMS系统，最后还是决定参考我最喜欢的一款CMS系统Joomla！设计后台功能。17joys网站后台功能设计图-阶段1数据库先设计了一张用户表，E-R图效果数据库E-
高仿Windows系统之家官方源码-通用下载系统 aspCMS 亲测没有任何问题
03-27
功能特点： 1.全局设置功能(可以设置企业的基本信息) 2.导航菜单管理(前台采用jquery插件实现二级下拉菜单，后台可设置菜单的显示和隐藏) 3.客服功能(可以很方便的为企业和客户之间搭建沟通的桥梁。后台无限制添加QQ,6种样式一键切换) 4.分享功能（采用百度分享接口，整合到后台，一键设置分享的关闭和开启，11种样式一键切换） 5.留言功能（可设置脏话过滤，留言审核等功能） 6.内链功能（管理内链关键字，和设置关键字，达到seo的效果） 7.幻灯图片管理完美整合网上流行的27种幻灯样式，后台一键切换。标题可设置显示和隐藏 ，图片大小，切换时间等等。 8.新闻频道：采用三级频道分类。可设置标题颜色，外链地址，完美整合kindeditor编辑器。后台可批量删除，置顶，推荐，幻灯新闻。前台可获取获取新闻中的图片以幻灯的样式显示。默认获取编辑器中的第一张图片。同时支持 删除新闻的时候同时删除上传的图片。以节省您的空间，为您节省一些空间费用。大家都知道如果文章长的话，影响网页的美观，追梦工作室根据需求支持手动分页和自动分页。分页样式9种样式，可以随意改变。手动分页，采用我们的标签，在需要分
17joys后台主模块-控制器
alexphp
04-14 421
17joys后台主模块-控制器完成了17joys的项目配置后，我就可以正式开始编写项目的后台功能代码了，首先是后台首页，ThinkPHP采用模块和操作的方式来执行，首先，用户的请求会通过入口文件生成一个应用实例，应用控制器（我们称之为核心控制器）会管理整个用户执行的过程，并负责模块的调度和操作的执行，并且在最后销毁该应用实例。任何一个WEB行为都可以认为是一个模块的某个操作，系统会根据当前的U
商业源码-编程源码-17Joys CMS企业网站管理系统 v1.0.zip
06-14
17Joys CMS企业网站管理系统 v1.0是一款专为商业环境设计的源码系统，旨在帮助企业快速构建和管理自己的官方网站。CMS，全称为Content Management System，即内容管理系统，是用于简化网页创建、编辑和管理的技术...
17Joys企业网站管理系统 1.0.rar
05-23
17Joys企业网站管理系统，是一套使用ThinkPHP框架开发,基于PHP MYSQL免费开源的企业网站系统。 环境要求：php5 mysql5 功能及模块： 1，单元、分类、文章内容管理，可自定义开发内容组件，前台动态分配 2，...
整站程序漂亮的全站程序-JOYS的小窝-free5
12-23
"整站程序漂亮的全站程序-JOYS的小窝-free5" 这个标题表明我们正在处理一个完整的网站程序，可能是用于构建一个网站的全套代码和资源。"JOYS的小窝"可能是指这个程序的设计者或开发者的名字或者是程序的主题，而...
17Joys CMS企业网站管理系统 v1.0.rar
07-06
17Joys CMS企业网站管理系统 v1.0，是一套使用UTF-8编码开发,基于PHP MYSQL免费开源的企业网站系统； 环境要求：php5 mysql5 功能及模块： 1，单元、分类、文章内容管理，自定义开发内容组件：支持添加任意...
使用 React 和 Redux 进行井字游戏并附带源代码.zip
最新发布
07-24
项目：使用 React 和 Redux 进行井字游戏并附带源代码 使用 react 和 redux 的井字游戏是一个简单的 react 项目。整个项目都是使用 react components 和redux制作的。游戏很简单，玩法也很多。要运行此项目，您必须先安装 NodeJS。 关于项目 井字游戏反应而 redux 是使用ReactJS开发的。说到这个游戏，它具有高级功能和游戏玩法。要运行此项目，首先，您必须安装费用到您的系统。然后运行npm安装然后开始运行npm开始。游戏启动后，您可以选择不同的游戏选项。您还可以选择所需的网格框数量。此外，您还可以选择对手的类型。 要运行此项目，您需要 在计算机上安装NodeJS 并使用现代浏览器，例如 Google Chrome、  Mozilla Firefox。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
使用 JavaScript 编写的专注力游戏（附源代码）.zip
07-24
项目：JavaScript 中的专注力游戏（附源代码） 专注力游戏是一个使用 JavaScript、CSS 和 HTML 开发的简单项目。这款游戏很有趣。玩家必须点击移动的框并获得分数。要点击正确的位置，玩家需要在这个游戏中集中注意力。这款游戏可以帮助玩家练习以进一步增强他们的专注力。 游戏制作 这个游戏项目仅使用 HTML、CSS 和 JavaScript。说到这个游戏的特点，用户必须单击移动框并得分。游戏有三种模式：简单、中等和困难。游戏的 PC 控制非常简单。您只需使用光标单击移动框的碎片即可。 该游戏包含大量的 javascript 以确保游戏正常运行。 如何运行该项目？ 要运行此游戏，您不需要任何类型的本地服务器，但需要浏览器。我们建议您使用现代浏览器，如 Google Chrome 和 Mozilla Firefox。要玩游戏，首先，单击 index.html 文件在浏览器中打开游戏。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
人脸识别方案资料61EDA-C1590.zip
07-24
人脸识别方案资料61EDA_C1590.zip
316、基于DK124设计的离线式开关电源设计12V 2A（原理图、PCB图、BOM表、设计说明）
07-24
316、基于DK124设计的离线式开关电源设计12V 2A（原理图、PCB图、BOM表、设计说明） 该设计为DK124控制的开关电源，实现12V 2A输出； 功能： 1、使用DK124核心控制； 2、反激式开关电源拓扑设计； 3、实现12V 2A输出； 4、市电输入； 5、整流、滤波、变压器等电路； 6、原理图、PCB图、BOM表、设计说明；
基于Springboot和Vue的生鲜超市管理的设计与实现源码 生鲜超市管理的设计与实现代码（优秀毕业设计）
07-24
生鲜超市管理的设计与实现源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
使用 ReactJs 编写的简单旅行计划器（附源代码）.zip
07-24
项目：使用 ReactJS 编写的简单旅行计划器（附源代码） ReactJs 中的简单旅行计划器是一个简单的 JavaScript 项目。该项目是 ReactJS 中待办应用程序的一个简单示例。 关于项目 Simple Trip Planner In Reactjs 是使用ReactJS开发的。这个项目很容易做一种应用程序。这个项目使用 React 库来完成任务。为了运行这个项目，你必须在系统中安装 NodeJs。当你运行这个项目时，你的应用程序从主页开始。从那里你可以导航到菜单。你只能将计划添加到你的书中。你还可以对旅行进行分类。你所要做的就是输入日期和地点，然后选择你想要的旅行计划类型。 要运行此项目，您需要 在计算机上安装ReactJS和 NodeJs，并使用现代浏览器，例如Google Chrome、  Mozilla Firefox。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
俄罗斯方块的python代码
07-24
这段Python代码实现了一个简单的俄罗斯方块游戏，使用Pygame库处理图形和用户输入。游戏初始化Pygame库并设置屏幕大小为800x600像素，定义不同颜色和形状的方块。游戏由一个`Tetris`类管理，负责游戏状态和逻辑操作，每个方块由一个`Block`类表示，包含其形状、颜色、位置等信息。 在主循环中，游戏通过事件处理机制响应用户的键盘输入，箭头键用于移动和旋转方块，空格键用于快速下落。游戏会检测方块是否与已有的方块或边界发生碰撞，如发生碰撞，当前方块会固定在场地上并生成新方块。填满的行会被清除，玩家获得相应分数。 游戏通过一个二维数组维护场地状态，每个元素表示一个单元格是否被占据，通过检查和清除单元格实现行消除。整个游戏不断刷新屏幕更新显示，确保流畅运行，绘制背景、方块和边框，使界面美观易理解。 总体而言，这段代码展示了如何使用Pygame库实现经典俄罗斯方块游戏，包括图形绘制、用户输入处理和基本游戏逻辑，让玩家通过移动和旋转方块消除行并获得高分。
绿色金融：“双碳”经济时代，银行业务增长新引擎-埃森哲(
07-24
绿色金融：“双碳”经济时代，银行业务增长新引擎-埃森哲(
Can you a Chinese love story in 300 words?
04-15
He was a hardworking farmer, but he lived a lonely life with no one to share his joys or sorrows. One day, he met a beautiful woman named Mei, who had just moved into the village. Liang was ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值