整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
eb服務是.net中讓人激動的部分，幾乎所有你能叫出名字的服務都有一些執行服務器端代碼的機制：正巧每種語言都一個類庫，因此在HTTP中生成一個GET請求變得很簡單，解析出XML也有了些捷徑。
這種方案給你提供了一種跨平臺，跨語言，跨廠商乃至一切的方法，只要它們都在INTERNET上或是以其他的方式相連，我們就可以在某個程序的代碼中調用另外一個完全不同的機器上的代碼。
這就是隱藏在WEB服務背后的基本觀念。使用類似于WEB服務描述語言（說 wizdle會更酷一些）開發有一定的標準，它們涵蓋了這些技術細節。
如果你用Visual Studio.NET創建一個WEB服務，它將滿足這些標準。如果你只是需要WEB服務，而不管它是如何創建的，通過Visual Studio.NET，你會發現借用他人的代碼是如此簡單。
編寫一個WEB服務
為了編寫一個WEB服務，你至少要用一種方法寫一個類。這個類必須有WebService屬性，方法也要有WebMethod屬性。WEB方法能夠接受和返回任何可用的類型，包括你定義的對象實例。它們能做任何事情：維護數據庫數據的內外一致性，做任何形式的運算，甚至調用另外一個WEB方法來完成任務。
在Visual Studio.NET中創建一個新工程。在Visual C++工程模板中，選擇可管理的WEB服務。修改后是：
＜@ WebService Class=Calculator.CalculatorService %＞
我獲得了一個叫做HelloWorld()的方法，把它改成Add()很簡單——我僅僅更改了.cpp文件和.h文件的名稱，改變了簽名以便它能夠接受浮點數，然后加了些代碼以返回和。
類聲明的結束部分：
using <System.Web.Services.dll>
using namespace System;
using namespace System::Web;
using namespace System::Web::Services;
namespace Calculator
{
public __gc
class CalculatorService : public WebService
{
public:
[System::Web::Services::WebMethod]
double Add(double x, double y);
};
}實現的部分:
#include "stdafx.h"
#include "Calculator.h"
#include "Global.asax.h"
namespace Calculator
{
double CalculatorService::Add(double x, double y)
{
return x + y;
}
}
#include <iostream>using namespace std;
int main (){
cout << "Content-type:text/html\r\n\r\n";
cout << "<html>\n";
cout << "<head>\n";
cout << "<title>Hello World - 第一個 CGI 程序</title>\n";
cout << "</head>\n";
cout << "<body>\n";
cout << "<h2>Hello World! 這是我的第一個 CGI 程序</h2>\n";
cout << "</body>\n";
cout << "</html>\n";
return 0;}使用WEB服務
寫一個WEB服務相當簡單：你只需要一個類屬性，一個方法屬性和calculator.asmx文件，而這三個都由Visual Studio生成。
最簡單的方法是鍵入URL到Calculator.asmx然后按回車。你會看到和以前運行WEB服務工程時同樣的文件。點擊添加參數結束這個過程。
參數一旦添加，調用WEB服務就像調用任何C++類一樣。添加參數建立一個頭文件，這個文件在任何你想使用WEB服務時都可以包括進去。
我們以往看到的頁面效果中，很多效果是需要JS搭配使用的，而今天在本文中，我將介紹如何使用純HTML打造屬于自己的實用效果。
使用Details和Summary標簽可以創建沒有JavaScript代碼的可折疊手風琴。
效果：
HTML
<details> <summary>Languages Used</summary> <p>This page was written in HTML and CSS. The CSS was compiled from SASS. Regardless, this could all be done in plain HTML and CSS</p> </details> <details> <summary>How it Works</summary> <p>Using the sibling and checked selectors, we can determine the styling of sibling elements based on the checked state of the checkbox input element. </p> </details>
CSS
* {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
details {
border: 1px solid #aaa;
border-radius: 4px;
padding: .5em .5em 0;
}
summary {
font-weight: bold;
margin: -.5em -.5em 0;
padding: .5em;
}
details[open] {
padding: .5em;
}
details[open] summary {
border-bottom: 1px solid #aaa;
margin-bottom: .5em;
}
瀏覽器支持：
該Meter和Progress 的元素標簽的基礎上，你可以調整屬性呈現在屏幕上的進度條。進步有兩個屬性：max和value校準進度條，而Meter標簽提供了更多的定制屬性。
效果：
HTML:
<label for="upload">Upload progress:</label> <meter id="upload" name="upload" min="0" max="100" low="33" high="66" optimum="80" value="50"> at 50/100 </meter> <hr/> <label for="file">File progress:</label> <progress id="file" max="100" value="70"> 70% </progress>
CSS:
body {
margin: 50px;
}
label {
padding-right: 10px;
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
瀏覽器支持：
在定義輸入元素時，您要知道現代瀏覽器已經允許您指定足夠多的輸入類型了。除了你應該已經知道text，email，password，number這些類型外，還有下面的這些。
效果：
HTML:
<label for="date">Enter date:</label> <input type="date" id="date"/> <label for="datetime">Enter date & time:</label> <input type="datetime-local" id="datetime"/> <label for="month">Enter month:</label> <input type="month" id="month"/> <label for="search">Search for:</label> <input type="search" id="search"/> <label for="tel">Enter Phone:</label> <input type="tel" id="tel">
CSS:
input, label {display:block; margin: 5px;}
input {margin-bottom:18px;}
各種新輸入類型的MDN文檔非常廣泛且信息量很大。此外，檢查移動輸入類型以了解用戶在移動瀏覽器上時這些輸入元素的鍵盤行為。
video和audio元素雖然現在已經成為HTML規范的一部分，但是你一樣會驚訝于你可以使用video標簽在屏幕上渲染出一個體面的視頻播放器。
<video controls> <source src="https://addpipe.com/sample_vid/short.mp4" poster="https://addpipe.com/sample_vid/poster.png"> Sorry, your browser doesn't support embedded videos. </video
視頻標記中值得注意的一些屬性包括：
瀏覽器支持：
當你想顯示歷史編輯及校對的情況時，blockquote，del和ins元素標簽可以派上用場了。
示例：
HTML：
<blockquote> There is <del>nothing</del> <ins>no code</ins> either good or bad, but <del>thinking</del> <ins>running it</ins> makes it so. </blockquote>
CSS：
del {
text-decoration: line-through;
background-color: #fbb;
color: #555;
}
ins {
text-decoration: none;
background-color: #d4fcbc;
}
blockquote {
padding-left: 15px;
line-height: 30px;
border-left: 3px solid #d7d7db;
font-size: 1rem;
background: #eee;
width: 200px;
}
由于中英文引號的不同，使用<q>標記可以讓您很好的解決這個問題，它可使你的內容在大多數瀏覽器上更一致地呈現引號。
HTML：
Don Corleone said <q cite="https://www.imdb.com/title/tt0068646/quotes/qt0361877">I'm gonna make him an offer he can't refuse. Okay? I want you to leave it all to me. Go on, go back to the party.</q></p> <hr/> Don Corleone said <i>"I'm gonna make him an offer he can't refuse. Okay? I want you to leave it all to me. Go on, go back to the party."</i>
CSS：
body {
margin: 50px;
}
q {
font-style: italic;
color: #000000bf;
}
<kbd>標簽應該是一個少為人知的冷門標簽，但這個能使用更好的方式來說明組合鍵的樣式。
HTML：
<p>I know that <kbd>CTRL</kbd>+<kbd>C</kbd> and <kbd>CTRL</kbd>+<kbd>V</kbd> a are like the most used key combinations</p>
CSS：
body {
margin: 50px;
}
kbd {
display: inline-block;
margin: 0 .1em;
padding: .1em .6em;
font-size: 11px;
line-height: 1.4;
color: #242729;
text-shadow: 0 1px 0 #FFF;
background-color: #e1e3e5;
border: 1px solid #adb3b9;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(12,13,14,0.2), 0 0 0 2px #FFF inset;
white-space: nowrap;
}
使用figcaption pre code標簽，您可以使用純HTML和CSS呈現出不錯的代碼片段。
HTML：
<figure>
<figcaption>
Defining a css <code>color</code> property for a class called 'golden'
</figcaption>
<pre>
<code>
.golden {
color: golden;
}
</code>
</pre>
</figure>
CSS：
pre {
background-color: #ffbdbd;
}
這篇文章也只是拋磚引玉，也許您也有更多私藏的使用技巧，不妨也貼出來分享給大家。
另外，如果您不僅僅限于以上的效率，希望有更完整的動態功能。
例如：您希望在您的頁面中加入Excel功能，可以嘗試葡萄城的 純前端表格控件SpreadJS，再或者您希望為用戶提供更完備、更高效的前端UI控件，您也不妨可以試試 WijmoJS，相信它們都能為您的應用增色不少。
關于葡萄城
賦能開發者！葡萄城公司成立于 1980 年，是全球領先的集開發工具、商業智能解決方案、管理系統設計工具于一身的軟件和服務提供商。西安葡萄城是其在中國的分支機構，面向全球市場提供軟件研發服務，并為中國企業的信息化提供國際先進的開發工具、軟件和研發咨詢服務。葡萄城的控件和軟件產品在國內外屢獲殊榮，在全球被數十萬家企業、學校和政府機構廣泛應用。
ardio
aardio 小、輕、快，輕便利索，體積僅 6.5MB，學習和使用成本極低。aardio 雖然小，但提供了驚人數量的開源標準庫、擴展庫 - 這些庫基本都是由純 aardio 代碼實現，涉及到了桌面編程的方方面面。aardio 中的所有庫基本都是由作者一個人編寫，所以擁有良好的一致性。aardio為 每一個庫的每一個接口函數都編寫了文檔，并且提供了大量的演示范例。aardio 使用流行的類 C 語法(非常接近 Javascript )，在設計中盡可能地避免嘩眾取寵、標新立異，并且吸取和借鑒流行語言的習慣用法。不少 aardio 用戶都表示只要有一點編程基礎，aardio 幾乎不用特別學習，看幾天就會用了，僅僅是復制拼湊范例都能快速開發出不錯的軟件。
aardio軟件開發界面
aardio 屬于易用性極強的動態語言，但也是一種混合語言，可以罕見地、非常方便地操作靜態類型，因此可以直接調用 C語言、C++ 等等靜態語言的 API 接口函數( 不需要像VB那樣先聲明API )，aardio 可以支持非常多的API調用約定，例如 stdcall，cdecl，thiscall，fastcall，regparm(n) 等調用約定 aardio 都可以支持。因為 aardio 奇特的語言特性，aardio 的膠水能力極強，在 aardio 中 可以非常方便地調用 C語言、C++、VB、C#、Java、Python、Javascript、Node.Js、Flash ActionScript、PHP、VBScript、NewLISP、AutoLISP、Delphi、FreeBASIC、Ruby、Rust、Go 語言、批處理 ...... 甚至可以直接嵌入匯編機器碼并且轉換為普通的 aardio 函數。aardio 可直接調用、嵌入、交互的第三方編程語言數量非常多，實現這些第三方語言接口的功能模塊基本都是開源的（很多只用了極少的代碼）。
aardio擴展庫
aardio 可以嵌入非常多的瀏覽器控件，例如系統自帶的 WebBrowser、WebView 控件、 以及 WebView2、WebKit、Electron、CEF3、HTMLayout、Sciter...... 甚至可以直接調用系統安裝的 Chrome、Chromium Edge 等瀏覽器寫軟件界面。而且在網頁中調用本地接口、以及 aardio 與瀏覽器的交互極其方便，例如直接調用 Javascript 函數，并且在 Javascript 中直接回調 aardio 函數，不需要任何復雜的封裝和中間件，你甚至可以在 Javascript 中直接調用 WINAPI 函數。
aardio 不僅可以方便的使用 Web 技術編寫界面，也提供可視化開發工具，可以方便的地通過拖拉傳統控件創建程序。并且 aardio 提供強大的 plus控件（開源）可以方便的實現控件九宮格貼圖、透明貼圖、可以快速制作出漂亮的界面。而且aardio可以非常方便的生成獨立、綠色、無依賴的軟件，生成的軟件極小，通常比使用其他開發工具編寫的類似功能軟件小幾倍甚至是幾十倍。并且 aardio 生成的軟件可以完美兼容 XP，Vista，Win7，Win8，Win10...... 等所有流行桌面操作系統。
aardio新建工程
aardio 不僅僅可以開發桌面軟件，也可以用于開發網站，aardio 可以直接支持與 PHP 類似的 HTML 模板語法，提供語言級別的模板解析，一個 aardio 源碼文件，可以放 aardio 源碼，也可以直接放 HTML，或者放 HTML，aardio 混合的模板代碼，aardio 都能完美支持。并且 aardio可以使用幾句代碼就可以創建一個微型嵌入式 HTTP 服務端（可以集成 WebSocket 服務端），因此 aardio 可以非常方便的為瀏覽器控件提供 HTTP 服務端，并且像寫網站那樣寫桌面客戶端軟件。
aardio使用說明
區別于其他動態語言，aardio 可以非常方便地支持多線程，并且提供大量的多線程函數庫、演示范例等等。
aardio使用范例
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
