Web前端开发实训案例教程(中级)- 课件 第1~17章 第1--17章 概述、开发环境:HBuilder+XAMPP---Web前后端交互:书籍目录页面.pptx

Web前端开发实训案例教程(中级)- 课件 第1~17章 第1--17章 概述、开发环境:HBuilder+XAMPP---Web前后端交互:书籍目录页面.pptx

  1. 1、本文档共202页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
第1章 概述 (1)掌握HBuilder+XAMPP工具的安装和使用。(2)掌握Bootstrap栅格系统、基本样式、组件、插件的使用方法,能开发响应式页面。(3)掌握PHP程序设计,能使用PHP制作动态网页。掌握PHP的基本语法、控制语句、数组、函数、面向对象编程、Session和Cookie编程等。(4)掌握Laravel框架构建动态网站,熟悉MVC架构,掌握路由、控制器、模型等。(5)掌握MySQL数据库的基本操作,能使用PHP进行MySQL数据库编程。(6)理解XML和JSON 数据格式,掌握使用AJAX技术实现异步刷新、异步获取数据的方法。(7)遵循企业标准开发过程,培养良好的工程能力,能进行企业动态网站开发,提高动态网站开发实践能力。1.1 实践目标 1.2 技术专题设计编号类型专题名称1开发环境HBuilder+XAMPP2BootStrap框架响应式网站首页3PHP编程基础折扣计算、日期计算(程序结构)、学生成绩排序(数组)、简单计算器(函数)4PHP类和对象工资计算(类和对象)、面积计算(继承)、商品信息管理(接口)5PHP Web应用开发用户登录6PHP 数据库编程学生信息查询、学生信息新增/删除、学生信息修改7Laravel框架创建Laravel工程、在线答题系统8Web前后端交互书籍目录页面(AJAX) 1.3 案例设计项目选取“在线音乐平台”,为PHP动态网站程序,采用HBuilder和XAMPP工具开发,技术选型为“Bootstrap+PHP + PHP Web + mysqli数据库编程 + Laravel框架 + MySQL”。案例按企业标准进行建设,结合瀑布模型、RUP模型、增量开发思想,内容包括项目目标、需求分析、系统设计、每个功能迭代开发,在迭代开发过程中,按功能、技能和知识进行组织。整个项目分为5大阶段,分别为Bootstrap编程、PHP Web基础、PHP + MySQL数据库、PHP三层结构、 Laravel框架。 第2章 开发环境HBuilder+XAMPP 2.1 技能和知识点 1、搭建Web开发环境,并掌握相关软件的使用。(1)下载安装Google Chrome浏览器。(2)下载安装HBuilder,网页及PHP脚本文件编辑工具。(3)服务器端集成环境安装,下载安装XAMPP,配置并启动Apache和MySQL。2、测试开发环境。(1)创建Web项目“test”,编写index.php文件。(2)启动Apache服务器,使用浏览器访问index.php页面,在页面中显示“Hello World!”字符串。2.2 需求简介 2.3 设计思路 (1)下载安装Chrome(2)下载安装HBuilder(3)下载安装XAMPP(4)配置MySQL2.4 实现 (5)创建Web项目并运2.4 实现 (5)创建Web项目并运2.4 实现<!DOCTYPE html><html><head> <meta chars="utf-8" /> <title></title></head><body> <?php echo "Hello World!"; ?></body></html> (5)创建Web项目并运2.4 实现 (6) Apache配置虚拟域名在XAMPP控制面板中点击“Explorer”按钮,进入XAMPP根目录打开\xampp\apache\conf\httpd.conf文件找到“Listen 80”行,在其下面新增监听端口(如:8080)配置虚拟域名2.4 实现<VirtualHost *:8080> DocumentRoot "D:/MusicProject" ServerName localhost <Directory "D:/MusicProject"> Options Indexes FollowSymLinks MultiViews AllowOverride all Require all granted </Directory></VirtualHost> (6) Apache配置虚拟域名重启Apache服务器,点击“stop”按钮后再点击“start”按钮创建Web项目2.4 实现 (6) Apache配置虚拟域名在“项目管理器”中删除css、img、js文件夹,修改index.html文件名为index.php在<body></body>标签之间添加一段php代码打开Chrome浏览器,输入http://localhost:8080/index.php2.4 实现<!DOCTYPE html><html><head>

文档评论(0)

xiaobao + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

认证主体孙**

1亿VIP精品文档

相关文档

相关课程推荐