欢迎来到天天文库
浏览记录
ID:31359155
大小:106.00 KB
页数:5页
时间:2019-01-09
《基于cakephp的移动学习平台实现技术探究》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库。
1、基于CAKEPHP的移动学习平台实现技术探究 摘要:随着计算机与网络科技的日益普及和发展,平板电脑,智能手机等移动设备逐渐进入寻常百姓家,移动学习成为当前新的网络教学模式,移动学习平台实现技术也在原有网站技术的基础上有了变革。本文就基于MVC的框架CAKEPHP实现移动学习平台实现技术进行探究。 关键词:MVC;CAKEPHP;CSS;移动学习平台 中图分类号:G434 随着计算机与网络科技的日益普及和发展,平板电脑,智能手机等移动设备逐渐进入寻常百姓家,具备任何学习者、任何地方学习、任何时间学习、学习任何信息特点的移动学习成为当前新的教学模式,基
2、于移动学习的平台实现技术也在原有网站技术的基础上有了变革。现就基于MVC的框架CAKEPHP移动学习平台实现技术进行探究。 1框架CAKEPHP及移动学习平台模块简介 CAKEPHP是一个基于PHP开源的迅速开发框架,程序开发设计使用MVC结构:模型(Model):封装数据和所有基于对这些数据的操作;视图(View):对数据显示,即用户界面;控制器(Control):封装外界作用于模型的操作和对数据流向的控制等。三者是CAKEPHP的特色,除此之外它也包含了一些附加的类和对象;组件、行为及助手,提供了可扩展、可重用、快速的新增功能到应用中。5 移动学
3、习平台动态实现模块为:新闻公告、移动学习平台概况、教务信息、教学动态、微课库、教学资源和招生培训,这些模块可用一文章管理系统实现。平台中的一些页面(内容固定如移动学习平台概况),可直接通过静态页面实现,在框架中,视图中专设文件夹pages,所有静态页面放置于此,框架通过默认的页面控制器自动实现这些内容的调用。移动学习平台重点模块的实现为文章管理系统的设计。 2兼容移动设备的网页布局实现 2.1页面布局 (1)移动学习平台主体网页布局。主页为三栏,二级页面为两栏,利用了DIV+CSS布局定位技术,主页布局的实现:主页布局包含七个层(DIV),前三层即标
4、题、公告栏和导航菜单组成页眉区,内容区由纵向三分栏组成,页脚区包括版权信息等。 (2)网页布局宽度的调整。布局时,各层宽度不同,其中公告栏、导航菜单、标题和页脚占据整页宽度;内容区为三列,左列和右列宽度固定值,中间列宽度使用百分比值,可随浏览器大小变动,实现不同分辨率显示设备适应。 (3)DIV层实现页面三列布局。内容区左列在正常文档流中,而中间列和右列用float属性来把它们挤压到浏览器窗口的中间和右侧。为使各列由于在浏览器宽度变小情况下不重叠,中间列div的左侧和右侧的填充(padding)属性等于右列和左列宽度,保证内容安排在一个整齐的栏中,甚至
5、当它伸展到边栏(左栏或者右栏)的底端也是这样,中间列实际上占据了整个页宽,中栏的内容在左、右两栏之间“流淌”5。页脚要占据整个页宽,采用清除(clear)属性BOTH值,希望前面三栏float(浮动)的元素不影响本元素。 2.2针对移动设备的特殊布局设置 虽然布局时中间列宽度值采用百分比值,使网页适合不同浏览器宽度,但实际在移动设备上我们还需做许多工作,如移动设备显示区域宽度就是设备宽度,而web浏览器显示区域实际小于设备宽度,就需要在媒体查询时判断设备宽度;由于移动设备屏幕较窄,多栏显示不太现实,一般在媒体查询时取消浮动,设定栏宽度100%,使整个移
6、动学习平台单栏显示;针对大屏幕的图片、广告、标题、文本等也不适合在移动设备上显示,可通过媒体查询替换为小图片、文本等。当然除了以上技术还可通过其它脚本语言实现。 3CAKEPHP框架在移动学习平台建设中关键技术实现 作为一个框架,除了将MVC结构事务与数据分离,其数据内容的CRUD及用户注册认证系统等已包含在框架之中,实现较为简单,难点在于与其它表示语言、第三方插件等融合。 3.1CAKEPHP框架中布局的应用 由于框架实现了表现和内容的分离以及应用了模块化设计思想,具体布局放置在专用文件夹,页面视图都采用扩展名为.ctp文件,如Layouts布局
7、文件夹中default.ctp为默认主页显示框架;页眉尾脚嵌入其中,内容区以变量形式由控制器决定显示主页还是二级页面;其他页面放置与视图文件夹中如index.ctp为主页,add.ctp为添加内容页面等。 3.2CAKEPHP中整合可视化Html编辑器ckeditor5 对移动学习平台数据信息内容的排版编辑可使用可视化Html编辑器,本移动学习平台使用ckeditor;将其作为助手供控制器调用。 (1)对解压后的ckeditor文件进行精简,放置于webroot/js/ckeditor文件,另将ckeditor中php文件复制到Vendor文件夹,便
8、于控制器调用。 (2)编写Fck助手:在view/helper/
此文档下载收益归作者所有