Web Editor功能概述：

S7-200 SMART V2.6版本開始支持WEB server功能，但是只能在標準的WEB界面下對CPU進行操作。

為了Zui大化WEB功能獲得更好的易用性，S7-200 SMART V2.7版本支持用戶定制自己的Web頁面，開發了獨立的網頁界面編輯軟件Smart Web Editor（SWE）。

可實現像編輯HMI畫面一樣編輯網頁，并在軟件中集成了多種元素和組件供開發者編輯使用，極大地豐富了WEB server的使用場景。

安裝環境:

安裝路徑：

安裝步驟：

Web Editor軟件的安裝包，在官網下載的編程軟件壓縮包中，光盤的鏡像文件打開后可以發現如下四個文件夾

雙擊第三個文件夾，打開后有兩個文件夾和三個說明文檔。

因為安裝SWE需要64位JAVA 1.8以上的運行環境，所以在軟件安裝包中也集成了JAVA_INITIALIZER文件，具體安裝步驟如下

1. 以管理員權限登錄。

2. 在"SMART_WEB_EDITOR -> 01_JAVA_ INITIALIZER"路徑中選擇并雙擊"JAVA_INITIALIZER.exe"啟動安裝程序。按照顯示的說明指導步驟完成安裝。

3. 在"SMART_WEB_EDITOR -> 02_SWE"路徑中選擇并雙擊"setup.exe"啟動安裝程序。按照顯示的說明指導步驟完成安裝。

安裝成功后，軟件的圖標如下

基本操作:

新建項目，受CPU資源所限，建議不要選擇過大的分辨率，以免網頁文件超出限制。

支持的組件，Smart Web Editor提供的數據控件陳列在組件面標的“數據”欄。包括數據條、數據滑塊、數據值、開關按鈕、儀表盤和按鈕等組件。

其中儀表盤和數據條屬于“只讀”控件，即只能被用來展示CPU內部的數據，不能用來修改數據。

關聯變量，Smart Web Editor提供全局標簽與個人標簽兩種關聯組件的變量，如果選中“個人標簽”，設定僅適用于當前控件；如果選中“全局標簽”，當前控件綁定的屬性會引用“全局配置”里面的“標簽表。

圖片庫，Smart Web Editor中集成部分圖片庫，同時也支持用戶自行上傳不超過2M大小的圖片。

打包項目，SWE下載到CPU之前必須要打包項目。

打包完成后，文件夾里面出現一個名為“WEBRESOURCE.S7S”的文件夾和名為“S7_JOB.S7S”的文件。

注意：如果編輯的項目過大，Zui終打包后的項目大小超過了CPU支持的限制（2M）,打包會失敗

下載項目，在STEP 7-MicroWIN SMART的“下載”菜單選中“用戶定義網頁”。

在彈出的界面選擇自定義二進制文件和自定義網頁信息文件下載即可。

進入界面，操作方法與WEB SERVER的進入完全一致。

在組態了WEB服務器和證書后，在瀏覽器輸入CPU的IP地址、正確的賬戶號和密碼，在項目樹下點擊用戶自定義主頁即可進入界面。