原创力文档- 1、本文档共48页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
在common\module.php中编写函数实现记录浏览历史 自定义函数module_history()，第一个参数$current表示记录的文章ID，为false表示不保存；第二个参数$limit表示数量上限 将用户浏览过的文章ID保存到Cookie中，最多保存10篇文章 当接收到Cookie中记录的浏览历史后，根据文章ID到数据库中取出信息，并保持Cookie中的顺序。 任务三：记录浏览历史 为了在查看文章时记录浏览历史，在show.php中修改代码，将当前访问文章添加到历史记录中，代码如下。 $data['sidebar']['history'] = module_history($id); 任务三：记录浏览历史 接下来，在模板文件view\module_sidebar.html中输出浏览历史 <?php if(!empty($data['sidebar']['history'])): ?> 浏览历史 <?php foreach($data['sidebar']['history'] as $v): ?> <a href="show.php?id=<?=$v['id']?>"><?=$v['title']?></a> <?php endforeach; ?> <?php endif ?> 任务三：记录浏览历史 效果展示 任务三：记录浏览历史 移动端页面设计 通常情况下，当用户使用桌面环境浏览网页时，屏幕是横向的宽屏；而使用移动端设备浏览网页时，屏幕是纵向的宽屏。 任务四：响应式布局 移动端页面设计 在设计网页时，如果屏幕的宽度大于高度，则在排版时充分利用横向空间；而如果高度大于宽度，则充分利用纵向空间。 因此，内容管理系统的移动端页面设计思路，就是将横向页面转换为纵向页面。 任务四：响应式布局 移动端页面设计 ——效果展示 任务四：响应式布局 响应式页面开发 在编写页面时，需要适应各种各样的屏幕宽度。 需要注意的是，随着高清屏的发展，1920*1080分辨率的屏幕已经普及，而这么大的分辨率在小尺寸的屏幕上显示网页，文字会非常小，不利于阅读。 任务四：响应式布局 响应式页面开发 因此，搭载高清屏的小尺寸屏幕设备通常会使用高像素密度。 例如，利用800*1280的屏幕显示320*512的网页，网页中的元素将被放大。这种放大并不是直接放大像素点，而是放大字体的字号，图片也会基于图片本身的像素进行缩放。接下来分步骤讲解响应式页面的开发。 任务四：响应式布局 响应式页面开发 ——添加viewport meta标签 使用viewport可以控制网页的显示宽度，防止浏览器直接按照屏幕像素进行显示。在view\layout.html的<head>标记中中添加viewport，具体代码如下。 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 任务四：响应式布局 响应式页面开发 ——开发调试 Chrome浏览器中，在开发者工具中提供了模拟功能 单击开发者工具栏左上角的第2个按钮即可启动 任务四：响应式布局 响应式页面开发 ——适配屏幕宽度 网页若要根据屏幕的宽度进行响应，就需要对各种宽度进行适配。在编写CSS样式时，可以根据不同的显示宽度修改样式。 任务四：响应式布局 响应式页面开发 ——实际代码进行演示 <style> /* 设置默认样式 */ .wrap{width: 80%;} .sidebar{float: left;} /* 当屏幕宽度不超过400px时，改变样式 */ @media screen and (max-width: 400px){ .wrap{width: 95%;} .sidebar{float: none;} } /* 当屏幕宽度不超过300px时，改变样式 */ @media screen and (max-width: 300px){ .wrap{width: 100%;} } </style> 任务四：响应式布局 PHP ? 【中级篇】项目二：内容管理系统 模块六 前台功能实现 MySQL安装与使用 HTTP、会话技术 PHP操作数据库 文件、图像技术 任务一 任务二 任务三 页面展示 文章展示 记录浏览历史 任务四 扩展提高 响应式布局 密码安全存储 目录 在开发前台功能时，需要先完成前台的初始化文件init.php 前台初始化 <?php //定义项目相关的常量
文档评论（0）