瀏覽分類：

心得筆記

[IIS] Windows Server 2016 無法安裝 URL Rewrite !?

今天興致來在VM上灌了2016打算把Wordpress移植過去的時候發現，無法安裝URL Rewrite !!!!
我明明就已經7.0以上了阿，我書讀得少不要唬爛我啊 !!!
2016-12-16-20_01_04-winserver_2016-vmware-workstation

 

餵狗了一下才發現，原來不只我有這個問題，解法如下：

  1. Win+R輸入下方指令打開註冊檔 
    regedit
  2. 找到HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\InetStp\MajorVersion
  3. 將數值修改為 7 再進行安裝!!
    2016-12-16-20_02_19-winserver_2016-vmware-workstation
  4. 就可以順利安裝囉 !!
    2016-12-16-20_02_44-winserver_2016-vmware-workstation
  5. 安裝完記得改回去嘿，避免發生不必要的錯誤 !!

 

 

來源：https://forums.iis.net/t/1225087.aspx

       

[轉載] 系統架構設計

來源：[鐵人30天]當ASP.NET MVC 遇見 Angular.js MVC 客戶管理系統(3) – 系統架構設計

* 為何要分層架構規劃

分層的重要性，也是寫程式幾年後才真的領悟，ASP時代那種義大利麵式的寫法(html、Script、後端程式、SQL程式全混再一起)，接著WebForm CodeBind將前後端拆後，再到現在慣用的MVC，深深覺得”關注點分離”這的確是一件很重要的事，目前開發習慣，即使專案在小，也會整理出自己的三層架構起手式，如果是更大型專案，就會再更細分。

架構圖：

_thumb3

各分層介紹：

  • DAL(Data Access Layer) : 有關SQL語法、EntityFream資料庫溝通，都會在此層。
  • BLL(Business Login Layer):資料流從DB或從User輸入後，一定會有一些邏輯判斷，該商業邏輯流程都會寫在此層
  • UI(User Interface):有關Web專案、Web API(Web Service)、Apps 都會在此層
  • Domain Entity : 裡面會有定義ViewModel Class，用來貫穿三個分層
  • Resources:用來放一些資源檔 … e.g 多國語系檔
  • Utility : 用來放置一些共用函示庫 … 如加解密

整個專案建立完如下圖：

1_thumb4

       

[NG2] 了解 Angular CLI 產生的專案目錄結構

來源：[Angular2速成班]了解Angular CLI產生的專案目錄結構

透過Angular CLI我們可以很容易的建立一個具有一致性的專案架構，今天我們就來簡單介紹一下使用ng new指令產生的專案目錄內容，讓以後在開發Angular2專案時可以很清楚知道檔案的存放位置。

 

/protractor.conf.js
/e2e

e2e這個資料夾主要用來存放end to end的測試案例，Angular2 CLI產生的專案會使用protractor來進行end to end測試，protractor是angular開發團隊推出的end to end測試框架，自然跟Angular2最match啦！關於測試相關的設定，則是存放在/protractor.conf.js這個檔案中。
我們可以透過 ng e2e 指令來進行end to end的測試。

 

/node_modules

我想不用介紹太多，只要對前端工程有一定熟悉的人都知道這個目錄是用來幹嘛的，簡單來說就是所有相關會用到的模組都在這個資料夾裡啦！

 

/src

這個目錄非常重要，因為它就是我們未來所有撰寫的程式碼會存放的目錄，所以以後會常常近來這個目錄操作哩；當我們使用Angular CLI產生需要的檔案時，也都會存放在這個目錄之中。

 

/.editorconfig

EditorConfig是專門給IDE看的一個檔案，用來告知IDE該如何調整專案目錄下的程式碼風格，如果IDE支援的話，就能夠針對.editorconfig這個檔案的設定來調整你的程式碼風格，如果不支援的話，這個檔案就可有可無囉。

如果是使用Visual Studio Code開發的話，可以安裝EditorConfig for VS Code這個外掛來讓它支援EditorConfig

 

./angular-cli.json

給Angular CLI看的設定檔，基本上就是一些目錄及打包程式時的設定，如果團隊開發對於檔案存放目錄有特別設定的需求，或打包程式時需要引入額外的程式庫，都可以在這個檔案中設定。

 

./karma.conf.js

Angular CLI產生的專案使用Karma作為unit test的測試框架，因此相關設定都寫在這裡囉。要進行unit test時，可以使用 ng test 指令。

 

./tslint.json

用來針對TypeScript的程式撰寫風格進行規範(linter)的設定檔，就如同CSSLint、ESLint等，我們也可以透過TSLint來檢查TypeScript的coding style，只要執行 ng lint 來檢查就可以了。

       

[應用] SSD 4K對齊

在Windows安裝前，先按下Shift+F10進入Command模式，並輸入diskpart即可開始進行分割磁區！

 

  1. 列出硬碟清單，找出要操作的編號 
    list disk
  2. 選擇硬碟 
    select disk 0
  3. 清除硬碟 
    clean
  4. 初始化磁區 
    create partition primary align=1024
  5. 列出磁區，找出要操作的編號 
    list partition
  6. 選擇磁區 
    select partition 1
  7. 啟用磁區 
    active
  8. 格式化 
    format fs=ntfs unit=4096 quick
  9. 完成！

 

 

       

[Regex] 知道這20個規則運算式，能讓你少寫1,000行代碼(2017/04/22)

轉載：知道这20个正则表达式，能让你少写1,000行代码

 

規則運算式，一個十分古老而又強大的文本處理工具，僅僅用一段非常簡短的運算式語句，便能夠快速實現一個非常複雜的業務邏輯。熟練地掌握規則運算式的話，能夠使你的開發效率得到極大的提升。

規則運算式經常被用於欄位或任意字串的校驗，如下面這段校驗基本日期格式的JavaScript代碼：

var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/; 
var r = fieldValue.match(reg); 
if(r==null)alert('Date format error!');

下面是技匠整理的，在前端開發中經常使用到的20個規則運算式。

 

  1. 校驗密碼強度
    密碼的強度必須是包含大小寫字母和數位的組合，不能使用特殊字元，長度在8-10之間。

    ^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$
  2. 校驗中文
    字串僅能是中文。

    ^[\\u4e00-\\u9fa5]{0,}$
  3. 由數位、26個英文字母或底線組成的字串 
    ^\\w+$
  4. 校驗E-Mail 地址
    同密碼一樣，下面是E-mail地址合規性的正則檢查語句。

    [\\w!#$%&'*+/=?^_`{|}~-]+(?:\\.[\\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\\w](?:[\\w-]*[\\w])?\\.)+[\\w](?:[\\w-]*[\\w])?
  5. 校驗身份證號碼
    下麵是身份證號碼的正則校驗。15 或 18位。

    • 15位 
      ^[1-9]\\d{7}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}$
    • 18位 
      ^[1-9]\\d{5}[1-9]\\d{3}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}([0-9]|X)$
  6. 校驗日期
    “yyyy-mm-dd“ 格式的日期校驗，已考慮平閏年。

    ^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$
  7. 校驗金額
    金額校驗，精確到2位小數。

    ^[0-9]+(.[0-9]{2})?$
  8. 校驗手機號下麵是國內 13、15、18開頭的手機號規則運算式。（可根據目前國內收集號擴展前兩位開頭號碼） 
    ^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\\d{8}$
  9. 判斷IE的版本IE目前還沒被完全取代，很多頁面還是需要做版本相容，下面是IE版本檢查的運算式。 
    ^.*MSIE [5-8](?:\\.[0-9]+)?(?!.*Trident\\/[5-9]\\.0).*$

     

  10. 校驗IP-v4地址IP4 正則語句。 
    \\b(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\b

     

  11. 校驗IP-v6地址IP6 正則語句。 
    (([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))

     

  12. 檢查URL的首碼應用開發中很多時候需要區分請求是HTTPS還是HTTP，通過下面的運算式可以取出一個url的首碼然後再邏輯判斷。 
    if (!s.match(/^[a-zA-Z]+:\\/\\//))
{
    s = 'http://' + s;
}

     

  13. 提取URL連結下面的這個運算式可以篩選出一段文本中的URL。 
    ^(f|ht){1}(tp|tps):\\/\\/([\\w-]+\\.)+[\\w-]+(\\/[\\w- ./?%&=]*)?

     

  14. 檔路徑及副檔名校驗驗證windows下檔路徑和副檔名（下面的例子中為.txt文件） 
    ^([a-zA-Z]\\:|\\\\)\\\\([^\\\\]+\\\\)*[^\\/:*?"<>|]+\\.txt(l)?$

     

  15. 提取Color Hex Codes有時需要抽取網頁中的顏色代碼，可以使用下面的運算式。 
    ^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$

     

  16. 提取網頁圖片假若你想提取網頁中所有圖片資訊，可以利用下面的運算式。 
    \\< *[img][^\\>]*[src] *= *[\\"\\']{0,1}([^\\"\\'\\ >]*)

     

  17. 提取頁面超連結提取html中的超連結。 
    (<a\\s*(?!.*\\brel=)[^>]*)(href="https?:\\/\\/)((?!(?:(?:www\\.)?'.implode('|(?:www\\.)?', $follow_list).'))[^"]+)"((?!.*\\brel=)[^>]*)(?:[^>]*)>

     

  18. 查找CSS屬性通過下面的運算式，可以搜索到相匹配的CSS屬性。 
    ^\\s*[a-zA-Z\\-]+\\s*[:]{1}\\s[a-zA-Z0-9\\s.#]+[;]{1}

     

  19. 抽取注釋如果你需要移除HMTL中的注釋，可以使用如下的運算式。 
    <!--(.*?)-->

     

  20.  匹配HTML標籤通過下面的運算式可以匹配出HTML中的標籤屬性。 
    <\\/?\\w+((\\s+\\w+(\\s*=\\s*(?:".*?"|'.*?'|[\\^'">\\s]+))?)+\\s*|\\s*)\\/?>

     

  21. 6-20位英數混合字，不可以輸入空白字元、特殊符號。(2017/04/22) 
    /^(?=.*[a-zA-Z])(?=.*\d)[a-zA-Z0-9]{6,20}$/

 

       

[C#][ASP.NET MVC5] 繼承 ValidationAttribute 簡單實作表單欄位驗證

有用過MVC的人一定都知道只要在Model上面加標籤[Required]，即可達到前後端驗證欄位必填的效果，無聊研究了一下來簡單實作自定義的表單欄位驗證 !!

 

  1. 首先建立一個類別，繼承ValidationAttribute，宣告m_BaseText變數來儲存預設禁止的文字，而m_Text則是用來儲存禁止其他文字用的變數。 
    public class ExampleAttribute : ValidationAttribute
{
	private string[] m_Text;
	private string[] m_BaseText = new string[] { @"\", @"/", @"<", @">" };
}
  2. 接下來利用多載宣告兩個建構子，一個是不帶參數的，另一則是型別為string[]的Text變數，並放到剛剛宣告的m_Text裡面。 
    public ExampleAttribute()
{
	m_Text = new string[] { };
}

public ExampleAttribute(string[] Text)
{
	this.m_Text = Text;
}
  3. 接下來把IsValid方法override掉，並實作驗證機制。 
    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
{
	string strValue = (string)value;
	string[] strBaseError = m_BaseText.Where(x => strValue.Contains(x)).ToArray();
	string[] strCustomError = m_Text.Where(x => strValue.Contains(x)).ToArray();

	if (strBaseError.Count() == 0 && strCustomError.Count() == 0)
	{
		return ValidationResult.Success;
	}
	else
	{
		List<string> temp = new List<string>();
		temp.AddRange(m_BaseText.ToList());
		temp.AddRange(m_Text.ToList());
		string errorMsg = $"禁止輸入 [{string.Join(", ", temp.ToArray())}] !!";
		return new ValidationResult(errorMsg);
	}
}
  4. 完成 !!
    2016-09-26-23_22_37-example-%e6%88%91%e7%9a%84-asp-net-%e6%87%89%e7%94%a8%e7%a8%8b%e5%bc%8f

    2016-09-26-23_29_45-example-%e6%88%91%e7%9a%84-asp-net-%e6%87%89%e7%94%a8%e7%a8%8b%e5%bc%8f

原始碼：https://github.com/shuangrain/WebApplication_CustomAttribute

       

[C#][ASP.NET WebAPI] 如何讓 WebAPI 支援 Session ?

WebAPI原本無法使用HttpContext.Current.Session["aaa"]這樣的方法來使用Session，幸好有找到解決方法可以用。

 

在檔案：~/Global.asax，內新增以下程式碼即可支援

protected void Application_PostAuthorizeRequest()
{
	System.Web.HttpContext.Current.SetSessionStateBehavior(System.Web.SessionState.SessionStateBehavior.Required);
}

 

參考：

 

       

[C#][ASP.NET WebAPI] 修改預設回傳格式為Json

最近在玩ASP.NET Web API，他不但支援Json也支援Xml，但預設回傳的格式是Xml怎麼辦？

 

檔案位置：~/App_Start/WebApiConfig.cs

//預設回傳Json
MediaTypeHeaderValue appXmlType = config.Formatters.XmlFormatter.SupportedMediaTypes.FirstOrDefault(t => t.MediaType == "application/xml");
config.Formatters.XmlFormatter.SupportedMediaTypes.Remove(appXmlType);

 

參考：

       

[MSSQL] 當自動識別欄位需要Insert資料時應該怎麼辦 ?

今天在手動將MySQL資料匯入MSSQL時遇到了這個問題，但又不想將自動識別欄位取消掉，於是乎找了一下資料來解決 …

 

語法：

SET IDENTITY_INSERT TABLE_NAME OFF;
SET IDENTITY_INSERT TABLE_NAME ON;

 

範例：

SET IDENTITY_INSERT [dbo].[Demo] ON;

INSERT INTO [dbo].[Demo] ([ID], [Name]) VALUES (N'1', N'王小名');

INSERT INTO [dbo].[Demo] ([ID], [Name]) VALUES (N'2', N'王大名');

SET IDENTITY_INSERT [dbo].[Demo] OFF;

 

 

參考：

  1. 在程式開發時使用SET IDENTITY_INSERT似乎無效？
  2. SQL錯誤訊息：當IDENTITY_INSERT 設為OFF 時，無法將外顯