NuGet套件

Quartz 套件 簡介 Quartz是個排程套件 安裝 $ install-package Quartz 建立Job namespace ConsoleApplication1 {     using System;     using Quartz;     [DisallowConcurrentExecution]     internal class MyJob : IJob     {         public void Execute(IJobExecutionContext context)         {             Console.WriteLine("do job");         }     } } 建立排程 namespace ConsoleApplication1 {     using Quartz;     using Quartz.

正所謂一圖解千文，一張圖表可以更容易地看出資料背後所代表的意義 ChartJS是一套簡單好用基於HTML5的JS Library，提供六種圖表，使用方式還滿簡單地 首先透過Nuget或Bower取得ChartJS $ Install-Package Chart.js $ Bower Install Chart.js 宣告一個canvas元素 <canvas id="myLine" width="300" height="400"></canvas> 準備該適合該圖表的資料 把資料傳入該圖表即可 (function () {  var lineChartData = {  labels: [“January”, “February”, “March”, “April”, “May”, “June”, “July”],  datasets: [  {  fillColor: “rgba(220,220,220,0.5)”,  strokeColor: “rgba(220,220,220,1)”,  pointColor: “rgba(220,220,220,1)”,  pointStrokeColor: “#fff”,  data: [65, 59, 90, 81, 56, 55, 40]  },  {  fillColor: “rgba(151,187,205,0.5)”,

開發Windows Service的時後，為了開發方便，之前都用一些小技巧切換在本機的Console模式和伺服器的Service模式，但在日後維護的時後或是偵錯的時後，總是不太方便，最近用了一個好用的套件叫TopShelf，是一個用來開發Windows Service的框架，實在太好用了，所以記錄一下筆記 首先新增一個Console專案 [](http://2.bp.blogspot.com/-b-j_Dv8q9Y0/Vqg97bx32-I/AAAAAAAADkE/QVrxbWArdXg/s1600/01.%25E6%2596%25B0%25E5%25A2%259E%25E5%25B0%2588%25E6%25A1%2588.png) 透過NuGet安裝TopShelf套件 [](http://4.bp.blogspot.com/-0rrhnPEnOBU/Vqg97v3I74I/AAAAAAAADkQ/3I4zfXvgEYg/s1600/02.%25E5%25AE%2589%25E8%25A3%259D%25E5%25A5%2597%25E4%25BB%25B6.png) 簡單地寫一個類別，包含Start和Stop兩個函式 using System; namespace ConsoleApplication1 { class MyService { public void Start() { Console.WriteLine(“MyService Start”); } public void Stop() { Console.WriteLine("My Service Stop"); } } } 回到應用程式進入點開始配置服務 using Topshelf; namespace ConsoleApplication1 { class Program { static void Main(string[] args) { Topshelf.HostFactory.Run(x=> { x.Service<MyService>(s => { s.ConstructUsing(() => new MyService()); s.WhenStarted(svc => svc.Start()); s.WhenStopped(svc => svc.Stop()); }); x.RunAsLocalSystem(); x.StartAutomatically(); x.SetServiceName("MyService"); x.

ladda-bootstrap用將spin.js整合bootstrap，並加強功能的一個套件 官網上有很詳細的使用範例 透過NuGet就可以安裝 [](http://1.bp.blogspot.com/-IughOK48vhE/VCuejPlOPuI/AAAAAAAABtE/x5bf4Vtf7PY/s1600/01.%E5%AE%89%E8%A3%9D%E5%A5%97%E4%BB%B6.png) 可以看到套件相依於spin.js [](http://2.bp.blogspot.com/-UqPTwSVmbmM/VCuenBELR-I/AAAAAAAABtM/iBFBfK9RyUo/s1600/02.%E5%A5%97%E4%BB%B6%E7%9B%B8%E4%BE%9D%E6%80%A7.png) 使用方式是在button上，加上ladda-button的css類別，要顯示的文字加上ladda-label的css類別 <button id="btn1" class="btn btn-primary ladda-button" data-style="expand-left"> <span class="ladda-label">button</span> </button> 另外透過data-style來指定動畫效果 data-style="expand-left" data-style="expand-right" data-style="expand-up" data-style="expand-down" data-style="zoom-in" data-style="zoom-out" data-style="slide-left" data-style="slide-right" data-style="slide-up" data-style="slide-down" data-style="contract" 最後透過JavaScript來觸發，先用Ladda.create(element)來取得物件 呼叫物件的start來開始動畫 呼叫物件的stop來停止動畫 $(function () { $("#btn1").click(function () { var obj = Ladda.create(this); obj.start(); setTimeout(function () { obj.stop(); }, 1000); }); }); spin.js.2.0.1好像和ladda不太和，最好先降到spin.js 1.3版就好 相關資料 Bootstrap button loading text http://blog.developer.idv.tw/2014/10/bootstrap-button-loading-text.html spin.js 套件 http://blog.developer.idv.tw/2014/10/spinjs.html

spin.js是一個簡單使用的Loading的動畫，官網上有很清楚的使用範例 首先透過NuGet安裝spin.js套件 [](http://1.bp.blogspot.com/-frBwZAmeVK8/VCuYw17LqtI/AAAAAAAABs0/fWYi4xH2j6M/s1600/01.%E5%AE%89%E8%A3%9D%E5%A5%97%E4%BB%B6.png) 網頁中放一個div來轉圈圈，再用一個按鈕來觸發事件 <div id="div1"></div> <input id="btn1" type="button" value="click" /> spin.js本身是無相依性的，這邊用JQuery只是用來綁定事件 呼叫Spinner物件的spin函式來啟用動畫，呼叫stop來停止動畫 $(function () { $("#btn1").click(function () { spinner = new Spinner().spin($("#div1")[0]); setTimeout(function () { spinner.stop(); }, 1000); }); }); 相關資料 Bootstrap button loading text http://blog.developer.idv.tw/2014/10/bootstrap-button-loading-text.html ladda-bootstrap 套件 http://blog.developer.idv.tw/2014/10/ladda-bootstrap.html