巅云建站系统V8自定义模块和增加模块风格定制方法教程

视频教程：

系统模板架构： 模块-》拼成网页-》多个网页导成模板，巅云并不是直接导入自己写代码设计的网页到模板哦

当系统内置模块没有你需要的功能时或者模块的风格没有你想要的风格时，你就需要定制风格或定制新模块。

系统运行逻辑：

1、入口文件/public/index.php 调用默认应用的默认方法:/app/index/controller/index.php 读取页面所有模块（没有传递面参数时会读取系统后台设置的默认语言，再读取栏目中默认语言对应的首页，所以必须有默认语言和对应语言的首页），通过模块PHP处理文件: /app/api/controller/Pagenotes.php  下的 公共 getContent()方法分别处理拿到每个模块的HTML代码,最后/app/index/controller/index.php 调用模板/app/index/view/index.html展示出网页。

2、getContent()方法switch ($note['type']) 判断模块类型名做对应处理，该读数据库的读库，然后View::assign()方法分配读到的数据到前端，View::fetch()读取模块模版文件并赋值数据，最终解析html代码通过$content变量返回给模块。

//注分配读到的数据到前端

View::assign(['list'=>$list,'options'=>$note['options']]);

//读取模块对应自己的模版 注：模块的模板目录在/app/index/view/moduletype/目录

  $content=View::fetch('index@moduletype/new_div'); 

3、模块模板文件通用多风格前端html代码示例，以文件列表为例

//可视化设计-设置面板里-属性栏里用户所有选择参数$options数组，判断用户如果选了风格tp_style参数值

//说明： {{}}为tp6模板语言，可以进行判断逻辑和遍历循环等操作，  设置面板里所有参数$options数组，判断用户如果选了风格tp_style参数值

{{if isset($options['tp_style']) && $options['tp_style']}} 

    {{switch name="$options['tp_style']"}}

        //说明：风格一示例

        {{case value="1"}}

            //说明： 该区域支持HTML,CSS,JS，     

                //说明： 用a标签循环列表的文章 

                {{volist name="$list" id="vo"}}

•               {{$vo.title}}

                {{/volist}}

                //说明： 循环结束 

                //说明： 模块分页 

                {{if isset($options['pagination']) && $options['pagination']}}{{$list|raw}}{{/if}}

                //说明： 模块结束 

        {{/case}}

        //说明：风格一结束

        //说明：风格2

        {{case value="2"}}

        {{/case}}

        //说明：风格2结束

        //说明：其它风格.......

        {{default /}}

    {{/switch}} 

{{else}}

   //说明： 默认风格的代码 

{{/if}}

模块类型定义：

// +----------------------------------------------------------------------

// | 模块类型定义  文件程序目录下/config/moudletype.php

// +----------------------------------------------------------------------

    ['name'=>'区域模块','type'=>'box'],    

   ['name'=>'选项卡','type'=>'tab'],

   ['name'=>'背景色块','type'=>'div'],

   ['name'=>'公用底部','type'=>'footer'],

   ['name'=>'客服面板','type'=>'kefu','controller'=>'Kefu'],

   ['name'=>'位置导航','type'=>'position'],

   ['name'=>'图片轮播','type'=>'banner'],

    ['name'=>'图片滚动','type'=>'zhoumadeng'],

    ['name'=>'图片单图','type'=>'onepic'],

    ['name'=>'网站LOGO','type'=>'logo'],

   ['name'=>'九宫格','type'=>'sudoku'],

   ['name'=>'网址二维码','type'=>'urlewm'],

    ['name'=>'视频VIDEO','type'=>'video'],

     ['name'=>'音频AUDIO','type'=>'audio'],

     ['name'=>'背景音乐','type'=>'audiobg'],

   ['name'=>'返回顶部','type'=>'gotop'],

   ['name'=>'天气预报','type'=>'tianqi'],

   ['name'=>'日期时间','type'=>'date'],

   ['name'=>'四格广告','type'=>'ad4','controller'=>'ad'], 

   ['name'=>'文字模块','type'=>'text'],

   ['name'=>'按钮弹出图片','type'=>'button_showpic'],

   ['name'=>'按钮弹出下拉','type'=>'button_showurl'],

   ['name'=>'文字按钮','type'=>'button'],

  ['name'=>'分隔线','type'=>'auxiliar'],

    ['name'=>'数字变化','type'=>'timeline'],

    ['name'=>'当前城市名','type'=>'cityname','controller'=>'area'],

   ['name'=>'栏目菜单','type'=>'menu','controller'=>'menu'],

   ['name'=>'子级菜单','type'=>'menu_child','controller'=>'menu'],

   ['name'=>'语言切换','type'=>'langage','controller'=>'langage'],

   ['name'=>'自动翻译','type'=>'auto_lang','controller'=>'langage'],

   ['name'=>'商城底部菜单','type'=>'menu_footer'],

   ['name'=>'自定底部菜单','type'=>'my_menu_footer'],

   ['name'=>'友情链接','type'=>'frend_link','controller'=>'flink'],

   ['name'=>'城市列表','type'=>'area_list','controller'=>'area'],

   ['name'=>'城市筛选','type'=>'area_chooese','controller'=>'area'],

   ['name'=>'新闻列表','type'=>'news_list','controller'=>'news'],

   ['name'=>'新闻分类','type'=>'news_cate','controller'=>'news'],

   ['name'=>'新闻搜索','type'=>'news_search'],

   ['name'=>'新闻详情','type'=>'news_detail'],

   ['name'=>'新模块','type'=>'new_div'],

     ['name'=>'新闻详情(门户)','type'=>'info_news_detail'],  

   ['name'=>'产品楼层','type'=>'goods_floor','controller'=>'category'],  

   ['name'=>'产品列表','type'=>'goods_list','controller'=>'Goods'],  

   ['name'=>'产品分类','type'=>'goods_cate','controller'=>'category'],  

   ['name'=>'导航产品分类','type'=>'goods_cate_nav','controller'=>'category'],  

   ['name'=>'商品SKU分类','type'=>'goods_sku','controller'=>'standard'],  

   ['name'=>'商品详情','type'=>'goods_detail'],

   ['name'=>'热销产品','type'=>'goods_hotsale','controller'=>'Goods'],  

   ['name'=>'秒杀商品','type'=>'seckill','controller'=>'Promotion'],  

   ['name'=>'团购商品','type'=>'regiment','controller'=>'Promotion'],  

   ['name'=>'砍价商品','type'=>'bargain','controller'=>'Promotion'],  

   ['name'=>'拍卖商品','type'=>'paimai','controller'=>'Promotion'],  

   ['name'=>'产品搜索','type'=>'goods_search'],

   ['name'=>'注册登陆','type'=>'user'],

   ['name'=>'优惠券','type'=>'coupons','controller'=>'coupons'],  

   ['name'=>'购物车','type'=>'cart'],

   ['name'=>'自定义表单','type'=>'form','controller'=>'Form'],  

   ['name'=>'视频分类','type'=>'video_cate','controller'=>'Assembly_category'],  

   ['name'=>'视频列表','type'=>'video_list','controller'=>'Assembly'],  

   ['name'=>'问答分类','type'=>'know_cate','controller'=>'Assembly_category'],  

   ['name'=>'问答列表','type'=>'know_list','controller'=>'Assembly'],  

    ['name'=>'论坛分类','type'=>'bbs_cate','controller'=>'Assembly_category'],  

   ['name'=>'论坛列表','type'=>'bbs_list','controller'=>'Assembly'],  

    ['name'=>'图片分类','type'=>'photo_cate','controller'=>'Assembly_category'], 

   ['name'=>'图片列表','type'=>'photo_list','controller'=>'Assembly'],  

     ['name'=>'下载分类','type'=>'download_cate','controller'=>'Assembly_category'], 

   ['name'=>'下载列表','type'=>'download_list','controller'=>'Assembly'],  

     ['name'=>'分类信息分类','type'=>'info_cate','controller'=>'Assembly_category'], 

   ['name'=>'分类信息列表','type'=>'info_list','controller'=>'Assembly'],  

     ['name'=>'音频分类','type'=>'audio_cate','controller'=>'Assembly_category'], 

   ['name'=>'音频列表','type'=>'audio_list','controller'=>'Assembly'],  

    ['name'=>'文集分类','type'=>'novel_cate','controller'=>'Assembly_category'], 

   ['name'=>'文集列表','type'=>'novel_list','controller'=>'Assembly'],  

   ['name'=>'信息详情','type'=>'info_detail'],

    ['name'=>'会员主页列表','type'=>'home_list','controller'=>'Assembly'],  

    ['name'=>'发布信息','type'=>'release'],

    ['name'=>'门户底部菜单','type'=>'info_footer'],

     ['name'=>'信息搜索','type'=>'info_search'],

     ['name'=>'模板列表','type'=>'idc_template','controller'=>'Idc'],  

     ['name'=>'水平线','type'=>'hr'],