2.模板文件结构

更新时间：2020-07-16 13:35:23 作者：米拓建站

##### 在制作模板之前，你还需要先了解MetInfo特有的目录结构，按规则放置网页文件、CSS文件、JS文件，这样程序才能够顺利读取到模板文件。

## 模板文件位置
打开MetInfo网站根目录，模板都放在根目录下的templates文件夹里面
![](../upload/202001/1579168740698341.jpg)

打开templates文件夹可以看到多个子文件夹，这里面的每个文件夹都是一套独立完整的网站模板
![](../upload/202001/1579168812533509.jpg)
**如果你是一个在[metinfo](http://www.metinfo.cn/download/ "metinfo")官网直接下载的免费安装系统，那么系统里面将默认有一套metv7的模板**

## 模板文件结构
接下来我们需要了解标签模板文件夹里面的文件结构
![](../upload/202001/1579168877108011.png)

到这里，我们需要认识一下文件结构

| 名称  | 类型  | 说明  |
| ------------ | ------------ | ------------ |
| ajax  |  文件夹 |  所有列表页内容，其中包括文章模块，产品模块，图片模块，下载模块，招聘模块，留言模块，搜索模块 |
| cache  | 文件夹   | 存放css，js的缓存文件  |
|  install |  文件夹 | 存放标签配置(参数)的地方  |
|  static | 文件夹  | 存放css，js文件 |
| 404.php  | 文件  |  404页面，如果需要自定义，预览方式是在后台修改网站网址，会重新生成404页面。 |
| config.json  | 文件  |  css,js配置文件，用来引用系统文件css,js的 |
| download.php  | 文件  |  下载模块列表页面 |
| feedback.php  | 文件  |  反馈表单页面 |
|  foot.php | 文件  |  底部文件，里面编写底部信息、底部导航代码等，所有的页面都会调用。 |
| head.php  | 文件  |  头部文件，里面编写网站LOGO、导航、Banner等，所有的页面都会调用。 |
|img.php   |  文件 |  图片模块列表页面 |
|  index.php |  文件 |  首页文件，里面编写首页内容部分的代码，引用了头部和底部文件。 |
| job.php  | 文件  |  招聘模块列表页 |
| message_index.php  | 文件  |  留言系统表单和留言列表页面 |
|   metinfo.inc.php| 文件  |  模板引擎，可用来区分是ui模板还是标签模板 |
|  news.php |  文件 |  文章模块列表页面 |
| position.php  |  文件 |  网站位置 |
| product.php  | 文件  |  产品模块列表页 |
| search.php  |  文件 |  搜索模块列表页 |
|  show.php | 文件  |  简介模块详情页面 |
| showdownload.php  | 文件 |   下载模块详情页|
| showimg.php  | 文件  | 图片模块详情页  |
| showjob.php  |  文件 |  招聘模块详情页 |
| shownews.php  |  文件 | 新闻模块详情页  |
| showproduct.php  |  文件 | 产品模块详情页  |
| sitemap.php  |文件  | 网站地图页面  |
|subcolumn_nav.php   | 文件  |  内页二级栏目导航 |
|  view.jpg |文件   |  模板风格后台预览图 |

按照上面表格中的文件说明，需要什么就复制什么到自己的模板文件夹下修改即可。

**注意：请勿直接修改或删除 模板文件夹里面的文件，程序升级有可能需要覆盖。**

文档中心

米拓学堂

帮助中心

在线交流

{"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"}