导航
模板制作首页
系统使用
插件使用
米拓商城
模板制作
应用开发
系统开发
https://doc.metinfo.cn/mb/
1
模板制作首页
商业模板修改教程
2.核心知识
2.2.页面和UI引用
更新时间：2020-01-17 16:17:41
作者：米拓建站
## 页面结构 米拓商业模板，一个页面是由多个UI区块和页面文件组成，用`sublime`软件打开`站点templates/米拓商业模板/index.php`文件,如图  - 首页文件使用`include`标签调用了当前模板根目录下的头部文件`head.php`和`foot.php`，使用`ui`标签调用了几个区块的php文件。 - `include`标签：调用当前模板根目录下的文件。 参数：`file`-文件名称；`page`-调用head.php时专用，定义当前页面生成的js、css文件名称。 - `ui`标签：调用当前模板根目录下`UI`文件夹中的区块文件。 参数：`name`-UI名称；`style`-UI编号；`id`-安装编号（唯一值，不能和其他UI标签重复）。 模板文件后缀是.php，但可直接在页面中编写html代码，在页面HTML代码部分，比如在第二行回车输入（ 你好！ ），然后保存文件，保存的文件格式必须是UTF-8，否则会出现乱码。（`sublime`左上角的文件→另存为→选择模板文件夹的路径，编码设置成 UTF-8 保存并覆盖）。 --- ## 页面和UI引用 - ### 页面引入语法 ```html <include file="head.php" page="index" ></include> 属性： file：引入的页面文件名 page：当前页面文件名（当引入的页面文件名为头部文件head.php时，定义此属性） ``` - ### UI引入语法 ```html <ui name="top_img_bottom_text" style="met_07_1" id="377" ></ui> 属性： name：UI分类 style：UI编号 id：模板制作时引入UI时的id ``` `UI引入语句是模板制作过程中由系统生成的，不能更改。`
上一篇
: 4.4.删除区块
下一篇
: 4.5.修改区块
文档中心
米拓学堂
帮助中心
在线交流
{"status":1,"html":"<style type=\"text\/css\">\r\n.onlinebox_three{border:2px solid;}\r\n.onlinebox_three .onlinebox_three_list{width: 160px;padding: 10px 0px;}\r\n.onlinebox_three .online-item{margin-bottom: 5px; padding: 0px 17px; position: relative;display: block;color: #666;}\r\n.onlinebox_three .online-item:last-child{margin-bottom: 0px;}\r\n.onlinebox_three .online-item:hover{background: #f8f8f8;}\r\n.onlinebox_three .online-item i{font-size: 16px;}\r\n.onlinebox_three .onlinebox-open{font-size: 22px;display:none;cursor: pointer;padding: 0 10px; font-size: 18px; line-height: 40px;}\r\n.onlinebox.min .onlinebox-open{display:block;padding:0 10px;background:#444;font-size:18px;line-height:40px;color:#fff}\r\n.onlinebox .onlinebox-min{position: relative;top:-4px;}\r\n@media (max-width: 767px){\r\n.onlinebox_three .online-item{font-size: 12px;padding-top: 6px;}\r\n.onlinebox_three .online-item i{font-size: 14px;}\r\n}\r\n<\/style>\r\n<div id='onlinebox' class=\"onlinebox onlinebox_three hide\" m-type='online' m-id='online' style=\"border-color:#1baadb;\">\r\n <div class=\"onlinebox-open\" style=\"background:#1baadb;\"><i class=\"fa fa-comments-o\"><\/i><\/div>\r\n <div class=\"onlinebox-box\">\r\n <div class=\"onlinebox-top\" style=\"background:#1baadb;\">\r\n <div class=\"onlinebox-top-btn font-size-26\">\r\n <a href=\"javascript:;\" class=\"onlinebox-close\" title=\"\">×<\/a>\r\n <a href=\"javascript:;\" class=\"onlinebox-min\">-<\/a>\r\n <\/div>\r\n <h4>在线交流<\/h4>\r\n <\/div>\r\n <div class=\"met-editor onlinebox-bottom p-x-10 p-y-5\"><p style=\"text-align: center;\">\r\n <img src=\"..\/upload\/202001\/1579417409303256.png\" data-width=\"120\" width=\"120\" data-height=\"120\" height=\"120\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n 微信公众号\r\n<\/p>\r\n<p style=\"text-align:center;\">\r\n <img src=\"..\/upload\/202001\/1579417452544806.png\" data-width=\"150\" width=\"150\" data-height=\"150\" height=\"150\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n QQ交流群\r\n<\/p><\/div>\r\n <\/div>\r\n<\/div>","t":"4","x":"10","y":"130"}