整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
習(xí)如何在不使用 WebMatrix 的情況下發(fā)布 Web Pages 應(yīng)用程序。
在不使用 WebMatrix 的情況下發(fā)布您的應(yīng)用程序
通過(guò)在 WebMatrix（或者 Visual Studio）中使用發(fā)布命令，可以發(fā)布一個(gè) ASP.NET Web Pages 應(yīng)用程序到遠(yuǎn)程服務(wù)器上。
此功能會(huì)復(fù)制所有您的應(yīng)用程序文件、cshtml頁(yè)面、圖像以及用于 Web Pages、Razor、Helpers、SQL Server Compact（如果使用數(shù)據(jù)庫(kù)）所有必需的 DLL 文件。
有時(shí)您不想使用 WebMatrix 發(fā)布您的應(yīng)用程序。也許是因?yàn)槟耐泄芊?wù)提供商只支持 FTP，也許您已經(jīng)有一個(gè)基于經(jīng)典 ASP 的網(wǎng)站，也許您想自己復(fù)制所有的文件，也許您想使用 Front Page、Expression Web 等其他一些發(fā)布軟件。
您會(huì)遇到問(wèn)題嗎？是的，會(huì)的。但是您有辦法解決它。
要執(zhí)行網(wǎng)站復(fù)制，您必須知道如何引用正確的文件，哪些 DLL 文件需要復(fù)制，并在何處存儲(chǔ)它們。
請(qǐng)按照下列步驟操作：
1. 使用最新版本的 ASP.NET
在您繼續(xù)操作之前，請(qǐng)確保您的主機(jī)運(yùn)行的是最新版的 ASP.NET（4.0 或者 4.5）。
2. 復(fù)制 Web 文件夾
從您的開(kāi)發(fā)計(jì)算機(jī)上復(fù)制您的網(wǎng)站（所有文件夾和內(nèi)容）到遠(yuǎn)程主機(jī)（服務(wù)器）上的應(yīng)用程序文件夾中。
如果您的應(yīng)用程序中包含數(shù)據(jù)，不要復(fù)制數(shù)據(jù)（詳見(jiàn)下面的第 4 點(diǎn)）。 |
TML頁(yè)面功能的使用（Webserver）:
通過(guò)SIMATIC HMI 面板集成的HTML頁(yè)面功能將HMI設(shè)備組態(tài)為HTTP服務(wù)器，實(shí)現(xiàn)PC端與精智面板之間的文件傳遞等功能。
1. 功能組態(tài)
需注意：HTML頁(yè)面功能僅支持精智面板（Comfort Panel）和二代移動(dòng)面板（2nd Mobile Panel）。
在觸摸屏項(xiàng)目"運(yùn)行系統(tǒng)設(shè)置"的“服務(wù)”中激活HTML頁(yè)面功能:
2. 功能設(shè)置
把要監(jiān)控的數(shù)據(jù)在 觸摸屏變量表里找到屬性勾選優(yōu)良生產(chǎn)規(guī)范;
下載項(xiàng)目至實(shí)際硬件后，在觸摸屏控制面板的“WinCC Internet Settings”中會(huì)增加"Web Server"選項(xiàng); win+c 可以進(jìn)入觸摸屏設(shè)置;
在"Tag authenticate"組中確定訪問(wèn)服務(wù)器操作設(shè)備變量的驗(yàn)證方式，“No authentication”為無(wú)需驗(yàn)證，“Authentication required”為訪問(wèn)需要密碼。
在“Tag acces”組中確定訪問(wèn)服務(wù)器操作設(shè)備變量的方式，“Read/write”為讀取訪問(wèn)和寫訪問(wèn)，“Read Only”為讀取訪問(wèn)。
點(diǎn)擊“User Administration”按鈕進(jìn)入“UserDatabase-Edit”界面，如下圖所示。自行設(shè)置默認(rèn)用戶“Administrator”的密碼和確認(rèn)密碼，密碼和確認(rèn)密碼必須保持一致。如果需要登錄新的用戶，可以點(diǎn)擊"New"按鈕新建用戶，同時(shí)輸入用戶名和密碼后，點(diǎn)擊“Apply”確認(rèn)設(shè)置。
3. 功能使用
在PC端使用瀏覽器進(jìn)行訪問(wèn)，在瀏覽器地址欄中輸入https://觸摸屏的IP地址，例如：https://192.168.101.120。輸入設(shè)置的用戶名和密碼。需注意：用戶名是區(qū)分大小寫的。如果需要瀏覽外部存儲(chǔ)介質(zhì)的文件，例如下載或者上傳文件，點(diǎn)擊“File Browser”就可以看到存儲(chǔ)介質(zhì)。
HTML是用來(lái)開(kāi)發(fā)網(wǎng)頁(yè)的，它是開(kāi)發(fā)網(wǎng)頁(yè)的語(yǔ)言
全稱HyperText Mark-up Language，超文本標(biāo)記語(yǔ)言
標(biāo)記就是標(biāo)簽
<標(biāo)簽名稱></標(biāo)簽名稱> 比如 <html></html> <h1></h1>等，標(biāo)簽大多數(shù)都是成對(duì)出現(xiàn)的。
超文本 兩層含義：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>網(wǎng)頁(yè)標(biāo)題</title>
</head>
<body>
網(wǎng)頁(yè)顯示內(nèi)容
</body>
</html>第一行<!DOCTYPE html>是文檔聲明
用來(lái)指定頁(yè)面所使用的html的版本, 這里聲明的是一個(gè)html5的文檔
<html>...</html>標(biāo)簽是開(kāi)發(fā)人員在告訴瀏覽器
整個(gè)網(wǎng)頁(yè)是從<html>這里開(kāi)始的，到</html>結(jié)束
也就是html文檔的開(kāi)始和結(jié)束標(biāo)簽
<head>...</head>標(biāo)簽用于定義文檔的頭部
是負(fù)責(zé)對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)置標(biāo)題、編碼格式以及引入css和js文件的
<body>...</body>標(biāo)簽是編寫網(wǎng)頁(yè)上顯示的內(nèi)容
網(wǎng)頁(yè)文件的后綴是.html, 一個(gè)html文件就是一個(gè)網(wǎng)頁(yè)，html文件用編輯器打開(kāi)顯示的是文本，可以用文本的方式編輯它，如果用瀏覽器打開(kāi)，瀏覽器會(huì)按照標(biāo)簽描述內(nèi)容將文件渲染成網(wǎng)頁(yè)
VS Code全拼是 Visual Studio Code 是由微軟研發(fā)的一款免費(fèi)、開(kāi)源的跨平臺(tái)代碼編輯器
目前是前端(網(wǎng)頁(yè))開(kāi)發(fā)使用最多的一款軟件開(kāi)發(fā)工具
下載網(wǎng)址: https://code.visualstudio.com/Download
選擇對(duì)應(yīng)的安裝包進(jìn)行下載:
安裝一切默認(rèn)
1 標(biāo)簽不區(qū)分大小寫，但是推薦使用小寫
2 根據(jù)標(biāo)簽的書寫形式，標(biāo)簽分為雙標(biāo)簽(閉合標(biāo)簽)和單標(biāo)簽(空標(biāo)簽) 2.1 雙標(biāo)簽是指由開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽組成的一對(duì)標(biāo)簽，這種標(biāo)簽允許嵌套和承載內(nèi)容，比如: div標(biāo)簽 2.2 單標(biāo)簽是一個(gè)標(biāo)簽組成，沒(méi)有標(biāo)簽內(nèi)容， 比如: img標(biāo)簽
標(biāo)簽的使用形式
列表標(biāo)簽
網(wǎng)頁(yè)效果
表格標(biāo)簽
<table>標(biāo)簽：表示一個(gè)表格
<tr>標(biāo)簽：表示表格中的一行
<td>標(biāo)簽：表示表格中的列
<th>標(biāo)簽：表示表格中的表頭
屬性設(shè)置
border: 1px solid black:設(shè)置邊框和顏色
border-collapse: collapse:設(shè)置邊框合并
網(wǎng)頁(yè)效果
表單標(biāo)簽
表單用于搜集不同類型的用戶輸入的數(shù)據(jù)，然后可以把用戶數(shù)據(jù)提交到web服務(wù)器
<form>標(biāo)簽 表示表單標(biāo)簽，定義整體的表單區(qū)域
一個(gè)表單中有很多信息組成,比如 姓名,愛(ài)好,地址等,這些內(nèi)容有很多其他標(biāo)簽來(lái)承載
這些標(biāo)簽稱為表單元素標(biāo)簽
網(wǎng)頁(yè)效果
表單用于搜集不同類型的用戶輸入的數(shù)據(jù)，然后可以把用戶數(shù)據(jù)提交到web服務(wù)器
兩種方式的區(qū)別:
表單元素屬性設(shè)置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!--
姓名 type="text" 定義單行文本輸入框
密碼 type="password" 定義密碼輸入框
性別 type="radio" 定義單選框
愛(ài)好 type="checkbox" 定義復(fù)選框
照片 type="file" 定義上傳文件
個(gè)人描述 <textarea></textarea> 定義多行文本輸入框
地址 <select></select> 定義下拉列表
提交 type="submit" 定義提交按鈕
重置 type="reset" 定義重置按鈕
按鈕 type="button" 定義一個(gè)普通按鈕
-->
<form action="http://192.168.1.106:8080" method="POST">
<label>姓名:</label>
<input type="text" name="username" >
<br>
<label>密碼:</label>
<input type="password" name="password">
<br>
<label>性別:</label>
<input type="radio" name="sex" value="1">男
<input type="radio" name="sex" value="0">女
<br>
<label>愛(ài)好:</label>
<input type="checkbox" name="like" value="睡覺(jué)">睡覺(jué)
<input type="checkbox" name="like" value="吃飯">吃飯
<input type="checkbox" name="like" value="打豆豆">打豆豆
<br>
<label>照片:</label>
<input type="file" name="pic">
<br>
<label>個(gè)人描述:</label>
<textarea name="desc"></textarea>
<br>
<label>地址:</label>
<select name="addr">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">廣州</option>
<option value="4">深圳</option>
</select>
<br>
<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="button" value="按鈕">
</form>
</body>
</html>
點(diǎn)擊提交：
可以看到服務(wù)器收到了請(qǐng)求報(bào)文。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
