PHP+MySQLl网站开发项目式教程项目三 模块七 前台功能实现.ppt

查看已购买课程 接下来在浏览器中访问会员中心，查看已经购买的课程。 任务五：课程购买 什么是Ajax Ajax 是目前在 Web 应用开发中广泛应用的一种异步交互技术，它解决了传统 Web 应用只有刷新页面才能与服务器交互的问题。Ajax 技术增强了网站的用户体验，并且具有占用宽带小、运行速度快，减少用户等待时间等优点。接下来将学习 Ajax 的原理，然后在博学谷云课堂项目中实现无刷新评论的功能。 扩展提高：Ajax无刷新评论 Ajax原理 Ajax 是 Asynchronous JavaScript And XML 的缩写，即异步JavaScript 和 XML 技术。它并不是一门新的语言或技术，它是由JavaScript、XML、DOM、CSS、XHTML 等多种已有技术组合而成的一种浏览器端技术，用来实现与服务器进行异步交互的功能。 扩展提高：Ajax无刷新评论 实现用户登录与退出 接下来在浏览器中访问用户登录页面，如图所示。 任务三：会员中心 会员中心 在用户登录成功后，就可以访问会员中心。用户在会员中心中可以编辑个人资料、修改头像、显示账户余额、在线充值、查看购买课程。关于查看余额、在线充值、查看购买课程的功能将会在后面进行讲解。下面来实现会员中心的页面展示。 任务三：会员中心 会员中心 在会员控制器中编写 indexAction() 方法，具体代码如下。 public function indexAction() { $this->title = '用户中心'; $this->display(); } 任务三：会员中心 会员中心 编写会员中心的视图文件 app\home\view\user\index.html，输出功能导航菜单，具体代码如下。 <?=$user['name']?> <img src="/public/home/image/noavatar.gif" alt="用户头像"> <a href="#" class="m-pro-user-b">个人资料设置</a> <a href="/?c=user" class="<?=ACTION=='index'?'curr':''?>">我的课程</a> <a href="/?c=user&a=money" class="<?=ACTION=='money'?'curr':''?>">我的余额</a> 任务三：会员中心 展示课程信息 当用户在首页或列表页面单击一个课程进行查看时，就可以查看这个课程的基本信息。下面开始开发展示课程信息的功能。创建课程控制器app\home\controller\CourseController.class.php。 任务四：课程展示 展示课程信息 编写展示课程信息的视图页面 app\home\view\course\index.html。 输出课程基本信息 课程标签页切换功能 课程介绍模块 课程视频模块 配套习题模块 课程评论模块 任务四：课程展示 截取内容简介 为了在查看课程信息时简洁明了地看到课程的内容信息，可以从课程的内容简介截取前100个字进行课程内容的简介。接下来将介绍如何从一个包含中文、英文、HTML标签等内容的字符串中截取出指定字符宽度的文本。 任务四：课程展示 截取内容简介 首先需要在 PHP 中开启 mbstring 扩展，该扩展用于处理多字节字符集。在该扩展中有许多字符串处理的函数，这里将用到 mb_strimwidth() 函数。该函数的第1个参数表示传入的字符串，第2个参数表示开始截取的位置，第3个参数表示截取的位置。在计算位置时，中文和全角字符占2个字符位置，半角字符占1个字符位置。通过该函数可以很方便地截取指定宽度的字符串。 任务四：课程展示 截取内容简介 然后在课程控制器的 indexAction() 方法中对查询到的课程介绍进行截取，具体代码如下。 上述代码先通过 strip_tags() 函数去除字符串中的 HTML 标记，然后通过 mb_strimwidth() 函数按照字符宽度截取了前 100 个位置内的字符。 $this->description = mb_strimwidth(strip_tags($this->data['content']), 0, 100); 任务四：课程展示 截取内容简介 需要注意的是，在使用 mbstring 扩展中的函数时，需要指定字符集。在 framework\framework.class.php 中的 _extends() 扩展功能方法中将mbstring 扩展内置字符集指定为 UTF-8，具体代码如下。 private static function _extend() { //…… //配置 mbstr