《PHP+CMS+Dreamweaver网站设计实例教程 教学课件 ppt 作者 王德永 张少龙 第6章 教育网站动态页面制作》由会员分享，可在线阅读，更多相关《PHP+CMS+Dreamweaver网站设计实例教程 教学课件 ppt 作者 王德永 张少龙 第6章 教育网站动态页面制作（102页珍藏版）》请在金锄头文库上搜索。
1、第6章 教育网站动态页面制作,本章主要完成的任务是将平顶山韩创教育咨询网站的静态页面模板导入DedeCMS环境中，掌握DedeCMS标记的使用，并将标记应用到教育网站设计中；掌握韩创教育网站后台模块的管理及应用，并利用教育网站管理平台填加网站内容。,PHP+CMS+Dreamweaver网站设计实例教程,6.1 任务一 静态页面模板导入,61.1 任务描述 6.1.2 任务实施 6.1.3 任务评价 6.1.4 任务小结,本次任务主要完成平顶山韩创教育咨询网站的静态页面模板导入到DedeCMS环境中，并为后面的任务做好准备工作。在导入平顶山韩创教育咨询网站的静态页面模板之前，先要下载和安装De
2、deCMS安装包，然后配置好相应的环境及数据库。,6.1.1 任务描述,在前面我们已经介绍了phpstudy的安装，现在只需要将dedecms安装包放到php环境下进行安装即可； 1、DedeCMS下载 首先进入到织梦的官方网站（）， 如下图6-1所示：,一、 DedeCMS的安装和环境配置,6.1.2 任务实施,图6-1织梦官网首页,下载最新版本的dedecms安装包;如图6-2点击下载。 织梦官方提供两种编码的安装包；分别是dedecms5.7（utf-8版本）和dedecms5.7（gbk版本）由于公司做的网站都是面向于国内的用户，所以一般采用dedecms5.7（gbk版本）如图6-3
3、所示，下载dedecms5.7（gbk版本）。,图6-2 DedeCMS安装包下载,图6-3 DedeCMS5.7（gbk版）,下载下来通常是一个压缩包，将其解压，然后将upload文件夹中的文件(注意是文件中，而不是文件夹)上传到网站的根目录中。然后我们可以通过在浏览器中输入安装向导的网址开始进行DedeCMS的安装，在安装完成之后我们就可以看到我们的站点。 这里我们对系统环境做一个简单的说明，DedeCMS是基于PHP和MySQL技术开发，可以同时使用在Windows、Linux、Unix平台，其具体环境如下： Windows 平台 IIS/Apache + PHP4/PHP5 + MyS
4、QL3/4/5 如果在windows环境中使用，建议用DedeCms提供的DedeAMPZ套件以达到最佳使用性能。 Linux/Unix 平台 Apache + PHP4/PHP5 + MySQL3/4/5 (PHP必须在非安全模式下运行) 建议使用平台 Linux + Apache2.2 + PHP5.2 + MySQL5.0,在浏览器中打开http:/localhost/install/index.php(本地安装) ，或者我们安装了phpstudy环境双击桌面图标 在电脑任务栏的右下角会出现这个图标，然后我们单击这个图标弹出如下图的菜单；,2、 DedeCMS安装,图6-4 phpstu
5、dy启动程序,点击My HomePage与在浏览器中打开http:/localhost/install/index.php都能进行安装；开始进行安装。选中“我已经阅读并同意此协议”点击继续，这里系统跳转到环境检测页面。如图6-5所示。,(1) 启动安装页面,图6-5 DedeCMS 安装许可协议,PHP必须环境或启用的系统函数 allow_url_fopen GD扩展库 MySQL扩展库 系统函数(phpinfo、dir)如果环境检测全部正确()，我们点击“继续”进入“参数配置”。如图6-6所示。,(2) 检测安装环境,图6-6 系统参数选项,首先配置“数据库设定”部分的参数，这里涉及到“数据
6、库主机”、“数据库 名称”、“数据库用户”、“数据库密码”、“数据表前缀”、“数据库编码”等几个方面。 如果使用的是虚拟主机或者合租服务器，一般空间商都会提供给你相关的数据，如果你是自己配置服务器或者本地测试，一般在环境架设时候会有相关的信息提示。如图6-7所示。 以平顶山韩创教育咨询网站为例，因为Apache和MySQL共同安装在本地计算机上，所以数据库主机地址为“localhost”，在这里将数据库名称设置为 “jiaoyu”，(数据库名称可以自定义)数据库用户名为”root”、密码为root数据库默认密码”jiaoyu”，表前缀为”dede_”。,(3) 数据库、管理员及网站设定,数据表
7、前缀是为了方便一个数据库中存放多个程序的数据库，例如一个数据库需要安装两个DedeCMS系统，第一个系统数据表前缀可以设置为 “dedea_”，第二个数据表可以设置为”dedeb_”，因为表前缀不同，数据表在数据库中存在的表名也不相同，例如第一个系统的管理员账号存放的数 据表则为”dedea_admin”，第二个数据表名为”dedeb_admin”，这样他们两个系统的数据库就可以共存在一个Mysql数据库中。 网站设置中需要注意的是填写 “网站网址”和“CMS安装目录”，当“CMS安装目录”安装在网站根目录时不需要去理会它，如果安装在根目录的下某个文件夹下面时，需要进行相关的设置(程序会自动检
8、测)。,图6-7 系统设置,在输入数据库、管理员及网站的相关信息后，点击“继续”，完成DedeCMS的安装，到这里为止，DedeCMS安装完毕。如图6-8所示。,(4) 安装完毕,图6-8 安装成功,完成安装后，点击“访问网站首页”。这是初次安装好的网站首页显示为已经启动的页面如图6-9所示：,3、 DedeCMS启动,图6-9 安装好的首页,点击登陆网站后台，网址自动转向到http:/ localhost /dede/login.php输入安装时候填写的管理员用户名和密码，以超级管理员身份登陆系统。如图6-10所示。 系统默认管理路径是dede，登陆管理后台可以通过地址http:/ loca
9、lhost /dede/login.php进行访问，但是为了确保系统的安全，建议在安装完成之后修改后台的管理路径，例如：jiaoyu，这样你可以通过http:/ localhost /jiaoyu/login.php登陆，别人就不容易猜到网站后台地址。,4、超级管理员登录,图6-10 后台登录页面,登录成功后进入到后台管理页面，系统主页如图6-11；,图6-11 后台系统主页,当将静态页面导入到DedeCMS环境中时，要按DedeCMS要求存入的地点和文件内容进行存放，操作步骤如下： 1、导入HTML文件 在进行静态页面模板导入的时候，可以先将所有创建的HTML文件复制到wwwtemplets
10、default文件夹下，需要注意的是所生成的HTML页面都是以后缀名.html结尾的，当添加到织梦目录下需要更改一下后缀名，即将.html改成以.htm结尾的页面。文件存放位置如图6-12所示。,二、静态页面模板导入,图6-12 HTML文件存放位置图,将静态页面所用到的图片存放到织梦安装的根目录下wwwtempletsdefaultimages文件夹下，这个文件中除了DedeCMS存放的一些图片之外，还存放用户要填加的图片。存入位置如图6-13所示。,2、导入图片文件,图6-13 图片文件存放位置图,将静态页面所用到的JS特效文件放在wwwtempletsdefaultjs文件夹下, 这个文
11、件夹中不但存放有系统本身自带的脚本文件，还可以存放用户自定义的脚本。存入位置如图6-14所示。,3、导入JavaScript文件,图6-14 脚本文件存放位置图,将静态页面所用到的CSS样式文件放在wwwtempletsdefaultstyle文件夹下,该文件夹下即可以存放系统的CSS样式文件，还可以存放用户自定义的CSS样式文件。存入位置如图6-15所示。,4、导入CSS样式文件,图6-15 样式文件存放位置图,操作执行到此，所有静态页面模板文件已经导入到DedeCMS环境中了，接下来的工作就是开始调用织梦标记了。,本任务的考核是通过平顶山韩创教育咨询网站的静态页面模板导入情况结果为最终考核
12、，考核的主要内容是掌握DedeCMS的下载和安装，按照静态模板导入的步骤完成相应部分的导入工作。表6-1为本任务考核标准。 表6-1 本任务考核标准,6.1.3 任务评价,本次任务在掌握DedeCMS的相应环境配置之后完成平顶山韩创教育咨询网站的静态页面模板的导入工作。 在完成该任务的同时要掌握DedeCMS的下载及安装过程，并能根据具体项目要求下载安装相应的程序；在安装过程中正确配置所需要的环境、设置系统管理员的权限及创建好数据库访问的用户名及密码,6.1.4 任务小结,6.2 任务二 DedeCMS标记的使用,6.2.1 任务描述 6.2.2 相关知识 6.2.3 任务实施 6.2.4 任
13、务评价 6.2.5 任务小结,本次主要任务是调用DedeCMS的标记完成平顶山韩创教育咨询网站页面的动态调用。在完成该任务的过程中掌握DedeCMS标记的应用，掌握使用织梦标记调用的方法。,6.2.1 任务描述,在了解DedeCms的模板代码之前，了解一下织梦模板引擎的知识是非常有意义的。织梦模板引擎是一种使用XML名字空间形式的模板解析器，使用织梦解析器解析模板的最大好处是可以轻松的制定标记的属性，感觉上就像在用HTML一样，使模板代码十分直观灵活，新版的织梦模板引擎不单能实现模板的解析还能分析模板里错误的标记。织梦模板引擎的代码样式有如下几种形式： dede:标记名称 属性=值/ dede
14、:标记名称 属性=值/dede:标记名称 dede:标记名称 属性=值自定义样式模板(InnerText)/dede:标记名称 如果使用带底层模板的标记，必须严格用dede:标记名称 属性=值/dede:标记名称 这种格式，否则会报错。,6.2.2 相关知识,1、adminname标记 只用于内容模板，是获取责任编辑名称。 基本语法：,一、初识标记,dede:adminname /,2、arclist标记 这个标记是DedeCms最常用的一个标记，也叫自由列表标记。 功能说明：全局标记,获取指定文档列表。 适用范围：封面模板、列表模板、文档模板 基本语法：,dede:arclist typei
15、d= row= col= titlelen= infolen= imgwidth= imgheight= listtype= orderby= keyword= 底层模板(InnerText) /dede:arclist,属性说明： 1 typeid= 表示栏目ID，在列表模板和档案模板中一般不需要指定，在封面模板中允许用“,“分开表示多个栏目； 2 row= 表示返回文档列表总数； 3 col= 表示分多少列显示（默认为单列）； 4 titlelen= 表示标题长度； 5 infolen= 表示内容简介长度； 6 imgwidth= 表示缩略图宽度； 7 imgheight= 表示缩略图高度
16、； 8 type= 表示档案类型，其中空值、不使用这个属性或type=all时为普通文档； 当 type=commend时，表示推荐文档，等同于 dede:coolart/dede:coolart； 当type=image时，表示必须含有缩略图片的文档，等同于dede:imglist/dede:imglist、dede:imginfolist/dede:imginfolist； 当type=spec时，表示专题，等同于标记dede:specart/dede:specart； 以上属性值可以联合使用，如： type=commend image 表示推荐的图片文档。,9 orderby= 表示排序方式，默认值是 senddate 按发布时间排列。 当ord
