第三集上:PC站公共代码的抽离与调用

所属栏目:演示站点一 更新时间:2023-03-04 点击: 文章来源:https://www.sznest.net/jzjc/0001/7563.html

一:点击备份下的/html/目录备份,会自动将当前目录压缩到网站的/_backup/zip/下

二:将压缩的备份文件下载到本地电脑的桌面并且解压到桌面

三:将前面解压的文件一层一层进入直到找到html文件夹,然后移到桌面

四:打开html文件夹
1:baidumap.php这个是百度地图的网页文件,就是上一集中介绍的被包含在联系我们中的网页文件
2:bodyfoot.php这个是公共底部文件,是一个空文件,用于存放节点的网页文件中底部的代码
3:bodytop.php这个是公共顶部文件,是一个空文件,用于存放节点的网页文件中顶部的代码
4:book.php这个是在线留言的网页文件
5:bookajax.php这个是添加在线留言这个节点时后台自动创建的表单后端脚本,用户留言时提交按钮之后会执行这里的代码
6:case.php这个是客户案例列表页的网页文件
7:caseview.php这个是客户案例详情页的网页文件
8:contact.php这个是联系我们的网页文件,这个文件里面是包含了baidumap.php这个网页文件
9:index.php这个是首页的网页文件
10:news.php这个是新闻中心列表页的网页文件
11:newsview.php这个是新闻中心详情页的网页文件
12:product.php这个是产品展示列表页的网页文件
13:productview.php这个是产品展示详情页的网页文件
14:show.php这个是公司简介的网页文件,同时企业文化也共用这个网页文件

五:创建公共右侧文件,在html文件夹中,复制bodytop.php这个文件,然后将复制的文件改名为bodyright.php,此文件用于存放节点网页文件中右侧的代码

六:获取公共部分的html代码并放入对应的文件中
1:公共顶部的代码,就是class属性值等于bg_header的整个div标签,复制整体HTML,然后放入到bodytop.php文件中
2:公共底部的代码,就是class属性值等于bg_foot的整个div标签,复制整体HTML,然后放入到bodyfoot.php文件中
3:公共右侧的代码,就是class属性值等于plug_service的整个div标签,复制整体HTML,然后放入到bodyright.php文件中

七:下载Dreamweaver 8这个软件(简称DW)

八:新建站点
1:打开DW软件,点击站点,新建站点(DW软件下载)
2:站点名称填写PC站,本地根文件夹填写先选择桌面,然后再后面加上html,点击确定

九:套用源格式:对以上的文件套用源格式,表单后端脚本文件除外,套用源格式此功能的目的是为了将混乱的代码变得整洁有序,以便于代码按层级关系实现展开与折叠

十:抽离与调用
在DW中找到以class属性值等于bg_header的整个div标签的代码,然后替换成<?php require(WebConfig::getHtmlPath().'bodytop.php'); ?>
在DW中找到以class属性值等于bg_foot的整个div标签的代码,然后替换成<?php require(WebConfig::getHtmlPath().'bodyfoot.php'); ?>
在DW中找到以class属性值等于plug_service的整个div标签的代码,然后替换成<?php require(WebConfig::getHtmlPath().'bodyright.php'); ?>

十一:把本地电脑桌面上的html的这个文件夹压缩并上传到服务器
1:选中桌面上的html文件夹并点击右键,在弹窗中选择“添加到html.zip”
2:点击代码,点击上传压缩包,此时网站后台会自动将压缩包解析到网站的/html这个目录下

相关阅读

第一集:初始化、登录后台、修改基本配置、搭建网站节点框架

一:点击http://mfmb0001.sznest.net/admin/init.php这个链接初始化网站二:登录后台登录地址:http://mfmb0001.sznest.net/admin/登录账号:手机与密码全填写13798214959三:修改基本配置1:网站名称改成演示站点一2:图片上传最大值、附件上传最大值、最大处理时间三个选择保持默认或根据实际…

了解详情 >>

第四集:公共顶部代码中导航菜单的修改

上一集视频主要介绍了PC站与手机站公共代码的抽离与调用,那么这一集介绍PC站与手机站公共顶部代码中导航菜单的修改,在修改之前先查看网站配置的生成方式与调试模式,如果生成方式是静态,请将其修改为缓存,如果调试模式是关闭,请将其修改为开启(如果修改了配置中的任何一项提示退出后台重新登陆,那么在右上角点击退出后台再重新登录即可)。接下来再对节点进行下面的操作1:将…

了解详情 >>

第五集:公共底部代码中导航菜单的修改

更新中...

了解详情 >>

如何让网站运行在自己的电脑上?

演示效果:打开浏览器中输入下面的本地域名能看到helloworld本地域名:http://sznest.net/index.html准备工作1:准备一台装有win7操作系统的电脑(win10系统操作步骤基本上差不多)2:下载xampp安装包并且解压到桌面(点击下载)3:在C盘下新建一个名为sznest.net的文件夹4:在此文件夹内新建一个名为index.h…

了解详情 >>

如何备份数据库与下载?

在右上角点击下载备份进入下载备份列表页,然后点击数据备份按钮即可备份,如需要下载,点击右侧的下载然后保存到你本地电脑即可。

了解详情 >>

如何让文章或产品显示在首页,比如让公司动态的文章显示在首页(…

在左边找到公司动态,然后点击进入公司动态列表中,找到你要显示在首页的那片文章,然后点击是或否来进行切换,置顶为&quot;是&quot;表示显示在首页,&quot;否&quot;表示不显示在首页,这里要注意的&quot;是&quot;并不是所有的置顶都能够显示在首页,如果显示在首页的数量超出限制了的数量,那么只显示排序在前的,同时要注意并不是所有的列表节点都…

了解详情 >>

Copyright @ 2008-2019   www.sznest.net   All rights reserved  网巢网是一家专业为企业提供免费建站、自助建站的模板建站公司   粤ICP备11083046号     友情链接:张元洪律师   微商城系统   sitemap.xml

微信

移动端

客服

顶部