『壹』 組建企業web伺服器方案
訪問量預計1000.這也要自建。。。。有錢啊
買個伺服器託管不就得了~省事省錢!
『貳』 移動端Web頁面適配方案(整理版)
<meta charset="utf-8">
@(概述)[基本概念|百分比|rem|vw/vh|響應式設計]
移動端web頁面的開發,由於手機 屏幕尺寸 、 解析度 不同,或者需要考慮 橫豎屏 問題,為了使得web頁面在不同移動設備上具有相適應的展示效果,需要在開發過程中使用合理的適配方案來解決這個問題。
早期網頁設計採用 靜態布局 ,通過 <meta> 標簽中的 applicable-device 應用設備標識識別移動設備,即 <meta name = 'applicable-device' content = 'mobile'> ,在 <meta> 標簽中的 viewport 標簽中設置 width ,通過 js 動態修改標簽的 initial-scale 使得頁面等比縮放,剛好占滿整個屏幕。一些文章中有提到靜態布局中頁面各個元素採用 px 為單位,這種方案實現簡單,不存在兼容性問題,但用戶體驗很不友好。
後面出現 流式布局 ,使用百分比 % 定義寬度,高度使用 px 固定,根據可視區域大小實時進行尺寸調整,通常使用 max-width/min-width 控制尺寸范圍過大或者過小。這種方案實現比較簡單,但在大屏手機或橫豎屏切換場景下可能會導致頁面元素被拉伸變形,字體大小無法隨屏幕大小發生變化。
順應不同頁面字體大小展現問題,出現了 彈性布局 。這種布局方案下,包裹文字的元素的尺寸採用 em/rem 為單位,頁面主要劃分區域的尺寸依據情況使用 px 、百分數或者 em/rem 。如一些高校的網站 jlu ,頁面的主要劃分區域使用 px 和百分比,包裹文字的元素和文字採用 em 。
上面的這幾種方案下,頁面元素的大小按照屏幕解析度進行適配調整,但是整體布局不變,對於 響應式web設計 ,網頁布局會隨著訪問它的視口及設備的不同呈現不同的樣式,在實現上可能會以上多種方案的結合,同時搭配 媒體查詢 技術使用,使得一個頁面在多個終端 (PC, mobile, pad) 呈現滿意效果,如 mashable 。
[TOC]
像素,是屏幕上顯示數據的最基本的點,表示相對大小。不同解析度下相同長度的 px 元素顯示會不一樣,是因為像素點的個數相同情況下,不同解析度下每個像素點對應的像素寬度不同。比如同樣是 14px 大小的字,在 1366×768 顯示屏下會顯示的小,在 1024×768 顯示屏下會相對大。也稱為 物理像素(設備像素 ),是解析度的尺寸單位。
印刷行業常用單位,能夠使用測量設備測得的長度,等於 1/72 英寸。
在不同屏幕上, css 像素呈現的物理尺寸一致,但 css 像素對應的物理像素具數不同。標準的顯示密度下, 1 個 css 像素對應一個物理像素,縮放時, 1 個 css 像素對應的物理像素會減增。是一種 設備獨立像素(device independent pixels: DIPs)
像素密度,每英寸所擁有的像素數。值越高,顯示畫面細節越豐富。計算公式為:[圖片上傳失敗...(image-245547-1621406560980)]
,其中 [圖片上傳失敗...(image-2b7617-1621406560980)]
和 [圖片上傳失敗...(image-f0525f-1621406560980)]
是解析度的寬高,[圖片上傳失敗...(image-2b6254-1621406560980)]
是屏幕尺寸。
列印設備每英寸印刷出來的點有多少個,值越高,圖片越細膩。
設備物理像素和設備獨立像素比 ,即[圖片上傳失敗...(image-6bbc3c-1621406560980)]
是指在理想布局寬度,使用多少個物理像素來渲染一個css像素。js中通過 window.devicePixelRatio 獲取,css中通過 -webkit-device-pixel-ratio , -webkit-min-device-pixel-ratio , -webkit-max-device-pixel-ratio 進行媒體查詢。
<meta> 標簽中定義了一些元數據信息,通過設置 <meta name = "viewport"> ,提供有關 視口初始大小 的信息,供 移動設備 使用。屬性值為
移動端涉及 布局視口 (Layout Viewport)、 視覺視口 (Visual ViewPort)和 理想視口 (Ideal ViewPort)。
與移動端web頁面適配有關的手機屏幕特性包括
硬體所支持的,屏幕每行的像素 * 每列的像素點數,單位是 px 。
設備獨立的,軟體可以達到的,個人理解是使得軟體/頁面在不同屏幕上顯示出來的效果一致。
像素解析度 ÷ 邏輯解析度等於 倍率 ,如 @3x 表示解析度的 3 倍。一個已知物理像素大小的元素,如果在普通屏中其設備像素等於 css 像素,但在一些高清屏中,如 Retina 顯示屏,一個css像素對應 2 或 3 個設備像素,這時顯示出來的元素會變小。為了讓元素如期待顯示,需要傳入 原始設計稿尺寸 × 倍率 的設計稿,根據 DPR 的定義,這樣載入後能夠達到同樣的效果。
手機屏幕對角線長度換算成英寸的大小
貼上 源碼 分析
視口 是瀏覽器中用於呈現網頁的區域,移動端的視口通常指的是 布局視口
使用 css 預處理器把設計稿尺寸轉換為 vw 單位,包括 文本 , 布局高寬 , 間距 等,使得這些元素能夠隨視口大小自適應調整。以 1080px 設計稿為基準,轉化的計算表示為
響應式設計 使得一個網站同時適配 多種設備 和 多個屏幕 ,讓網站的布局和功能隨用戶的使用環境(屏幕大小、輸出方式、設備/瀏覽器能力而變化),使其視覺合理,交互方式符合習慣。如使得內容區塊可伸縮與自由排布,邊距適應頁面尺寸,圖片適應比例變化,能夠自動隱藏/部分顯示內容,能自動折疊導航和菜單。
『叄』 web解決方案
1、一切根據實際業務作為依託
2、在業務基礎上選定合適的技術框架
3、選定合適的人進行項目開發
4、測試流程
5、交付上線
『肆』 上海Web前端培訓學費要多少
上海web前端培訓學費目前大概是在20000左右的一個價格,不過,不同的機構因為師資、課程以及學習方式的不同,培訓費用也會出現一定的差別。所以,具體的費用是多少還是要自己去當地的校區進行咨詢了解之後才能知道。
不過,可以確定的是現在市面上比較出名的同類型的那些web前端培訓機構的收費都是差不多的,相互之間也不會差太大,頂多也就1000-2000的樣子。
『伍』 web視頻監控的解決方案和原理
最簡單的方式,前端用個網路智能球,連交換機,接入公共網路。對應下載一個相應的控制管理軟體,在WEB上直接輸入前端攝像機的IP,就可以實現調整攝像頭的監控角度和實時視頻監控了。
『陸』 web伺服器的解決方案有哪些
目前主流web伺服器有三個:apache、IIS、nginx。
其中apache是開源的老牌伺服器,多用於傳統業務,其優點是系統穩定,擴展模塊豐富,各種特性支持完整,並且跨平台。
IIS是微軟主力打造的web伺服器,目前作為Windows系統組件一部分,和微軟上層web開發(asp.net)應用介面緊密。
nginx是開源的後起之秀,是俄羅斯開發的一款用於高並發服務的web伺服器,主要應用於高並發網站、靜態伺服器、下載伺服器等,其優點是性能更高,支持負載均衡,反向代理。
國產web伺服器主要有:
Tengine:是淘寶開發團隊基於nginx修改的,優化了資源請求的web伺服器,其特點繼承nginx,並針對資源請求做了優化。
數蠶web伺服器:是數蠶科技基於c++的Linux下的web伺服器,主要用於靜態頁面和簡單的計算型服務網站。其特點是支持高並發,支持多進程,c++/c介面良好,支持直接基於C++模板開發。
『柒』 web前端的行業趨勢是什麼
大公司是前端和移動APP開發合並,成為大前端,所以一個趨勢就是移動web的趨勢,另外HTML5開始流行,HTML5開發也是現在需求很大的一個崗位。
web前端有廣闊的發展空間,app、小程序、移動端、pc端等都是需要前端技術的開發支持才能夠完成,技術門檻相對較低、需求量較大,薪資待遇良好。只要是互聯網端的客戶界面,就需要前端來製作完成,前端開發的編程量不大,但是需要部分編程,入門簡單,但是要學的深入需要一個過程。
Web前端招聘崗位
• 前端開發工程師、Web開發工程師、網頁開發工程師、HTML開發工程師...
• H5開發工程師、移動應用開發工程師、App開發工程師、小程序開發工程師...
• JS開發工程師、Vue.js開發工程師、Node.js開發工程師、前端架構師...
• 小游戲開發工程師、數據可視化開發工程師、WebGL開發工程師、WebVR開 發工程師、Web安全工程師...
在互聯網行業,前端有WEB前端、HTML前端等,隨著互聯網技術發展,就業方向也有很多。web前端的就業方向有web架構師、web前端工程師、HTML前端開發工程師、網頁設計師等等。
HTML前端開發
與Web前端開發不同的是,使用HTML5不僅僅可以開發前端,還有網頁游戲,手機APP,使用瀏覽器進行3D渲染等一系列建立在HTML5標准與搭載其標准瀏覽器上的開發,而未來可能會有更多的功能分支並入HTML5標准。web前端工程師
這個方向是目前從事Web前端開發的主要就業方向
Web架構師
薪資普遍比較高,技術要求高,掌握多種技能,包括:後端技術、DBA、Platform等等,甚至包括網站優化SEO技術。
數據方向
數據研發這個是在Web開發的基礎上用數據附能,懂可視化的一定是有前端能力的,懂hadoop的一定java要熟悉,屬於Web開發的拓展方向。
大前端方向
比如阿里,在大量實踐rn和weex;由於公司內部安卓/ios式微,一定程度上,前端把ios和安卓收編了,統稱大前端。
圖形學方向
前端自然是與圖形學有千絲萬縷的聯系,除了上面提到了可視化,還有相關3d引擎的開發工作。做這一行要求也非常高了,圖形學相關的演算法,3d引擎的開發,這都需要圖形學相關知識。
『捌』 學習web前端和學習後端開發相比,有沒有前途
前端和後端都是相輔相成的,看你去的是以什麼為主導的公司以及你喜歡的編程語言(對於開發來說還是自己感興趣比較重要),給幾下幾點建議做參考:
1、前端開發相對於後端來說更簡單易懂、容易上手,而且開發迅速;
2、前端需要產品思維,後端更多的是關注數據處理與演算法;
3、前端技術還處於一個高速迭代的狀態;
4、現在網站、APP還有其他的很多界面都需要前端,前端的需求多,是未來的大趨勢;
5、後端上升空間會比前端更大,因為現在主流的人工智慧、大數據、區塊鏈都是後端語言在主導,有大量市場需求,暫時沒有衰落現象;
6、後端初始工資會比前端高,但後期主要看個人情況;
7、如果自己感興趣建議前後端都懂。
『玖』 請教 數據可視化系統的 Web 解決方案
web前端分為網頁設計師、網頁美工、web前端開發工程師 首先網頁設計師是對網頁的架構、色彩以及網站的整體頁面代碼負責 網頁美工只針對UI這塊兒的東西,比如網站是否做的漂亮 web前端開發工程師是負責交互設計的,需要和程序猿進行交互設計的配合。 web前端需要掌握的有腳本技術javascript DIV+CSS現下最流行的頁面搭建技術,ajax和jquery以及簡單的後端程序等。 後端的話可供開發的語言有 asp、php、jsp、.NET 這些後端開發語言的話搭建環境都不一樣,具體如果自己想學的話看是想從事前端部分還是後端程序部分。後端開發如果有一定的條件的話可以轉為軟體開發。不過要有一定的語言基礎,類似java語言。C#等。關鍵是看自己的興趣愛好。。 這個到後期不會區分這么細,做前端到後期也會懂一些後端的技術,反之,後端也是。 在實際的開發過程中,當前這樣定位前端、後端開發人員。 1)前端開發人員:精通JS,能熟練應用JQuery,懂CSS,能熟練運用這些知識,進行交互效果的開發。 2)後端開發人員:會寫Java代碼,會寫sql語句,能做簡單的資料庫設計,會Spring和iBatis,懂一些設計模式等。 現在來看,對前後端的要求還是蠻低的,尤其是後端,新員工經過培訓之後都是可以參與到後端開發的,沒有太高的技術門檻,唯一需要做的就是先變成熟練工種,這個階段沒有涉及到設計模式、架構、效率等一些列問題。 還是先google一下,看看網上對Web前端開發、Web後端開發分別是什麼? Web前端: 顧名思義是來做Web的前端的。這里所說的前端泛指Web前端,也就是在Web應用中用戶可以看得見碰得著的東西。包括Web頁面的結構、Web的外觀視覺表現以及Web層面的交互實現。 Web後端:後端更多的是與資料庫進行交互以處理相應的業務邏輯。需要考慮的是如何實現功能、數據的存取、平台的穩定性與性能等。 再來看看大公司對前後端人員招聘的要求,通過這個角度看看前端、後端的技術要求: Web前端: 1)精通HTML,能夠書寫語義合理,結構清晰,易維護的HTML結構。 2)精通CSS,能夠還原視覺設計,並兼容業界承認的主流瀏覽器。 3)熟悉JavaScript,了解ECMAScript基礎內容,掌握1~2種js框架,如JQuery 4)對常見的瀏覽器兼容問題有清晰的理解,並有可靠的解決方案。 5)對性能有一定的要求,了解yahoo的性能優化建議,並可以在項目中有效實施。 6)...... Web後端: 1)精通jsp,servlet,java bean,JMS,EJB,Jdbc,Flex開發,或者對相關的工具、類庫以及框架非常熟悉,如Velocity,Spring,Hibernate,iBatis,OSGI等,對Web開發的模式有較深的理解 2)練使用oracle、sqlserver、mysql等常用的資料庫系統,對資料庫有較強的設計能力 3)熟悉maven項目配置管理工具,熟悉tomcat、jboss等應用伺服器,同時對在高並發處理情況下的負載調優有相關經驗者優先考慮 4)精通面向對象分析和設計技術,包括設計模式、UML建模等 5)熟悉網路編程,具有設計和開發對外API介面經驗和能力,同時具備跨平台的API規范設計以及API高效調用設計能力 6)...... 從幾個公司的招聘要求可以看到,做Web開發,對前端和後端的要求是各自所不同的。而目前的實際情況,也和這個差不多,但是,自己無論在知識的掌握程度上,還是知識掌握的寬度上,都是不夠的。 首先,自己在前端缺乏積累,沒有沉澱,專業的前端技術的積累是從去年才開始的,同時,在前端也缺乏支撐與高手,所以,走起來比較困難。同時,前端人員培養的較少,一個原因是對前端了解太少,另外一個原因就是對前端與後端的工作比例估計不足。所幸,在這一年也在前端有了很快的進步,培養了幾個優秀的開發人員,有意識的解決了前端的用戶體驗,這都是可喜的。今年,需要更進一步,專業化。 其次,在後端發展的不夠寬,後端的知識體系已經比較完善,但是,很多應用點都沒有涉及到。同時,對現有技術框架的理解都不夠深入,太浮躁。目前的設計團隊在解決互聯網高並發、大數據量的存取上經驗與能力都還不足,需要正視這些問題。後端技術的發展需要更加的精進,以解決實際存在的問題為主。 最後,在前端、後端都缺乏熟練工,這會影響到開發的速度,同時,也不利於後期技術的研究。
『拾』 Web列印控制技術的幾種方案(轉)
的確,相對於Windows桌面應用程序來講,Web應用程序的列印有種種限制,技術人員在項目開發過程中經常會遇到用戶這樣或那樣的需求. 做過桌面應用開發的人都會非常熟悉水晶報表、Active Report之類的報表控制項,它們不僅有簡單靈活的設計界面,更具有非常強大的報表功能,能滿足各種報表的列印需求。而Web應用則因為其特殊的呈現方式,只能尋求其他的解決方案。現在我們來分析一下目前已經成形的Web列印方案: 現有的Web列印控制技術分成幾種方案: 一.自定義控制項完成列印 利用IE 自帶的WebBrowser 控制項實現列印 利用第三方控制項實現列印 1、自定義控制項方式 自定義控制項方式就是利用VB 或VC 等工具生成COM 組件,用定義好的列印格式來分析列印源文件從而實現列印。只有將生成的組件下載並注冊到客戶機上,才能實現在客戶端的 列印。 難點主要是定義列印格式、如何來分析列印源文件。現有的比較好的方法是利用XML 技術來全面的解決問題,利用XML 可以非常容易地定義列印目標的文本、表格等內容的格式。 但對程序員的開發要求高,難度比較大。 2、利用WebBrowser 實現Web列印 WebBrowser是IE 內置的瀏覽器控制項,無需用戶下載。本文檔所討論的是有關IE6.0 版本 的WebBrowser 控制項技術內容。與其相關的技術要求有:列印文檔的生成、頁面設置、列印操作的實現等幾個環節。 (一)、列印文檔的生成 1、客戶端腳本方式 客戶端腳本分為VBScript、java script、JScript 幾種腳本語言。在IE 下開發應用使用的語法為JScript 的語法,由於它和java script 幾乎沒有什麼區別,所以也可以稱其為java script(下面簡寫為JS)。一般情況下,主要使用JS 來實現DOM 文檔的分析,DOM 為微軟提出的一種Web文檔模型,主要用來實現Web腳本編程。 利用JS 可以分析源頁面的內容,將欲列印的頁面元素提取出來,實現列印。通過分析源文檔的內容,可以生成列印目標文檔。 優點:客戶端獨立完成列印目標文檔的生成,減輕伺服器負荷; 缺點:源文檔的分析操作復雜,並且源文檔中的列印內容要有約定; 2、伺服器端程序方式 伺服器端程序方式,主要是利用後台代碼從資料庫中讀取列印源,生成列印目標文檔。當的頁面生成時,還應適當考慮使用CSS 來實現強制分頁控制。 優點:可以生成內容非常的豐富的列印目標文檔,目標文檔的內容的可控性強。由於列印內容是從資料庫中獲取的,所以生成操作相對簡單; 缺點:伺服器端負載比較大; (二)、頁面設置 頁面設置主要是指設置列印文檔的頁邊距、頁眉、頁腳、紙張等內容。頁面設置將直接影響到列印文檔版面的生成效果,所以它和列印文檔的生成有著密切的關系。比如:表格的 行數、大小、位置、字體的大小等。 現有的技術是利用IE6.0 內置的列印模板方式來控制頁面設置,其可以對列印目標文檔產生非常大的影響。列印模板可以控制頁邊距、頁眉、頁腳、奇偶頁等內容,並可以將用戶的設置取得,還可以將設置發送到伺服器端。 列印模板技術可以自定預覽窗口和列印格式,最大限度地影響目標文檔和列印效果。 (三)、列印操作的實現 此功能的實現主要是利用WebBrowser控制項的函數介面來實現列印、列印預覽(默認的)、 頁面設置(默認的)。 <object ID='WebBrowser1' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'> //列印 WebBrowser1.ExecWB(6,1); //列印設置 WebBrowser1.ExecWB(8,1); //列印預覽 WebBrowser1.ExecWB(7,1); 3、一個實例項目採用的列印方案 伺服器端程序方式、列印預覽介面調用,下面為例, 主要參考項目中的: pageErrorPrint.aspx.vb 文件 主調用頁 function PrintPage(iPageIndex,strQuery) { var strURL; strURL = "PageErrorPrint.aspx?PageIndex=" + iPageIndex + "&QueryString=" + strQuery; winPrint=window.open(strURL,"","left=2000,top=2000,fullscreen=3"); } 列印頁HTML 源中的預覽控制 <SCRIPT language="java script"> document.write("<object ID='WebBrowser' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></object>"); WebBrowser.ExecWB(7,1); window.opener=null; window.close(); </SCRIPT> 程序頭 '首先聲明表格容器 Protected WithEvents phContainer As System.Web.UI.WebControls.PlaceHolder '每個表格中的記錄數量 Private Const ItemPerTable As Integer = 20 關鍵的實現部分 '創建一個符合列印要求的表格 tabPagePrint = NewPrintTable() '將表頭添加到此表格中 Call AddTableTitle(tabPagePrint) '初始化記錄器 i = 0 iItemIndex = iStartPoint For Each clsItem In clsAllData.ErrorCollection If i > 0 And i Mod ItemPerTable = 0 Then '添加表格控制項到頁面中 phContainer.Controls.Add(tabPagePrint) '在頁面中添加一個換行符 Call AddPageBreak() '創建新一輪的表格 tabPagePrint = NewPrintTable() Call AddTableTitle(tabPagePrint) End If '將記錄添加到表格中 Call AddItemToTable(iItemIndex, tabPagePrint, clsItem) iItemIndex = iItemIndex + 1 i = i + 1 Next '添加表格控制項到頁面中 phContainer.Controls.Add(tabPagePrint) 支持函數 '功能:添加頁的換行符 Private Sub AddPageBreak() Dim ltBreak As LiteralControl ltBreak = New LiteralControl("<p style='page-break-before:always'>") phContainer.Controls.Add(ltBreak) End Sub 二、利用IE自身列印 這種方式比較簡單,也常用的列印方式,只需要將報表頁面設計好,用戶通過IE菜單中的列印功能完成列印。優點是簡單,容易實現,缺點是不靈活,不能控制分頁,不能控制好頁眉和頁腳。 三、將報表導出成Word,Excel或PDF形式列印 這種方式需要將頁面導出成Office文檔或pdf,最低的要求是客戶端已經安裝用以打開Word、Excel或Pdf文檔的軟體。這種方式可以通過水晶報表組件或其他一些第三方控制項非常容易地實現。導出成Pdf形式後列印質量和效果都很好,導出成Word或Excel後用戶可以自定義列印的內容和格式。 總之,現有的列印方案各有所長,在開發過程中應根據用戶的需求作選擇,利用IE列印簡單,容易實現,在用戶需求簡單或列印內容較少的情況下採用此方案比較適宜。利用自定義控制項列印可以實現完全自定義,但需要較高的技術要求和開發周期。利用導出的方式則可以滿足用戶需要一點自定義或列印內容有多頁的需求。-------------------------------------------------------------1、控制"縱打"、橫打」和「頁面的邊距。 (2)<HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT="YC"> <script language="VBScript"> dim hkey_root,hkey_path,hkey_key hkey_root="HKEY_CURRENT_USER" hkey_path="\Software\Microsoft\Internet Explorer\PageSetup" '//設置網頁列印的頁眉頁腳為空 function pagesetup_null() on error resume next Set RegWsh = CreateObject("WScript.Shell") hkey_key="\header" RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"" hkey_key="\footer" RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"" end function '//設置網頁列印的頁眉頁腳為默認值 function pagesetup_default() on error resume next Set RegWsh = CreateObject("WScript.Shell") hkey_key="\header" RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&w&b頁碼,&p/&P" hkey_key="\footer" RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&u&b&d" end function </script> </HEAD> <BODY> <br/> <br/> <br/> <br/> <br/> <br/><p align=center> <input type="button" value="清空頁碼" onclick=pagesetup_null()> <input type="button" value="恢復頁嗎" onclick=pagesetup_default()><br/> </p> </BODY> </HTML> 4、浮動幀列印 <SCRIPT LANGUAGE=java script> function button1_onclick() { var odoc=window.iframe1.document; var r=odoc.body.createTextRange(); var stxt=r.htmlText; alert(stxt) var pwin=window.open("","print"); pwin.document.write(stxt); pwin.print(); } </SCRIPT> 4、用FileSystem組件實現WEB應用中的本地特定列印 <script Language=VBScript> function print_onclick //列印函數 dim label label=document.printinfo.label.value //獲得HTML頁面的數據 set objfs=CreateObject("Scripting.FileSystemObject") //創建FileSystem組件對象的實例 set objprinter=objfs.CreateTextFile ("LPT1:",true) //建立與列印機的連接 objprinter.Writeline("__________________________________") //輸出列印的內容 objprinter.Writeline("| |") objprinter.Writeline("| 您列印的數據是:"&label& " |」) objprinter.Writeline("| |") objprinter.Writeline("|_________________________________|") objprinter.close //斷開與列印機的連接 set objprinter=nothing set objfs=nothing // 關閉FileSystem組件對象 end function </script> 伺服器端腳本: <%……… set conn=server.CreateObject ("adodb.connection") conn.Open "DSN=name;UID=XXXX;PWD=XXXX;" set rs=server.CreateObject("adodb.recordset") rs.Open(「select ……」),conn,1,1 ……….%> //與資料庫進行交互 HTML頁面編碼: <HTML> ……… <FORM ID=printinfo NAME="printinfo" > <INPUT type="button" value="列印>>" id=print name=print > //調用列印函數 <INPUT type=hidden id=text1 name=label value=<%=………%>> //保存伺服器端傳來的數據 ……… </HTML>