码迷,mamicode.com
首页 > Web开发 > 详细

phpcms流程

时间:2016-12-06 01:52:26      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:phpcms   项目   图片   文件   管理   9.png   install   color   选择   

 

一.把需要做的模板引入带phpcms文件夹:(需要index.html(主体),header(页头),footer.html(页尾))

技术分享

二.进入后台设置选项:(点击站点管理->修改;选择你要选用的模板)

技术分享

三.进入后台内容模型管理设置:选择你要选用的模板

技术分享

四.进入后台内容管理栏目设置:选择你要选用的模板

技术分享

五.缓存生成首页:改路径(在index.html的当前目录下有几个文件夹,就换几个路径)

把首页(index.html拆分成(index.html,header.html,footer.html))

1.把首页里面的菜单的div剪切到header.html里面,把页脚拿到footer.html里面(样式都放在原index里即可)

2.再把header和footer引入到拆分的index.html里面,在index里面header出现的位置写入{template "content","header"},即可把header.html引入到index.html里面;在页脚出现的位置写入{template "content","footer"}

3.替换路径:js、css用{JS_PATH}(JS路径在后台->设置->基本设置)

 {JS_PATH} = http://localhost/phpcms/install_package/statics/js/ ;

技术分享

至此页面可正常显示,下面来连接后台;

六:连后台,显示动态:

轮播:(广告模块:不点击跳页面;bootstrap)

1.增加一个栏目(图片模型)

技术分享
2.管理内容里面增加三个内容(图片模型)
技术分享

3.index.html

<!--轮播小图标出现位置-->
            {pc:content  action="lists" catid="21" order="id ASC" num="3"}    //升降序要一致
            {loop $data $key $val}
            {if $key==1}
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            {else}
                    <li data-target="#myCarousel" data-slide-to="0"></li>
            {/if}
            {/loop}
            {/pc}
        </ol>   
        <!-- 轮播(Carousel)项目 -->
        <div class="carousel-inner">
        
            <!--轮播出现的位置-->
             {pc:content action="lists" catid="21" order="id ASC" num="3"}    //升降序要一致
            {loop $data $key $val}
            {if $key==1}
            <div class="item active">
                <img class="img_lunbo" src="{$val[‘thumb‘]}"  alt="First slide">
            </div>
            {else}
            <div class="item">
                <img class="img_lunbo" src="{$val[‘thumb‘]}" alt="First slide">
            </div>
            {/if}
            {/loop}
            {/pc}

                       
        </div>

 

 

phpcms流程

标签:phpcms   项目   图片   文件   管理   9.png   install   color   选择   

原文地址:http://www.cnblogs.com/cuizhenyu/p/6135686.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!