您现在的位置是:首页 > cms教程 > phpcms教程phpcms教程
PHPCMS后台管理中心便捷管理网页建立网页的方法
夏青2025-05-21phpcms教程已有人查阅
导读这个就是便捷管理网页,可以通过这个后台进行修改、增删一些东西,还可以利用一些网页模板来建立网页首先就是下载好这个后台管理中心,这个从网上下载就好了
这个就是便捷管理网页,可以通过这个后台进行修改、增删一些东西,还可以利用一些网页模板来建立网页首先就是下载好这个后台管理中心,这个从网上下载就好了,记住这个要安装在WampServer中的 文件下,才可以从网页的地址栏中找到这个的安装文件,打开然后按照步骤一步一步的来就可以了。
注意:在输入数据库的那一页,要输入自己的数据库信息,还有注册用户的那个,一定要记住自己的账号和密码。
下载并且注册成功后,就可以进入管理中心了。如下就是管理中心的图:
可以通过一个网站的修改来认识这个管理中心~~~
注意下这几个文件夹
(1)phpcms-----templates文件中可以放模板
(2)statics----中的文件可以分别存放,不要存放错了
这个管理中心中有自带的网页模板,也可以自己添加自己的模板
设置----站点管理---找到这个已经有的站点,然后点击“修改”进入修改页面,模板风格选择自己的模板,然后单击“确定”按钮即可
一、整理首页内容
(1)既然把图片还有样式等都复制到了相应文件夹中,那么就要从首页开始修改了,因为路径不对,所以要修改
首先是头部的样式和js
按ctrl+f弹出查找替换对话框,然后找到样式
注意的就是源代码中的格式,不要修改错了就好
(2)将头部和尾部单独拆出来
因为头部和尾部是每个页面都有的,所以都查出来便于后面的页面用一句话插入
先看看检查元素哪些是属于头部和尾部的,然后单独拆出来建立头部和尾部的html
插入头部信息:template是放模板的那个文件夹:content是template中的文件夹:header是拆除的头部文件
3.1 先写头部信息
首先要先写入点东西
这里有栏目,这些在写的时候,不会是固定不变的,而是从后台遍历出来的
这个就和循环数组显示是一样的
3.2 主体部分可以开始写了
(1)在主页中会有图片的,不可能是固定的所以也要进行后台的更换才可以,这样可以在后台建一个不在栏目显示的栏目,放图片,
在后台:内容----内容相关设置----栏目管理
单击添加栏目,弹出添加栏目对话框(在这里进行编写要添加的栏目内容,不要忘了修改模板设置啊)
然后就是选择 选择右边的添加的栏目,然后在选择
在弹出的窗口中进行编写
这样后台就修改结束了,接下来就是代码部分了
(2)栏目的跳转,这里肯定是要跳转到相应的页面,所以要修改它的链接地址了,单击相应图片,进入相应页面
(3)关键字,标题等
写出一个例子,
在属性的后面加上page属性就可以了,例如
首先是后台:模块----友情链接,在右边点击“添加内容”,进行添加链接内容
添加完成后,就进行遍历就好啦
注意:在输入数据库的那一页,要输入自己的数据库信息,还有注册用户的那个,一定要记住自己的账号和密码。
下载并且注册成功后,就可以进入管理中心了。如下就是管理中心的图:
可以通过一个网站的修改来认识这个管理中心~~~
注意下这几个文件夹
(1)phpcms-----templates文件中可以放模板
(2)statics----中的文件可以分别存放,不要存放错了
这个管理中心中有自带的网页模板,也可以自己添加自己的模板
设置----站点管理---找到这个已经有的站点,然后点击“修改”进入修改页面,模板风格选择自己的模板,然后单击“确定”按钮即可
一、整理首页内容
(1)既然把图片还有样式等都复制到了相应文件夹中,那么就要从首页开始修改了,因为路径不对,所以要修改
首先是头部的样式和js
按ctrl+f弹出查找替换对话框,然后找到样式
<link href="css/HeaderAndFooter.css" rel="stylesheet" />
查找替换成
<link href="{CSS_PATH}css/HeaderAndFooter.css" rel="stylesheet" />
同理图片就是{IMG_PATH}、{JS_PATH}注意的就是源代码中的格式,不要修改错了就好
(2)将头部和尾部单独拆出来
因为头部和尾部是每个页面都有的,所以都查出来便于后面的页面用一句话插入
先看看检查元素哪些是属于头部和尾部的,然后单独拆出来建立头部和尾部的html
插入头部信息:template是放模板的那个文件夹:content是template中的文件夹:header是拆除的头部文件
<!--头部拆除后加入头部拆除部分的语句-->
{template "content","header"}
插入尾部信息:和头部信息一样的说法
<!--尾部拆除后加入尾部拆除部分的语句-->
{template "content","footer"}
(3)开始慢慢的写吧3.1 先写头部信息
首先要先写入点东西
<title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
然后就是关于优化的
<meta name="keywords" content="{$SEO['keyword']}">
<meta name="description" content="{$SEO['description']}">
看下我的头部样式吧这里有栏目,这些在写的时候,不会是固定不变的,而是从后台遍历出来的
这个就和循环数组显示是一样的
{pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"} <!--category是栏目 catid是顶级栏目也就是一级栏目 -->
{loop $data $r} <!--这个就是和循环一样的用法--><br><br>
<!--这个是判断当前的栏目是不是被选中,如果选中就变颜色-->
{if $catid==$r[catid] || $top_parentid==$r[catid]}
<a href="{$r[url]}">
<div class="h-item select">{$r[catname]}</div><!--catname是栏目名称-->
</a>
<div class="h-item2">/</div>
{else}
<a href="{$r[url]}">
<div class="h-item">{$r[catname]}</div>
</a>
<div class="h-item2">/</div>
{/if}
{/loop}
{/pc}
栏目中还有一个“首页”要处理
<!--判断栏目的颜色显示-->
{if $top_parentid==0}<!--判断首页显示是不是首页-->
<a href="{siteurl($siteid)}">
<div class="h-item select">首页</div>
</a>
<div class="h-item2">/</div>
{else}
<a href="{siteurl($siteid)}">
<div class="h-item">首页</div>
</a>
<div class="h-item2">/</div>
{/if}
到此头部已经结束了~~~3.2 主体部分可以开始写了
(1)在主页中会有图片的,不可能是固定的所以也要进行后台的更换才可以,这样可以在后台建一个不在栏目显示的栏目,放图片,
在后台:内容----内容相关设置----栏目管理
单击添加栏目,弹出添加栏目对话框(在这里进行编写要添加的栏目内容,不要忘了修改模板设置啊)
然后就是选择 选择右边的添加的栏目,然后在选择
在弹出的窗口中进行编写
这样后台就修改结束了,接下来就是代码部分了
{pc:contentaction="lists" catid="16" order="id DESC" num="1"}
<!--lists是列表内容catid是这个显示在后台的栏目id-->
{loop $data $key $val}
<!--大图 开始-->
<div class="bigimg">
<img src="{$val[thumb]}" /> <!--thumb是指缩略图-->
</div>
<!--大图 结束-->
{/loop}
{/pc}
这样就可以在后台随意换图片了~(2)栏目的跳转,这里肯定是要跳转到相应的页面,所以要修改它的链接地址了,单击相应图片,进入相应页面
<div class="three-item"><br>
<!--这里的就是后天相对应的栏目id-->
<a href="{$CATEGORYS[11]['url']}"><!--$CATEGORYS[11]从这个数组中取索引-->
<img src="{IMG_PATH}images/three1.png" />
</a>
</div>
这个列子就够了,其他的链接直接相对应的修改就可以啦(3)关键字,标题等
写出一个例子,
{pc:contentaction="lists" catid="10" order="id DESC" num="6" moreinfo="1"}
{loop $data $key $val}
<div class="yxxm-item">
<a href="{$val[url]}">
<img src="{$val[thumb]}" /></a> <!--前面提过thumb是调的缩略图-->
<div class="yxxm-name">
项目名称:
<span>{$val[title]}</span> <!--title是图片中的标题位置-->
</div>
<div class="yxxm-user">
客户:
<span>{$val[keywords]}</span><!--keywords是图片中的关键字位置-->
</div>
<div class="yxxm-context">
功能:
<span style="width: 77%;">{$val[description]}</span><!--description是摘要部分-->
</div>
<div class="yxxm-context">
开发人员:
<span>
{php list($copyfrom) = explode('|',$val['copyfrom'])}<!--copyfrom是来源部分-->
{$copyfrom}
</span>
</div>
</div>
{/loop}
{/pc}
(4)分页的写法在属性的后面加上page属性就可以了,例如
<div class="list-title">{$CATEGORYS[$catid][catname]}列表</div>
{pc:contentaction="lists" catid="$catid" order="id DESC" num="2" page="$page"}<!--num是显示多少数据-->
{loop $data $key $val}
<div class="right-item">
<a href="{$val[url]}">
<div class="item-context">{$val[title]}</div>
</a>
<div class="item-time">{$val[inputtime]}</div>
</div>
{/loop}
{/pc}
<!--分页-->
<div class="paging">
{$pages}<!--记得这个属性-->
</div>
(5)添加友情链接首先是后台:模块----友情链接,在右边点击“添加内容”,进行添加链接内容
添加完成后,就进行遍历就好啦
{pc:linkaction="type_list" typeid="0" siteid="$siteid" linktype="1" order="listorder DESC" num="8" return="pic_link"}
{loop $pic_link $v}
<a href="{$v['url']}">{$v['name']}</a><!--遍历的-->
{/loop}
{/pc}
本文标签:
很赞哦! ()
上一篇:phpcmsV9常用调用标签整理
下一篇:phpcmsV9二次开发简明手册
相关教程
图文教程
PHPCMS搭建wap手机网站的方法
PHPCMS搭建PC端网站比较方便,但是在wap手机端方面却不怎么实用,而且自带的手机建站感觉不是很好,而且模版不好控制,现在对其进行修改,手机建站个人感觉比较方便
phpcmsV9升级至php7.1常见报错修复方法
最近将phpcmsV9升级至php7.1,中间踩过一些坑,这里列出来给大家参考下。1. 迁移至php7.1+mysql5.6+nginx的修改项目
phpcmsv9采集不能用的解决方法
phpcmsv9采集功能不能用怎么办?无法采集https的网站内容主要是https不支持file_get_contents获取内容,所以可以考虑采用curl的方式获取。(需要开启curl,可以在pathinfo里边查看)
phpcms后台验证码不显示的几种解决方法
方法一:检查主机环境,是否已经开启gd库可以用探针,或者检查php.ini文件,搜索extension=php_gd2.dll,检查前面是否有注释符号,去掉即可。
相关源码
-
(自适应)pbootcms家政服务保洁保姆打扫卫生网站模板下载本模板基于PbootCMS内核开发,为家政服务企业量身定制。设计风格温馨亲切,突出家政行业的专业与贴心服务特性,多方位展示企业服务项目与优势。查看源码 -
(PC+WAP)高端餐饮美食小吃加盟网站模板下载pbootcms本模板基于PbootCMS内核开发,为餐饮美食品牌加盟、小吃连锁企业量身打造。通过精致的美食视觉呈现与加盟业务流程展示,帮助餐饮企业建立专业线上门户,实现品牌形象与加盟业务的双重展示。查看源码 -
(自适应响应式)化妆美容口红唇膏化妆品模板pbootcms源码下载基于PbootCMS开发的响应式模板,为化妆品品牌、美容机构打造,通过优雅的视觉呈现提升产品展示效果与品牌调性。采用时尚杂志排版风格,色卡系统规范产品展示。微交互动画增强用户体验,智能推荐算法提升产品关联展示效果。查看源码 -
(自适应响应式)HTML5中小学早教教育机构类网站pbootcms模板下载基于PbootCMS内核开发的响应式模板,为早教中心、培训学校等教育机构打造,提供从技术架构到视觉呈现的全套网站建设方案。查看源码 -
(自适应手机端)seo博客网站模板新闻资讯网站源码下载本模板为SEO博客及新闻资讯类平台深度定制,采用PbootCMS内核开发。通过模块化设计实现多行业快速适配,仅需替换图文内容即可转型为医疗、教育、科技等领域网站。响应式布局确保在手机、平板等设备上获得一致浏览体验。查看源码 -
(自适应HTML5)响应式智能设备人工智能机器pbootcms源码免费下载这款基于PbootCMS开发的网站模板为人工智能和智能设备行业设计,采用现代化科技风格,突出产品的智能特性和技术创新。模板架构合理,功能完善,能够有效展示各类智能产品的核心功能和解决方案。查看源码
| 分享笔记 (共有 篇笔记) |
