2013年8月30日 星期五

[jQuery Mobile] 可摺疊式(collapsible)加入搜尋功能

如果想要在 collapsible 內加入搜尋功能 (data-filter)
必須在collapsible-set 內加上Listview
因為 collapsible 本身就沒有搜尋選項
所以需要混合Listview 來做

例子:
<div data-role = "collapsible-set">
   <ul data-role="listview" data-filter="true">
       <div data-role ="collapsible">
            資料....
       </div>
   </ul>
</div>


參考資料:
How to filter collapsible set with jQuery Mobile? - stackoverflow

2013年8月5日 星期一

讓SqlDataSource 能夠在Timer運作的方法

最近碰到了問題是在 Timer 內的SqlDataSource 沒有任何的動作
不管是在UpdatePanel裡,還是在Time_Trick 事件內都沒有動作
之後在這篇資料中找到的問題

參考資料:
Caching Data with the SqlDataSource Control

解決的方法是在
SqlDataSource內把 EnableCaching 的選項打開就好了
以下也是取自參考資料

<asp:SqlDataSource
                id="SqlDataSource1"
                runat="server"
                DataSourceMode="DataSet"
                ConnectionString="<%$ ConnectionStrings:MyNorthwind%>"
                EnableCaching="True"
                CacheDuration="20"
                SelectCommand="SELECT EmployeeID,FirstName,LastName,Title FROM Employees">
            </asp:SqlDataSource>

2013年8月2日 星期五

SQL 資料庫內的 Date

儘管SQL 內的資料型別設為 Date
不過在ASP.NET 內的SQLDataReader 仍然會顯示出 時間 如 " 上午 12:00:00"

對於這些問題,我目前有兩個方法,對於不同環境用不同方法

一、把他轉成DateTime模式

DateTime Date= myDataReader.GetDateTime(第幾攔位數);

二、直接在後面加上時間
上面有提到的時間是" 上午 12:00:00"
所以只要在DateTime的後面加上時間就行了


DateTime.Now.ToShortDateString() + " 上午 12:00:00"

參考資料
How to convert a SQL date to a DateTime?

2013年8月1日 星期四

安裝 SQL Server 給自己的提醒

最近這兩天一直在作架設伺服器
也一直頻頻出現一堆問題
尤其是SQL Server的問題

所以也對之後給自己一些提醒
一、安裝下去一定要備份還原點
因為在VS內的SQL Server 與 再安裝的SQL Server使用的是一樣的
如果再把SQL Server 刪掉,要小心程式的資料庫會開不了
與其它SQL Server 不能再安裝等種種莫名其妙的原因

二、除了開啟防火牆之外,也要注意分享器
自己曾在SQL Server的埠上面停頓了許久
東看看,西看看,甚麼設定都做了,就是沒有任何辦法連接
在絕望之餘無聊翻一下分享器,結果在Port Fowarding那裡就成功了

三、如果忘了自己的密碼,是本機的話改用Windows驗證
通常在安裝SQL Server 時都一定會要求你放個SQL的管理員,通常就會是本機的管理員
當然大部分都會開啟混合驗證(除非想被別人亂改資料庫)
而當自己不慎忘記帳密的話,在伺服器內使用Windows驗證就行了
*不要為了忘記帳密就重新安裝 回到第一點
另外提醒 SQL Server 可以在 安全性->登入內設定帳號與修改密碼
修改 帳密可參考:邱景憶的筆記:SQL Server 更改使用者密碼

以上之後可能會再補充

其他問題的參考資料
[錯誤代碼]SQL Server無法附加資料庫? 錯誤碼 5120 / 作業系統: 5 權限不足
由於無法啟動使用者執行個體的處理而無法產生SQL Server 的使用者執行個體。此連接將會關閉
[MS-SQL] SQL Server 2008 組態管理工具出現:遠端程序呼叫失敗 0x800706be 解決方法

2013年7月28日 星期日

jQuery Mobile的範例網頁

jQuery Mobile Examples - JQM Gallery

提供所有擁有行動版的網站,可以對網站的版面做一些參考

Jquery Mobile 中文API站

Jquery Mobile的中文教學網站,且擁有版面配置的功能
重點是可以看他的原始碼

2013年7月23日 星期二

Session與Global.asax相關的筆記

最近開始在做網站的瀏覽統計
所以對這些方面參考了一些資源

Session
[ASP.NET]Session詳解
Session.Clear() or Session.Abandon() ?
[ASP.NET]Session的幾個有趣現象

特別的是我在Web.config上沒有發現到有關 sessionState 的標籤,但是可以自己新增。
而我所得到的重點是
  • sessionSate內的 mode 是 InProc 的話,Session_End的執行就會有效
  • sessionSate內的 cookieless 如果是 true,IIS會自動分配給你SessionID,不過這樣會使IsNewSession沒有用處
  • Session內的Clear指令是刪除Session的數值,而本身的Session會留著
  • 而Abandon是把Session整個刪除、下次登入之後就會分發新的Session,效果就如同timeout一樣,而且會觸發Global.asax內的Session_End事件
Global.asax

主要是控制網頁開啟、網頁出錯、客戶瀏覽等事件。

  • Application_Start 是在伺服器開啟時就會啟動這個事件
  • Application_BeginRequest 是傳送檔案時(如FileUpload)就會啟動這個事件
  • Session_Start 是客戶端只要一進到網頁就會啟動的事件
  • Session_End 是 mode 為 InProc 才會觸發的事件,只要是timeout或是執行Session.Abandon()都會觸發

DataReader 與 Connection 的關係

在資料庫的讀取中,大部分的方法就是
設定 Connection、設定Commander、最後就是用DataReader讀出
不過我在之前完全不知道,為什麼要打開與關閉Connection,
只是照著網路與程式錯誤來配合開關,直到最近,遇到了一個問題

已經開啟一個與這個連接相關的 DataReader,必須先將它關閉。

碰到問題之後上網找解答時,找到了這個
DataReader關閉的問題  --  程式設計俱樂部

我才發現,其實每次執行Commander之後,Connection就會被那個Commander給獨佔,
如果其他Commander想要連結同一個Connection的話,就會顯示錯誤。

這時有幾個方法:
一、新增另一個Connection
二、如果是Select的話,改用DateTable讀取(不用再開啟Connection)
三、每執行完一個指令之後,將Connection關閉再開啟
例如:

Connection.open();
指令一
Connection.close();
Connection.open();
指令二
Connection.close();


不過VS 2012上測試之後,發現這問題似乎解決了...
所以給用VS 2010寫的人一些解決方法。

2013年7月20日 星期六

控制項的事件問題(ListView)

在撰寫程式的途中,我在ListView中分別加入了兩個按鈕,
而這兩個按鈕中,分別會有不同條件來顯示。
不過當我把程式碼寫入,Page_Load的時候

卻發現出現了Out of Range這種錯誤,
結果問題是出現在ListView裡面根本就沒有資料,
當時想到的就是網頁的生命週期的問題,


--------------以上是個人猜測,如果不正確,請婊用力一點--------------
就在這時發現,
在開始的階段內,如果IsPostBack的階段是Page_Load的話,
那在初始化階段才開始做控制項的東西,
那就代表在Page_Load的時候,控制項根本就還沒有動作。
---------------------------------------------------------------------------------

在之後的解決方法就是:
直接在Page_Load繫結ListView的資料來源

參考資料
FindControl dropdownlist in ListView ItemTemplate in Page_Load
ASP.NET 網頁生命週期概觀

2013年7月19日 星期五

ASP.NET 圖片管理員(多重上傳)

在很多上傳圖片之類的例子中,通常想到的都是用FileUpload上傳檔案。
上傳的檔案就在資料夾內,如果在之後沒有再用到的話怎麼辦?
所以我就做出了這樣的程式能夠為自己的圖片做簡單的新增與刪除。


這裡是主頁(接收圖片資料)的程式碼 protected void Page_Load(object sender, EventArgs e)
{
     if (Session["Img"] != null)
     {
        lblGetName.Text = "發現圖檔已傳送," + Session["Img"].ToString();
     }
}

這裡是圖片管理員的程式碼

protected void Page_Load(object sender, EventArgs e)
{
      // 這裡是讀取圖片資料夾,並取出資料
      // 資料夾資料
      DirectoryInfo dir = new DirectoryInfo(Server.MapPath ("Image"));
      // 檔案資料 (取出自資料夾)
      FileInfo[] file = dir.GetFiles();
      // 計算ID 流水號
      int ID = 0;

      foreach (FileInfo result in file) 
      {
            ID++;
            // 創出 CheckBox,並設定相關的數值
            CheckBox img = new CheckBox();
            img.ID = "Img" + ID;
            img.Text = "<img src='Image\\" + result.Name + "' width='100' height='100' />";
            img.InputAttributes["value"] = result.Name;
            // 加入到 PlaceHolder 內
            PlaceHolderImage.Controls.Add(img);
      }
}

protected void btnNew_Click(object sender, EventArgs e)
{
       // 取得檔案路徑
       string saveDir = "\\Image\\";
       string fileName, savePath;

        // 取得檔案名稱並儲存檔案
        // 這裡是.NET 4.5的多重檔案上傳(PostedFiles)
        foreach (HttpPostedFile postedFile in FuImage.PostedFiles)
       {
             fileName = postedFile.FileName;

             savePath = Server.MapPath(saveDir + fileName);
             postedFile.SaveAs(savePath);

        }
        Response.Write("<script language='javascript'>alert('上傳成功');location.href='ImageManager.aspx';</script>");
         
}

protected void btnUse_Click(object sender, EventArgs e)
{
        // 取出選取檔案的名稱
        string useimage = "";
        for (int chk = 1; chk <= PlaceHolderImage.Controls.Count; chk++)
       {
            // PlaceHolder內的Checkbox
            CheckBox chkimg = (CheckBox)PlaceHolderImage.FindControl("Img" + chk);
            // 確認是否選取
            if (chkimg.Checked)
            {
                 useimage += Request.Form["Img" + chk]+",";
            }
        }
            // 使用 Session 紀錄資料
            Session["Img"] = useimage;
            Response.Redirect("Default.aspx");
        }

protected void btnDel_Click(object sender, EventArgs e)
{
        // 刪除圖片
        bool notexist = false;
        DirectoryInfo dir = new DirectoryInfo(Server.MapPath("Image"));
        FileInfo[] file = dir.GetFiles();
        int ID = 0;
          foreach (FileInfo delfile in file)
          {
                ID ++ ;
                CheckBox chk = (CheckBox)PlaceHolderImage.FindControl("Img" + ID);
              if (chk.Checked)
              {
                  //確認檔案存在
                  if (delfile.Exists)
                  {
                      delfile.Delete();
                  }
                  else
                  {
                      notexist = true;
                  }
              }
          }

          if (notexist == true)
          {
              Response.Write("<script language='javascript'>alert('刪除失敗,圖檔不存在')</script>");
          }
          else
          {
              Response.Write("<script language='javascript'>alert('刪除成功');location.href='ImageManager.aspx';</script>");
          }
}


參考資料
FileUpload控制項「批次上傳 / 多檔案同時上傳」的範例 -- AllowMuliple屬性
[ASP.NET] 替CheckBox增加Value值

範例下載
點我

2013年7月16日 星期二

ASP NET 幾種資料庫連結方法 (Access為例)

首先在這裡介紹幾個ASP.NET連結資料庫的幾種方法
因為範例的資料庫是Access,所以就使用Access的方式來連結
(其實也差不了多少)

方法一
完全使用程式碼來操作
OleDbConnection conn = new OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=|DataDirectory|NorthWind.mdb;Persist Security Info=True"); //連結字串
conn.Open(); // 開啟連結
OleDbCommand cmd = new OleDbCommand(readcmd , conn); //指令 設定住在London的人
OleDbDataReader dr = cmd.ExecuteReader(); // 讀取到DataReader
//while (dr.Read()) // 如果有讀取到 (這裡是直接輸出)
//{
// Response.Write(dr[0].ToString() +" "+dr[1].ToString ()+" "+dr[2].ToString ()+" "+dr[3].ToString ()+" "+dr[4].ToString ()+" "+dr[5].ToString ()+ "
"); //輸出
//}
// 這裡是使用GridView輸出
GridView1.DataSource = dr;
GridView1.DataBind();
conn.Close(); //關閉連結
// 註:readcmd 是連結的指令 例如:Select * From Student...


方法二
使用控制項寫入程式碼(以AccessDataSource為例)
這個感覺就簡單多了
// 連結
AccessDataSource1.DataFile = "~/App_Data/NorthWind.mdb";
// 這是Sql的例子
SqlDataSource1.ConnectionString = System.Web.Configuration.WebConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;

// 指令
AccessDataSource1.SelectCommand = "Select * From Customers Where City='London'"; GridView1.DataSourceID = "AccessDataSource1";

註:在上面的Sql連結例子中,ConnectionString 內的["ConnectionString"]是需要在web.config上設定的,也可以使用精靈設定(較簡單)
<add name connectionstring="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=|DataDirectory|NorthWind.mdb;Persist Security Info=True" name="ConnectionString" providername="System.Data.OleDb">
方法三 完全不使用程式碼
就是完全使用精靈製作啦
雖然說是精靈製作,但其實在HTML編碼上面還是能夠改屬性的
<asp:accessdatasource ID="AccessDataSource1" 控制項ID
runat="server" 在伺服器上運作
DataFile="~/App_Data/NorthWind.mdb" 實體資料庫
SelectCommand="Select * From Customers Where City = 'London'"> 指令


參考資料
不支援關鍵字: 'provider'
Can´t bind a OleDbDataReader to a GridView
[教學] 如何在 Blogger 文章裡顯示程式碼?