-
[TOC]
## 1. 根据您的系统，选择您要使用哪种方式
##### 1.1 Windows 系统
如果您是windows系统，只懂那么一点点的html，你可以直接下载windows一键运行包即可快速使用
参考文档：[Windows 一键运行包](40829.html)
##### 1.2 如果您是Mac 系统 ，且懂Java开发
您需要按照以下步骤进行配置
1. [本地环境及 git 导入](40846.html)
2. [配置 Mysql 数据库](40847.html) 注意，您要开发模板，那这一步是要做的，不然每次运行时您的数据库都会被初始化为最初的，会丢失之前保存的数据。当然如果您只是看看功能而已，那这一步您不需要操作。
## 2. 通过引导安装系统
访问 http://localhost 即可进入安装引导页面，按照提示下一步、下一步、即可完成安装。(如果你是mac系统或通过ide开发环境跑的，那端口号是8080，就要带端口号访问了)
## 3. 登录网站管理后台
登录网址：/login.do
登录账号：wangzhan
登录密码：wangzhan
第一次登录网站管理后台后，系统会自动提示您是否使用引导，选择取消，不要使用引导。如下图所示
引导其实是方案三.使用云端现有模版，快速创建一个网站并上线为目的。 这里要自己从头做一个模板，所以选择不使用引导。
## 4. 进入模板开发插件
找到左侧的 [功能插件] - [模板开发] ,点击进入 ，如下图所示
## 5. 开始制作
参考文档： [网市场模板制作入门](40839.html)
-
[TOC]
这里，以最简单的流程，来帮你入门网市场云建站系统,仅做学习参考。
**前提：你要先开通一个新网站**
## 1. 相关资料下载
#### 教程中的html原始模板
[点此下载](http://cdn.weiunity.com/site/491/news/file/201805051525528911841013960.zip)
现有html模板共有三个页面：首页、关于我们、新闻列表。
这里，来演示将此html模板制作成网市场云建站系统所用模板的步骤
**注意**:要想按照一下步骤学习练习，此附件是必须下载的。
## 2. 抽取，创建模板变量
创建模板变量的目的，如：
很多页面中都有头部导航，如果导航中要增加一项，那么有导航的每个页面也要挨个改过来，页面很多，太麻烦。而做成模板变量，可以只需要改动模板变量即可。
页面中都是调用模板变量，也就不用再每个页面都去改了。
#### 2.1 查看html模板源代码
打开下载的 html模板 进行编辑，预览其源代码
找到 about.html 、 index.html 、 news.html 三个模板页面中，都共同有的 头部、尾部。
当然，这里不一定非得头部、尾部，**这里只是把相同的地方找出来**。
如下图所示：
#### 2.2 创建模板变量
将上面找到的相同的两处，分别保存成网市场云建站系统的模板变量。
登录网站管理后台，如下图：
同时，可以在变量名的后面说明中,已经指出,可以在模板页面中，使用 {include=变量名} 来进行调用，也就是，此名为 nav 的模板变量，可以在模板页面中，使用 {include=nav} 来直接调用。
这里，共创建了两个模板变量： nav、footer
注：模板变量名字可以自己随便起名，**限英文、数字、_(下划线)**
#### 2.3 改动模板页面
上一步我们创建了两个模板变量nav、footer，接下来，就可以将模板页面中的这两处，改成动态调用模板变量的。如下图所示：
其他两个 about.html、 news.html 也同样如此。
视频说明：
## 3. 创建首页
#### 3.1 创建首页的模板页面
网市场云建站系统中，新建一个模板页面，然后将 index.html 源代码直接复制到新建立的首页模板页面中，保存即可。
视频说明:
#### 3.2 生成整站，预览成果
然后点击 生成整站，生成网站静态html页面。如此，便可点击预览网站，进行预览刚做的首页了。步骤视频说明如下：
## 4. 创建关于我们页面
#### 4.1 创建关于我们的模板页面
关于我们页面，是一个内容展示性页面，向访客展示关于我们的图文内容。因此，在添加模板页面时，选择 **详情页模板** 。
关于我们的模板页面，主要是标题、正文的显示。
创建一个 关于我们模板页面 ,步骤视频说明如下:
#### 4.2 创建 关于我们 栏目
创建一个栏目，栏目名为 关于我们，并给此栏目选上刚创建的关于我们的模板页面。步骤视频说明如下：
#### 4.3 修改 关于我们 的内容，预览
创建一个栏目类型为独立页面的栏目后，会自动为这个栏目创建一条内容。
进入**内容管理**，选择关于我们栏目，编辑其内容。步骤视频说明如下：
**注意：修改内容并保存后，点击生成整站，预览才行。如果不修改内容，预览会报404**
## 5. 创建新闻列表页面
#### 5.1 创建 新闻列表 的模板页面
步骤视频说明如下:
#### 5.2 添加 新闻资讯 栏目
步骤视频说明如下:
#### 5.3 添加新闻资讯内容，并预览本栏目
步骤视频说明如下:
## 6. 修改导航栏菜单的链接网址
网站建立好后，导航栏需要将网址变为当前网站的。
每个栏目的网址，都是栏目代码 + .html 的组合，如，新闻资讯的栏目代码是 news ,则新闻资讯的网址为 news.html
首页则是固定的网址： index.html
步骤视频说明如下:
## 7. 设置全局变量
比如，页面底部的QQ群的群号，如果别人在实际使用这个模板做网站时，想要修改QQ群号，那还要点开**模板变量**，从html代码中找到QQ群号进行修改。但是如果使用者本身不懂HTML，在修改操作时是非常吃力的，需要一种对于不懂技术的人来说，更友好的修改方式。
这里就是演示 全局变量 的使用。全局变量便是当前网站模板体系中，可以随处调用的变量。可在**模版页面**、**模板变量**中，使用 {var.xxx} 将设定好的全局变量的值调出。
通过左侧 [模板管理] - [全局变量] ，进行管理。 如下图所示:
点击 添加**全局变量** 按钮，添加一个全局变量，将QQ群编辑的这个加上。 如下图所示
**注意**: 备注说明强烈建议写的详细点，比如普通文字录入，比如是要录入公司简介，那么备注里要加上建议填写字数，比如建议填写 80~100个字，这样用户就知道写多少了；又比如要上传LOGO图，要备注上需要上传图片的尺寸如 320*240，这样避免用户不知道上传多大的，随便上传一个导致失真，使网站展示美观效果降低。
上图中录入方式也是有多种，如最常用的文本录入、图片上传、下拉选择等方式，可以选择一种合适的录入方式。当然这里QQ群号就选择了文本录入的方式。
点击保存后，便可看到多了一条
如上图所示，点击编辑按钮，即可进行更改这个QQ群号了。
关于这个全局的更多具体使用，您可以新创建一个网站，然后导入模板编号为 lmyglm1 的模板，参考其全局变量的设置。 详细参考链接： [入门-开通及管理发布网站](40831.html)
## 注意事项
**模板变量不能嵌套，如 模板变量a 里面如果包含另一个 模板变量b ，那么 模板变量b 是不生效的**
-
[TOC]
进行这一步之前,首先要完成模板制作基础入门的学习,来保证能够完成接下来各部分内容
# 1.添加六条新闻
### **1.1** 第一步我们要找到**内容管理**中的**新闻资讯**点击添加信息,来添加新闻
如下图所示:
### **1.2** 添加完成后点击**保存**
如下图所示:
### **1.3** 按照上边步骤操作,添加完六条新闻后点击**生成整站**
如下图所示:
### **1.4** 在**系统设置**中点击**预览网站**后,可以点击**新闻列表**查看效果,正确添加后,效果如下图所示
# 2.对添加的六条新闻在首页进行调用
### **2.1** 找到**模板界面**中的首页,对首页进行编辑
如下图所示:
### **2.2** 点击**动态栏目**调用选项
如下图所示:
### **2.3** 找到并复制调用新闻的代码
```
```
### **2.4** 将代码复制到首页
如下图所示:
**注意:codeName后边的名字一定要改为自己定义新闻列表模板界面的名称;number后边的数字可以自己设定**
# 3.点击保存,生成整站,点击预览网站,成功之后效果如下图所示
如下图所示:
**我们可以看到,添加的六篇文章就被调用出来了,这样就完成了如何调用新闻**
-
[TOC]
在模板中，你可以方便得使用各种表单进行问题反馈记录。以下代码便是一个模板中，表单反馈的示例
# 1.模板中的表单提交
`````
`````
**注意事项**
1. 传递的 siteid 参数，以标识提交的反馈信息是提交到你自己的站点。这个参数是必须要传的。{site.id} 是在模板中动态调用你站点的编号。当然，你也可以将编号直接写上，写死。不过推荐是使用动态 {site.id} ，这样你的模板还方便导出后重复使用。
2. 传递的 title 参数也是必须传的，当访客提交表单后，你在管理后台所看到的反馈列表，列表的标题便是此处。
3. 以上表单中的所在城市、联系电话，是两个参考项，如果你有更多提交项，可以参考这两项增加即可。另外， input 的 name 属性中设置的文字，也是在网站管理后台中显示出来的。会如此显示 **name : value** ，另外，这几个自定义的 input 项的顺序，在后台中查看反馈信息的详情时，显示的顺序是一样的。
# 2.网站中的效果
成功之后的效果,如下图所示:
# 3.后台中查看反馈信息
提交多条信息之后,点击**功能插件**中的**表单反馈**,查看提交的信息
如下图所示:
点击其中一条进入，查看这条反馈信息的详情：
如下图所示:
# 4.示例演示
这里，有一个我们做好的模板，其中在页面的中间靠左位置，有一个 “课程预约” ， 可以做为参考
网址 [http://qiye11.wscso.com/jianjie.html](http://qiye11.wscso.com/jianjie.html)
-
[TOC]
在内容管理中，管理文章时，文章的录入项是固定的，比如标题、内容正文，但是有些特殊的栏目里，还需要录入更多的信息，比如姓名、年龄、性别、出生日期等，那显然是每一项都要用户单独进行录入，当前自带的录入项是不够用的，需要进行扩展。
可以使用 **模板管理 - 输入模型** 将内容输入项（字段）无限扩展！ （ v4.6 版本之后增加的功能）
这里以一个例子来进行演示其使用方式：
## 需求
这里就拿模板编号为 lmyglm1 的模板来做演示，目的是要在产品进行录入时，可以额外增加两项录入：产品规格、产品用途。
现在是这样的：
## 1. 确定要操作的栏目
上面需求中，需要操作的栏目是 产品中心 下的 单警防护装备区
## 2. 找到栏目使用的输入模型
进入栏目管理，找到栏目使用的输入模型
点击编辑图标，弹出编辑栏目窗口：
点击 **信息录入** 选项卡，切换到 **信息录入** 中
可以看到，输入模型使用的是 **product,产品**
(有的这里是显示默认输入模型)
## 3. 编辑输入模型
进入 **模板管理** 下的 **输入模型** 页面，如上图所示，点击这个模型代码是 product 的这条记录，进行编辑
（如果第二步看到的输入模型使用的是默认输入模型，这里你可以点击添加输入模型，添加一个新的）
点击修改后，即可看到如下页面
将这里面的这两处删除，如下图：
即可变成这样：
点击保存 （保存按钮在页面下面，页面往下滚动即可看到）
**扩展字段使用注意事项：**
1. input 标签的 name 必须以 “extend.” 开头，如年龄，则 name=“extend.age”
2. input 标签的 value 必须以 {news.extend. 开头，如年龄，则是 value=“”
## 4. 给栏目设置上输入模型
如果第二步中，已经有输入模型了，那这一步就不用设置了。如果第二步中没有输入模型，第三步你是新增的一个输入模型，那么这里你要进行一下操作，将栏目的输入模型选择上你增加的那个输入模型，然后保存修改。
## 5. 内容管理中，添加一条信息测试
即可看到，多了年龄这个输入项：
随便输入点内容，点击保存
这样，内容管理中就完成了对输入项的增加。你想多增加点其他什么输入项，就直接按照此步骤继续增加就行了。
## 6. 修改模板，网站中显示出这个信息
比如，让他在详情介绍里显示出来，首先要知道这个栏目的详情页面使用的是哪个模板，如下图所示，点击栏目管理-找到这个栏目点击修改
可以看到，内容模板所选的是 **productView,产品详情** , 关闭修改。
进入模板管理-模板页面，找到页面名字是 productView d的页面，点击修改，如下图：
点击修改，即可看到：
在{news.title}标题的下面，加上一行，如下图所示
点击保存修改，然后生成整站，访问网站，点开网站产品中心，找到添加的那个产品，点开看看效果：
如此，整个字段扩展示例完成。你想扩展什么字段，都可以用此方式进行扩展。
-
[TOC]
比如，客户看好了别人的一个网站 http://qiye1.wscso.com 找到你要做一个跟他一样的网站。
## 1. 使用 扒网站工具 下载
扒网站工具 下载及使用说明，参考 [http://www.templatespider.zvo.cn](http://www.templatespider.zvo.cn)
下载完后，即可得到规整的html模板。
（友情提示，请尊重原网站的知识产权，不要干坏事）
## 2. 给模板做上后台
根据第一步下载的html模板，给其用网市场云建站系统做上后台。具体操作可参考 [准备工作，本地调试环境准备](?sub_id=5851390)
## 完成
-
## 更换网市场云建站系统管理后台以及网站默认的图标
如上图所示，网市场云建站项目开启后，登陆系统后台时，都会默认显示我们的图标。此图标可以改动
图标文件所在路径：
如上图所示，找到项目根目录中的
> WEB-INF/classes/META-INF/resources/favicon.ico
换成你自己的即可。
注意，更换后浏览器缓存，看到的可能还是原先的，这时你需要换一台电脑试。
另外，如果你下载的是Windows一件运行包，这个路径在
> Tomcat8.5/webapps/ROOT/WEB-INF/classes/META-INF/resources/favicon.ico
如果你是开发者，这个图标就是springboot2的自定义图标。可以自行搜索查阅相关资料。
如果你懂Java，设置这个完全没问题
## 为某个网站自定义其图标
你建立的网站，如果你想自定义图标，可以直接使用HTML代码进行设置你的图标
````
````
如果你懂html，设置此处完全没问题。
## 没变过来？没生效？
如果没生效，缓存在捣鬼。
清除浏览器缓存重试。或者换个其他浏览器试试、又或者换个别的电脑没有打开过你网站的试试。
## 备注
上面的设置都是最基础的，只要是相关技术人员都可以进行设置的。如果你看不懂，或自己技术人员搞不定，**强烈建议**使用默认的即可！
如果你就是想换成自己的图标，可以使用我们的有偿帮助服务： https://www.leimingyun.com/pay.html
-
[TOC]
## 模板开发的方式
注意，此方式近 v4.7 及以上版本才可以使用。v4.7 以前的版本，请使用第二种方式。
请点击下载 Windows 一键运行包 [http://www.wang.market/down.html](http://www.wang.market/down.html)
下载后直接在本地运行起来，使用账号 wangzhan 密码 wangzhan 登陆网站管理后台
登陆成功后，在左侧功能菜单下，找到 功能插件 - 模版开发 ，点开根据其内步骤即可开发模版
这种方式开发导出的模板，可以在你线上系统中直接导入进行使用。导入方式要注意，它并不是在网站管理后台导入的，而是在总管理后台（admin账号）的功能插件下，有个模板库插件，是通过这里进行导入的。
## 放入第三方FTP的方式
模版中，通常会引入一些 js、css、图片等文件。
但是网市场云建站系统中，并没有提供这些 js、css 的上传方式。
你需要将这些资源文件单独上传到你自己的服务器上，比如你的 FTP 空间、云存储等。
在模版中，通过绝对路径，直接引入使用。
如果你安装的是开源版的服务器本身存储的方式，那么你还可以将你的资源文件放到
````
/mnt/tomcat8/webapps/ROOT/site
````
这个路径下，比如你给某某网站a做模板时，需要存放一些js跟css，那么你可以在site文件夹下，建立 a 文件夹，将js、css文件放进去 。
比如将 jquery.js 放到了 ````/mnt/tomcat8/webapps/ROOT/site/a/jquery.js```` 这个路径下，那么访问它时，便可以通过 ````http://cdn.yourInstallDomain.com/site/a/jquery.js```` 进行访问
-
**1**.注意变量名的命名规范 **限英文、数字、_(下划线)**
**2**.创建列表页和详情页时注意选择对应的模板
**4**.全局变量的意思是在整个网站都要出现的内容,比如电话,传真,联系人等,添加完成后我们可以直接改动全局变量,之后就可以改动整个网站相同的部分
**5**.**codeName** 后边的名字一定要改为自己定义新闻列表模板界面的名称;**number** 后边的数字可以自己设定
**6**.在建立表单界面时,可以修改部分文字内容,自己设定需要提交的内容
**7**.在进行列表页界面调用部分书写时,注意不要漏掉代码识别的标志
**8**.在功能插件-内容同步中互相绑定的网站,要想实现内容同步,**栏目名称**必须要保持一致
-
这个是避免第三方做好的模版中，会有些位置出现制作方的信息比如公司名字，可以将其改成自己的，或者进行一些别的调整，将调整好的模版上传到自己私有部署的私有模板库插件中进行使用。
## 1. 本地环境
可以参考 ： [准备工作，调试环境准备](cms.zvo.cn/40838.html) 先下载windows一键运行包，另外提前练习好 [准备工作，调试环境准备](40839.html) ,以熟悉模版制作流程
## 2. 第三方模版
将第三方提供的模版拿来，第三方模版也就是别人自己通过 网站管理后台 - 功能插件 - 模版开发 所开发好的，导出的模版，这个文件是 zip 后缀的，比如是这样的：
将其解压出来，如下：
## 2. 导入本地模版
如上图箭头所示，点击 “上传本地模版“ 按钮，然后选中这个后缀是 .wscso 的文件，进行导入，如下图
## 3. 功能插件-模版开发-改模版名
进入 功能插件-模版开发 ，给它重新起个属于你自己的名字，请注意看说明，起个跟你公司或姓名有关的模版标识，避免跟别人做的模版标识重了，不然如果有重，你做的这个会导入不了你的私有模板库
这里每个步骤里都会有相关说明，一定要认真看说明按照说明指示来进行，避免踩无谓的坑。如下图所示：
我名字叫管雷鸣，这里我把这个模版编码命名为跟我名字拼音首字母有关，以避免跟别人的命名重了
填好后点击保存按钮。
如果你点击保存按钮后出现创建失败的提示：
你需要按照提示说明，手动去创建这个目录
这里是我手动创建的这个目录：
创建完这个目录后，再次点击保存按钮，就发现保存成功了。
这时，你可以在第二步里看到这个路径：
## 4. 复制入资源文件
把第二步，第三方模版解压出来的文件，全部复制，粘贴到第三步中你新起的模版编码所产生的目录中，复制完后，将其中的 template.wscso 文件删除掉。 最后如下图所示：
## 5. 改动模版
这里就是你的最终目的了，你可以直接点开模版管理，对全局变量、模版变量、模版页面、输入模型等进行更改，改为你想要的样子。
## 6. 模版开发-其他设置
模版管理中的东西改完后，再进入 功能插件 - 模版开发， 将4、5、6、7、8等其余剩下的步骤完成。
其中的 第四步：设置模版首页预览图 ，你如果不想用原本人家第三方做模版提供的图，你也可以改上你喜欢的图。
剩下的就是根据提示进行填写，下一步、下一步、然后最后第八步，导出模版
点击 ” 导出模版 “ 按钮后，会直接下载一个zip的文件，这个就是导出的模版。 如下图所示
## 7. 导入自己私有模板库
私有模板库导入，可以参考：
https://www.wang.market/2534.html
## 注意
导入私有模板库的模版，也就是zip后缀的模版，它是可以对当前系统所有网站可见的，也就是你新开一个网站后，网站在选择模版时，就会看到你增加的这个模版。 也就是模版对于使用你私有部署的这个系统的人来说，是公开的。
网站管理后台中，模板管理-导出备份，也能导出一个模版文件，是 .wscso 后缀的，它仅仅只是网站管理后台中的模版页面、模板变量、输入模型、栏目 相关的设置，是不包含哪些图片了、css、js等静态资源文件的，也就是它仅仅只是为了方便用户可以快速创建别的网站进行将已经做好的网站复制一个一样的网站出来，因为它的权限仅仅只是网站管理员的身份，所以它就仅此而已，是不会跟私有模板库似的直接影响所有人的。
