模块07网站架构.pptx

《模块07网站架构.pptx》由会员分享，可在线阅读，更多相关《模块07网站架构.pptx（20页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、1模块模块07 07 网站架构网站架构应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境01认识和使用网站架构环境模块引导模块引导本模块是根据本模块是根据“世界技能大赛世界技能大赛Web DeSign”竞赛项目的内容竞赛项目的内容和要求，在网站架构方面，采用了和要求，在网站架构方面，采用了XAMPP架构，集成了架构，集成了PHP环环境，境，MYSQL数据库，数据库，PHPMYADMIN可视化数据库操作工具，可视化数据库操作工具，可以减轻网站架构人员对数据库结构化语言的依赖，同时，对大可以减轻网站架构人员对数据库结构化语言的依赖，同时，对大赛所涉及到的最前沿的专

2、业技术有所掌握，为下一步深入掌握网赛所涉及到的最前沿的专业技术有所掌握，为下一步深入掌握网页制作与网站架构打下了扎实的基础。页制作与网站架构打下了扎实的基础。本模块情境本模块情境1主要讲动态网站环境架构及认识，比如主要讲动态网站环境架构及认识，比如PHP的的初步使用，初步使用，PHPMYADMIN的使用，的使用，MYSQL数据库的建立。数据库的建立。本模块情境本模块情境2主要是构建一个简单的注册登陆管理系统，以主要是构建一个简单的注册登陆管理系统，以及开源类库的基本使用。及开源类库的基本使用。本模块围挠着网站架构为主线，通过基本情境的构建，培养本模块围挠着网站架构为主线，通过基本情境的构建，培

3、养学生的职业技能与职业素质，每个情境有不同的、工作过程完整学生的职业技能与职业素质，每个情境有不同的、工作过程完整的模拟制作任务和独立实践任务组成。的模拟制作任务和独立实践任务组成。2应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境01认识和使用网站架构环境3学习目标学习目标能力目标能力目标1. 能够能够掌握掌握xampp的安装和配置方法的安装和配置方法。2. 能够能够制作简单的网页计数器制作简单的网页计数器。3.能够能够建立简单的建立简单的MYSQL数据库。数据库。知识目标知识目标1.掌握掌握PHP的基本语法。的基本语法。2.理解理解数据库的概念。数据库的

4、概念。3.理解理解数据库备份复原的概念。数据库备份复原的概念。课时分配课时分配2课时（授课课时（授课1课时，实践课时，实践1课时）。课时）。应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境01认识和使用网站架构环境应知技能应知技能网站建设所需环境包括软件环境和硬件环境，软件环境包括网页制作工具，程序开发及测试工具，数据库开发工具，网站发布推广工具等，硬件环境主要包括服务器硬件配置，网络环境，我们这里主要讲动态网站所需环境架构，主要包括PHP、PHPMYADMIN、MYSQL的认识和使用。XAMPP是一款Apache+MYSQL+PHP+PHPMYADMIN+

5、 FileZilla FTP的服务器系统开发套件，也是很多网站设计师及“世界技能大赛Web DeSign”动态网页环境所用软件。同时支持Zend Optimizer，支持插件安装，目前最新xampp的版本是1.7.4。官方网址：http:/www.apachefriends.org，支持操作系统：Windows 2000， XP (Server 2003)， WIN7 (Server 2008)，我们在这里只需安装这一软件就可以解决动态网站所需环境。网站网站建设软件环境建设软件环境应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境01认识和使用网站架构环境5应

6、知技能应知技能MYSQL操作方法有很多种，如果你想像命令行那样操作的话，那直接用MYSQL本身自带的MYSQL客户端即可。如果你想用某种可视化的GUI工具操作的话，可选择的工具有很多种：PHPMyAdmin、MySQL-Front 、Navicat 、Toad For MySQL、SQLyog。根据比赛要求我们选择PHPMyAdmin，PHPMyAdmin界面可视友好，可以远程操作，所以使用PHPMYADMIN来完成我们的任务是非常方便的。网站建设软件环境网站建设软件环境应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境01认识和使用网站架构环境6模拟任务模拟

7、任务任务背景任务背景 怎样才能制作出一个属于自己的网站？我们需要很多的工具，比如Adobe家族的Photoshop、Dreamweaver、Fireworks等，构建动态网站还需要配置一些其它的软件，以PHP为例，还需安装Apache、MYSQL、PHP、PHPMYADMIN等。任务任务要求要求安装动态网站所需环境。任务任务1 安装安装和配置和配置xampp应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境01认识和使用网站架构环境7模拟任务模拟任务任务背景任务背景 不管大型还是小型网站，一般都会有自己的网站计数器，以方便统计访问者人次，以便进行各种决策，网站

8、计数器可以很复杂，比如按IP进行统计，同一IP某一段时间访问只按一次计算，这种计算更加科学，还可以按地区、来路等进行统计，当然，网站计数器也可以很简单的制作，每刷新一次页面算一次访问，即使这么简单的计数器也有两种做法，比如把数值写入数据库，也可以写入文本文件，原理是一样的，语法是有所区别的，表现形式也有两种，一种是纯字符形式表现，另一种是图形形式表现。任务任务要求要求 开发简单网页计数器。任务任务2 简单网页计数器制作简单网页计数器制作应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境01认识和使用网站架构环境8模拟任务模拟任务任务背景任务背景大型网站的数据量

9、如此之大，究竟是放在哪里的？这么快的搜索速度是怎么做到的？怎样验证用户信息，所有这些问题都指向同一个地方数据库，数据库有很多种类，根据不同的需求构建不同的数据库，小型企业网站可以采用ACCESS数据库，大中型网站可以用MS SQL或是MYSQL数据库，其中MYSQL数据库是免费开源的，我们这里为了无版权纠纷及讲解方便就使用MYSQL数据库。任务任务要求要求学习使用PHPMYADMIN建立用户权限、数据库、数据表、备份和恢复数据库等。任务任务3 学习和学习和使使PHPMYADMIN应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境01认识和使用网站架构环境9知识

10、拓展知识拓展1XAMPP介绍介绍 XAMPP是一款非常优秀Apache+MYSQL+PHP的服务器系统开发套件，也是很多网页设计大赛动态网页环境所用软件。同时支持Zend Optimizer，支持插件安装，目前最新xampp的版本是1.7.4。官方网址：http:/www.apachefriends.org，支持操作系统：Windows 2000， XP (Server 2003)， WIN7 (Server 2008)。XAMPP 1.7的特点：XAMPP支持的操作系统包括：Windows、Linux、Mac OS X、Solaris；XAMPP是完全免费的，并且遵循GNU通用公众许可XAM

11、PP简介简介应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境01认识和使用网站架构环境10知识拓展知识拓展2XAMPP的配置文件的配置文件路径路径Web服务器软件Apache 基本配置：xamppapacheconfhttpd.confPHP：xamppphpphp.ini数据库软件MySQL：xamppmysqlbinmy.iniphpMyAdmin：xamppphpMyAdminconfig.inc.phpFileZilla FTP 服务器：xamppFileZillaFTPFileZilla Server.xmlMercury 邮件服务器基本配置：xa

12、mppMercuryMailMERCURY.INISendmail：xamppsendmailsendmail.iniXAMPP的配置文件路径的配置文件路径应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境01认识和使用网站架构环境11知识拓展知识拓展3XAMPP的常用的常用路径路径网站根目录的默认路径：xampphtdocsMYSQL数据库默认路径：xamppmysqldata4XAMPP的默认的默认密码密码1) MySQL（数据库软件）: User: root Password:（空）2) FileZilla FTP(FTP传输工具): User: new

13、user Password: wamppUser: anonymous Password: 3) Mercury:Postmaster: postmaster (postmasterlocalhost)Administrator: Admin (adminlocalhost)TestUser: newuser Password: wampp4) WEBDAV(基于 HTTP 1.1协议的通信协议):User: wampp Password: xamppXAMPP的常用的常用路径及密码路径及密码应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境01认识和使用网站

14、架构环境12独立实践独立实践任务背景任务背景CMS是Content Management System的缩写，意为“内容管理系统”。内容管理系统是企业信息化建设和电子政务的新宠，也是一个相对较新的市场。对于内容管理，业界还没有一个统一的定义，不同的机构有不同的理解。内容管理系统可建设具有独特个性的网站。“网站模板与网站程序完全分离”和“模板方案”是CMS的主流设计特点，让网站的模板设计与程序彻底分开。设计者可以将每个频道、栏目甚至内容页面运用不同的模板，随时能编辑、修改网站界面，更能一键切换预设的模板方案，更换网站界面。内容管理系统后台管理实现方便、易用、人性化的操作方式，创新采用书签式管理的

15、Web界面，切换方便，节省使用者和浏览者的时间。所见即所得的编辑功能，可以在内容管理系统里直接进行文字的排版处理，还可以在线对图片进行简单处理。系统支持插入Flash、音频、视频、超链接、特殊字符等等。内容管理系统使用基于角色的用户管理，通过添加不同权限的用户，可以将一个网站的管理权限分配给不同的用户。通过建立具有不同管理权限的用户组，可以将用户分成多种级别：超级管理员、栏目管理员、文档录入员、审核员等 一份内容从最初录入到最后发布到网站上，中间可以经过编辑初审、修改，管理员审批等，保证发布内容的质量。任务任务要求要求1安装CMS组件；2查看网站前台栏目（前台地址http:/localhost

16、/或http:/127.0.0.1/）；3登陆后台查看各功能（后台地址http:/localhost/admin/或http:/127.0.0.1/admin，用户名：qibosoft，密码：qibosoft）。任务任务4 安装安装CMS套件套件应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境02动态网站建设学习目标学习目标能力目标能力目标1.了解了解PHP基本语法。基本语法。2.了解了解和掌握数据库与脚本的结合操作。和掌握数据库与脚本的结合操作。3.了解了解Session变量的使用的方法。变量的使用的方法。4.掌握掌握开源类库和框架制作客户端应用。开源类库

17、和框架制作客户端应用。知识目标知识目标1.了解了解和掌握连接数据库的基本操作。和掌握连接数据库的基本操作。2.了解了解和掌握表单数据传递的基本原理。和掌握表单数据传递的基本原理。3.了解了解和掌握接收表单数据的方法。和掌握接收表单数据的方法。4.掌握掌握数据库的写入和读取操作。数据库的写入和读取操作。课时分配课时分配4课时（授课课时（授课2课时，实践课时，实践2课时）课时）13应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境02动态网站建设应知技能应知技能动态网站并不是指具有动画功能的网站，而是指通过数据库进行架构的网站。动态网站除了要设计网页外，还要通过数

18、据库和编程序来使网站具有更多自动的和高级的功能。动态网站体现在网页一般是以asp，jsp，php，aspx等结束，而静态网页一般是HTML结尾，动态网站服务器空间配置要比静态的网页要求高，动态网页利于网站内容的更新，适合企业建站。14动态网站动态网站应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境02动态网站建设模拟任务模拟任务15任务背景任务背景伦敦是一个世界级的城市，也是来自世界各地游客去英国旅游的主要景点。伦敦以其充生机勃勃而闻名，它有很多景点：大剧院、博物馆、艺术画廊，纪念碑、餐馆、游泰晤士河以及在观光巴士上游览和购物等。有一个英国的咖啡店专营各种本

19、地特色开胃小菜、汤和甜点。为了让更多的来自世界各地的人们了解咖啡店，需要帮这个咖啡店制作一个带有交互功能的网站，在前面的情境里我们已经对静态网页的页面进行了布局，有一些动态效果也附加上去了，为了让游客和咖啡店之前有更多的交互，我们需要登记他们的信息，以便线上线下进行更多的交流。任务任务要求要求编写一个用户注册登录管理程序。使的用户可以在网站上注册账号，完善各项信息，店主可以在后台对用户进行管理。使用php/mysql进行服务器端编程，构造一个灵活的前后台框架，满足下述的功能需求。 访客要填写他们的Email（独一无二）、昵称/用户名（独一无二）、真实姓名以及密码在网站上进行注册，所有的表单域都

20、为必填项。 注册用户可以使用他们的密码，昵称或者Email（同一个表单）进行登录和登出。 用户登录能查看及修改完整的个人信息。 输入的表单值需要被校验。任务任务1 会员注册和管理会员注册和管理应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境02动态网站建设模拟任务模拟任务16任务背景任务背景开发一个网页应用程序，该程序是被用于2011年伦敦世界技能大赛的任务管理器。任务要求任务要求此设计需要使用开源功能库来制作(JQuery, Mootools, Prototype)。此程序根据三种状态来管理任务，并以带有三列的告示板方式呈现，如下表。Backlog：本栏列

21、出所有等待完成的工作In-Progress：本栏列出所有已开始进行的工作Done：本栏列出所有已经完成的工作本应用的主页包括二个区域：第一个区域是任务注册表单；第二个区域是任务管理器的公告板。板上有三列（未完成/正在进行/已经完成），它展示了当前每一个任务的进度状态。任务任务2 用开源类库和框架制作客户端应用用开源类库和框架制作客户端应用应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境02动态网站建设知识拓展知识拓展当您运行一个应用程序时，您会打开它，做些更改，然后关闭它。这很像一次会话。计算机清楚你是谁。它知道你何时启动应用程序，并在何时终止。但是在因特网

22、上，存在一个问题：服务器不知道你是谁以及你做什么，这是由于 HTTP 地址不能维持状态。 通过在服务器上存储用户信息以便随后使用，PHP session 解决了这个问题（比如用户名称、购买商品等）。不过，会话信息是临时的，在用户离开网站后将被删除。如果您需要永久储存信息，可以把数据存储在数据库中。 Session 的工作机制是：为每个访问者创建一个唯一的 id (UID)，并基于这个 UID 来存储变量。UID 存储在 cookie 中，亦或通过 URL 进行传导。17PHP session 变量变量应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境02动态网

23、站建设知识拓展知识拓展 存储和取回 session 变量的正确方法是使用 PHP $_SESSION 变量： 输出：Pageviews=1 在下面的例子中，我们创建了一个简单的 page-view 计数器。isset() 函数检测是否已设置 views 变量。如果已设置 views 变量，我们累加计数器。如果 views 不存在，则我们创建 views 变量，并把它设置为 1： 18存储存储 Session 变量变量应知技能应知技能学习目标学习目标模拟任务模拟任务独立实践独立实践知识拓展知识拓展情境02动态网站建设独立实践独立实践19任务背景任务背景内容管理系统可建设具有独特个性的网站。“网站

24、模板与网站程序完全分离”和“模板方案”是CMS的主流设计特点，让网站的模板设计与程序彻底分开。设计者可以将每个频道、栏目甚至内容页面运用不同的模板，随时能编辑、修改网站界面，更能一键切换预设的模板方案，更换网站界面。主流的CMS系统都是系统内核和CMS模板分离，所以一个CMS系统可以有许多CMS模板，就像一个人可以有多件衣服是一样的。CMS模板和普通静态网页模板不同，CMS模板是通过CMS系统的标签语言调用出来的，是可动态生成前台展示效果的。一个CMS模板页面可以生成许多的静态网页，但是一个CMS模板所生成的静态网页都是主体部分界面样式一致，只有动态调用部分的内容不同。任务任务要求要求1请至论坛 http:/ 安装安装CMS网站模板网站模板20下次再见！