【雛型】Docx套版列印功能試作

資料來源

在我的程式開發生涯中，套版輸出指定格式的報表/表單一直是揮之不去的煩人差事，沒什麼營養，偏偏在每個案子裡幾乎都像小強一樣冒出來。

面對這類需求，轉成網頁是下策，因為列印時排版格式常會亂到一塌糊塗，鮮少讓人滿意。在經驗裡，Reporting Service是不錯的選擇(而且免費)。

但有些報表如確認書、通知書，在格式上並非Gird格式，跟Reporting Service最擅長的表格呈現有點差距，數量一多，要將User提供的Word檔一一轉成Reporting Service報表便成了苦差事，尤其某些文件被要求必須模仿到跟原始樣版分毫不差，常為了一兩公釐急死大丈夫。(有時，所謂原有樣版不過是某個User信手捻來的作品，並非官頒公訂，也沒人說過排版必須完全相符，但是你也知道的，各地風俗民情不同，尤其是澳洲...)

當以上情境發生，直接把User提供Word樣版裡文字換一換，照樣生出個Word檔來，在我看來是最簡便直覺省工的解法。

德瑞克：SQL Server 學習筆記: 使用 Reporting Services 組態管理員來初始化設定 SQL Server 2008 ...

德瑞克：SQL Server 學習筆記: 使用 Reporting Services 組態管理員來初始化設定 SQL Server 2008 ...: 實作練習 ： 首度使用 Reporting Services 組態管理員來設定 SQL Server 2008 R2 Reporting Services 工作01：執行Reporting Services 組態管理員 步驟01. 點選「開始」\「所有程式」＼「Micro...

CaryHsu - 學無止盡: 如何使用Reporting Service製作報表

CaryHsu - 學無止盡: 如何使用Reporting Service製作報表:         在前面幾個章節介紹了滿多Reporting Service的使用，相信大家都對Reporting Service有了一定的認識，但是最近接到滿多從不同領域轉而使用Reporting Service時遇到不知如何下手，所以此篇我們來介紹個最基本的，就是如何製作你的第...

網頁列印

資料來源

在研究 Web列印時，在網路上看到有關 Web列印的文章如下：
一、 IE直接使用 window.print或 webrower控件的 ExecWB方法來列印網頁。

      1. 關於 ASP.NET頁面打印技術的總結：大陸網站

      2. WEB打印的相關技術分析：大陸網站

      3. WEB列印大全：WebBrowser、FileSystem元件實現 WEB應用中的本地特定列印(LPT1)

      4. Beyond Print Preview: Print Customization for Internet Explorer 5.5

      5. Print Preview 2: The Continuing Adventures of Internet Explorer 5.5 Print Customization

     

二、 透過 CSS與 JavaScript，實現網頁列印。

      1. 網頁列印

      2. ASP.NET 線上列印寫法~在網上看到的

      3. js的打印頁面裡指定的內容：大陸網站

      4. using javascript create printer-friendly pages

三、 撰寫元件(如 Java Applet或 ActiveX)。

      1. VC++ Example: How to print an ActiveX MSChart Report Chart control Component:有提供原始碼。

      2. Printing ActiveX Controls

      3. Visual Basic 簡易程式 - 預覽列印：Google頁庫存檔

      4. 使用 C＃中編寫一個用於客戶端打印的的 ActiveX控件

      5. WEB打印：大陸網站，沒有提供原始碼，但有敘述其原理。

      6. applet打印的屬性和配置：大陸網站

四、 使用 RSClientPrint控制項或 Crystal Reports報表工具。

      1. 在自訂應用程式中使用 RSClientPrint 控制項

      2. Crystal Reports：for .NET Framework 1.1

      3. Crystal Reports for Visual Studio 2005

五、 IE中執行 WinForm控制項，即在網頁中執行 Windows Form控制項或程式。

      1. 利用 XML的實現通用的 WEB報表打印：大陸網站

      2. 利用 XML的實現通用的 WEB報表打印（實現篇）：大陸網站

      3. IE使用 WinForm控制項

六、 Silverlight 4 或 Flex3及以上版本的列印功能。

      1. .NET Walker: Silverlight 4 中的列印功能

      2. Silverlight的企業應用實戰：SL的4.0打印，讓我拿什麼說愛你？
          認為 Silverlight 4的缺點在於，列印時以點陣圖(Bitmap)方式呈現，所以檔案的大小變大，使得印表機容易產生問題。

      3. Silverlight 4對比 Flex 4打印功能

七、 將報表轉成 PDF、Excel、Word等檔案輸出至 Client端，藉由套裝軟體(如 Adobe Reader或 Office軟體)印出。

      1. ASP.NET產生PDF檔

      2. 用 Flex和 .NET建造應用系統模組(上)：說明如何匯出Excel檔、產生Word檔的步驟。

      3. ASP.NET－讀寫 Excel檔

      4. NPOI 1.2教程（目錄）：大陸網站

八、 付費的網頁列印元件或軟體。

2011/12/27新增：
九、 使用 SVG(Scalable Vector Graphi，可縮放向量圖形)

      1. SVG － 維基百科

      2. 可伸縮向量圖形介紹

      3. SVG Tutorial

      4. svgweb：SVG Web is a JavaScript library which provides SVG support on many browsers，including IE、Firefox、Safari

      5. 技巧：用SVG自動創建 JPEG

      6. 使用腳本動態操作 SVG文檔

      7. 在 SVG中呈現動態圖形

網頁列印

開發必備:WEB列印程式碼大全

http://ltww.pbworks.com/w/page/9112654/%E7%B6%B2%E9%A0%81%E5%88%97%E5%8D%B0

web列印1

相信用B/S方式做過應用的人都可能會遇到這樣一個問題，如何方便、美觀地實現報表列印。如果使用瀏覽器的列印菜單列印的話，將把網頁上的一些無用的東西打到報表上，比如應用菜單等。因為選擇列印菜單列印網頁將會把網頁中的所有內容全部列印出來，如果你的應用有分幀則列印內容將包括各幀中的內容，而你實際要的內容只是其中一部分。所以有很多應用就只能把列印功能放到後台完成了。 　　針對這種情況，我們該怎麼辦？其實可以有多種方法實現網頁列印功能。

　　一種方法就是使用專業的列印工具，如Crystal Reports(水晶報表)。用過Visual Studio 5.0的朋友肯定記得這個工具，不過那時的版本只有4.幾。現在的最新版本已達9了，近幾個版本的水晶報表都支援WEB列印。最簡單的方法是先用水晶報表製作好模板，然後使用ASP帶參數呼叫製作好的模板即可。水晶報表在網頁上產生報表後，可以直接列印，也可以轉存為其它的比較通過的檔案如Excel檔案。使用水晶報表可以製作出非常漂亮的樣式，關鍵在你對水晶報表的開發能力上，但由於水晶報表價格較高，只有當項目很賺錢時才買得起。

　　第二種方法是購買第三方的網上列印控件，費用同水晶報表相比便宜，但效果性能到底如何則仁者見仁了。

　　第三種方法是利用樣式表及JavaScript自定義函數實現。通過樣式表及JavaScript，實現網頁列印，效果也還可以。在此有一個實例請大家看看。下面是列印函數實現詳解：

　　好了，一切就緒了，現在要做的就是呼叫DP函數，如果你將實現呼叫的按鈕設計在同一張網頁上，則直接呼叫即可；如果你用了分幀方法，實現呼叫的按鈕是在另一張網頁上，則在DP函數的第一行加入window.focus()命令，否則列印的只是有按鈕的網頁。

　　第四種方法，實現是一種取巧的方法。一樣還是通過呼叫window.print()實現，只是將你要列印的內容專門產生一張網頁，而 列印按鈕在另一幀上。假設報表網頁在mainFrame上，按鈕在topFrame上，按鈕呼叫PrintReports()函數，PrintReports()函數如下即可實現列印工作。

function PrintReports() //topFrame網頁中的函數

{

try

// *******************************************************

// 錯誤處理，如果在mainFrame中的網頁沒有DP函數則不列印

// *******************************************************

{

window.parent.frames("mainFrame").DP();

}

catch(e)

{

alert("no object to print!");

}

}

function DP() // mainFrame網頁中函數

{

window.focus();

if (window.print)

{

window.print();

}

}

這是一個朋友推薦得方法，不知道還有沒有別得更好得方法

web列印2

---

第1頁

這樣的報表

對一般的要求就夠了。

---

第2頁

看到分頁了吧

這樣的報表

對一般的要求就夠了。

WEB列印 3

我要列印

Java Script Examples

- Java Script Examples

http://yudans.net/javascript/index.php?action=code

[外掛] SNAPWIDGET 幫網站安裝嵌入製作 INSTAGRAM 照片牆

網路上找到這篇
http://www.techcoke.com/2015/10/snapwidget-instagram-website.html

試了一下
感覺還不錯
推薦各位

其中
Responsive記得改為 Yes
圖片大小與顯示張數

SnapWidget 是一款 instagram 的小工具插件，可以讓你快速，方便地在自己的網站或 blog 嵌入 instagram 相片牆。

SnapWidget 除了提供 Wordpress、Tumblr、Blogger 等平台安裝，也支援於一般網頁或響應式網頁 ( RWD ) 裝設。小工具在設定時可以依網站或 blog 主題的外觀和風格，來選擇定義照片牆大小、邊框和背景色而做適當的佈局。
使用時，SnapWidget 會依據填入的 instagram 用戶名或是 #hashtag，讓小插件每 30 分鐘自動刷新照片資料。插件在滑鼠滑入照片時也有淡入淡出效果，額外的，也可以幫照片加入 Facebook 及 Twitter 分享按鈕。

小工具樣式，可以選擇網格 ( RWD )、幻燈片、滑塊 ( 支援觸控：左右滑動 ) 等模式，可以視需求在網頁側邊欄或是底部頁腳安裝。

免費版的用戶，在 Widget 按下照片後，會連結到官方的廣告頁面，如果需求將照片連結至原本的 instagram 圖片展示頁面或是任何網頁頁面，則在「定價版」中才有提供。如果要在網站中快速加入 instagram 照片牆，免費版無需綁定帳號即可方便的使用。

相關連結

SnapWidget 插件頁面：「http://snapwidget.com/」

SnapWidget 定價版：「http://snapwidget.com/pricing」

前往「SnapWidget 插件頁面」將畫面往下拉，即可自定義小工具的樣式。

按下「Preview」可以先預覽照片牆在網站中的顯示樣式。(* instagram 的帳號中的「不公開帳號」要設定為關閉。)

點取「Get Widget」即可將代碼複製下來於網站中使用。如果你的網站為 HTTPS 型式的網址，將代碼網址前的「http://」更改為「//」，照片牆即可在網頁中順利推送。