.Net Core Razor decimal 去除後面多於小數點

<input type="number" asp-for="@Model[i].Field" class="form-control text-right" required step="1" asp-format="{0:0.#}" >

自己筆記一下

.Net Core One Form MultipeSubmit with ajax

之前一個from多按鈕作法在網路上很多
MultipleButtonAttribute<=之前都用這個方式可Google就有了
使用.Net Core時單純的直接submit的話一般方法都可以
目前使用jquery.unobtrusive-ajax來做的話都送不到後端
但用習慣了還是想繼續用下去
試過了很多方法最後找到一篇文章經測試後可以使用
Html部分如下跟之前一樣只是沒特別指定asp-controller and asp-action

<form data-ajax-begin="OnBegin" data-ajax-complete="OnComplete" data-ajax-method="post" data-ajax-success="OnSuccess" data-ajax="true" id="from1" method="post">
<div class="form-group">
<button class="btn btn-primary" id="Edit" type="submit">編輯</button>
      <button class="btn btn-danger" id="Delete" type="submit">刪除</button>          
   </div>
</form>

javascript部分使用jquery在按鈕點擊後加上data-ajax-url的url
這是這次的重點部分

<script src="~/lib/Microsoft.jQuery.Unobtrusive.Ajax/jquery.unobtrusive-ajax.min.js"></script>
     <script>
        $("#Edit").on("click", function () {
            $("#from1").attr("data-ajax-url", "@Url.Action("自訂Action", "自訂Controller")" );
        });

        $("#Delete").on("click", function () {
              if (!confirm("確定刪除！！"))
                    return false;

            $("#from1").attr("data-ajax-url", "@Url.Action("自訂Action", "自訂Controller")" );
        });
    </script>

後端部分宣告兩個ActionResult來接收即可

[HttpPost]
[ValidateAntiForgeryToken]       
public IActionResult Edit()
{
    ResultViewModel result = new ResultViewModel();
    return Json(result);
}

[HttpPost,ActionName("Delete")]
[ValidateAntiForgeryToken]     
public IActionResult DeleteConfirmed()
{
     ResultViewModel result = new ResultViewModel();
return Json(result);
}

個人覺得這樣寫程式有點不好看
但目前好像就只有這方法可行
歡迎有更好方法可以提供謝謝
參考來源
jQuery Unobtrusive Ajax Helpers in ASP.NET Core
Multiple Submit Buttons

c# 基礎連接已關閉: 無法為 SSL/TLS 安全通道建立信任關係。

公司將一些網站改走SSL後發現有些POST取資料功能失效了
出現基礎連接已關閉: 無法為 SSL/TLS 安全通道建立信任關係
解法辦法

ServicePointManager.ServerCertificateValidationCallback += (sender, cert, chain, sslPolicyErrors) => true;<=加入
ServicePointManager.SecurityProtocol = SecurityProtocolType.Ssl3 | SecurityProtocolType.Tls | SecurityProtocolType.Tls11 | SecurityProtocolType.Tls12;<=加入

參考來源
[faq]解決C#呼叫有ssl憑證問題的網站出現遠端憑證是無效的錯誤問題
C# HttpReques 基礎連接已關閉: 無法為 SSL/TLS 安全通道建立信任關係 強制跳過 TLS驗證
C# 連線 HTTPS 網站發生驗證失敗導致基礎連接已關閉

未分類 Blazor 好用Component

Blazor 已經跟Angular一樣都是用Component
雖然jQuery部分還是可以是使用
但jQuery UI部分在使用上可能無法那麼順利
所以目前可能真的要走向Blazor Component方式
以下目前覺得好用的Component
如果您有不錯的可以提供謝謝

AutoComplete
Typeahead

DatePicker
BlazorDateRangePicker

Verification(自訂驗證比設定在model class來的彈性)
Integrating FluentValidation with Blazor

Pagination(我是參考以下三篇做成一個自己需要的Pagination Component)
Blazor.Pagination
Building Blazor shared pager component
8 - Blazor - Pagination with ASP.NET Core, Entity Framework Core and Blazor

Sortable(參考下篇應該就能做出了)
Exploring Blazor by Making An HTML Table Sortable in .NET Core

Third Party(可能需要付費)
Telerik
Syncfusion
Radzen
matblazor.com
Blazorise
如果有需要可以自行決定


參考來源
ASP.NET Core Blazor JavaScript interop

.Net Core Scaffold-DbContext Build failed.

承接問題4.Net Core 如何採用DB First
剛發現Build failed
如過自行修改了Scaffold-DbContext所產生的class很容易遇到
目前我是三層式架構所以有多專案在一個方案裡面
測試了兩三次
先將其他專案都移除後再執行Scaffold-DbContext
就可以順利產生class之後再將其他專案加回來
有更好辦法也可提供

2023-10-31補充更新
model的專案設定成預設專案後再執行即可

.Net Core 3.0以上版本分頁問題

今天寫了Blazor的Sample專案測試到了分頁時

 stafflist = await this._staffService.GetAll().Skip(1).Take(1).ToListAsync();

出現了下列錯誤

SqlException: 接近 'OFFSET' 之處的語法不正確。 FETCH 陳述式中的選項 NEXT 使用方式無效。 context

後來找到一堆方法

services.AddDbContext<CoreSampleContext>(options => options.UseSqlServer(ConnectionString));

改成

services.AddDbContext<CoreSampleContext>(options => options.UseSqlServer(ConnectionString,build =>build.UseRowNumberForPaging()));

很好一樣出錯，後來找到了原因，目前使用的資料庫是SQL Server 2008R2
微軟提到了已移除 UseRowNumberForPaging 目前可能只有兩條路
1.升級SQL Server
2.降低.Net Core版本
3.Dapper或其他可直接下SQL語法

.Net Core 如何採用DB First

必須安裝下列安裝(套件管理主控台)

Install-Package Microsoft.EntityFrameworkCore.SqlServer -Version 3.1.0
Install-Package Microsoft.EntityFrameworkCore.SqlServer.Design -Version 1.1.6
Install-Package Microsoft.EntityFrameworkCore.Tools -Version 3.1.0

Install-Package Microsoft.EntityFrameworkCore.SqlServer 
Install-Package Microsoft.EntityFrameworkCore.SqlServer.Design  
Install-Package Microsoft.EntityFrameworkCore.Tools  

//第一次乾淨時

Scaffold-DbContext "Server=192.168.0.1;Database=Sample;user id=sa;password=1234567;" Microsoft.EntityFrameworkCore.SqlServer -OutputDir Models -Project sample.model

//有更新時

Scaffold-DbContext "Server=192.168.0.1;Database=Sample;user id=sa;password=1234567;" Microsoft.EntityFrameworkCore.SqlServer -OutputDir Models  -Project sample.model -Force

//需與原資料庫同檔名時

Scaffold-DbContext "Server=192.168.0.1;Database=Sample;user id=sa;password=1234567;" Microsoft.EntityFrameworkCore.SqlServer -OutputDir Models -Project sample.model   -UseDatabaseNames

常遇到Build failed或是直接沒反應
方法1.將專案設為起始專案
方法2.移除其他專案再執行在加回其他專案
方法3.檢查是否其他地方有錯誤
參考來源
ASP.NET Core 3.0 如何使用 Database First
“Build failed” on Database First Scaffold-DbContext How to prevent Entity Framework Core 2.0 from Renaming Tables and Columns in Generated Classes (Database First)
Scaffold-DbContext

.Net Core 如何發佈到IIS

.Net Core最有價值的就是跨平台
不用再依附於.net framework 發佈時
以下依需求選擇
1.可選擇.net core版本
2.與Framework相依或獨立
3.發佈到linux osx win

發佈到IIS上其實跟原本設定的方式都一樣
但須特別安裝 .NET Core RunTime 及 .Net Core Windows Server Hosting

發佈到linux可參考官網Linux 上 .NET Core 的必要條件
發佈到Max可參考官網macOS 上 .NET Core 的先決條件

如果程式發佈是winX64時在IIS上啟用32位元則要關掉
否則可能出現，HTTP Error 500.32 - ANCM Failed to Load dll 的錯誤

參考來源
IIS - 運行 ASP.NET Core 網站
[ASP.net Core] 部署 ASP.net Core 到 IIS 個人踩雷合集

.Net Core Visual Studio如何安裝JS/CSS套件問題

開了一個.Net Core 3.0專案後，

習慣性的想要安裝常用必備的套件打開Nugut套件管理員 > 套件管理主控台，

然後貼上常用的語法按Enter跑完了！！

發現疑！！怎麼js都沒安裝，

看了一下內容完全沒有任何.js的文件進來，

找了一篇文章如下參考有寫到可使用Bower，
找一下Bower發現暗黑執行序有文章寫到Bower被放生了，
多了一個Library Manager，使用起來是蠻簡單的。
專案上右鍵 > 加入 > 用戶端程式庫 ＞ 提供者、程式庫輸入條件安裝即可

參考來源

How do I include JavaScript packages I install from Nuget?
ASP.NET Core 練功筆記3 - 使用 LibMan 安裝 JavaScript 程式庫

.Net Core 3.0 WinForm 無設計畫面

看完了ASP.NET Core 值得學嗎？發覺.net Core的確有學習的必要，
於是先用winform來試試，沒想到發現居然沒設計畫面，
在網路上找到已經有擴充套件及影片C# Tutorial - NET Core 3.0 WinForms Designer | FoxLearn
套件頁面：WINDOWS FORMS: .NET CORE WINDOWS FORMS DESIGNER
使用方法：下載安裝套件，重開VS2019即可
目前尚未遇到有出問題
參考來源
C# Tutorial - NET Core 3.0 WinForms Designer | FoxLearn

c# 日期區間小撇步

單一日期查詢只需比對大於and小於
但若日期開兩個欄位，
一個是日期起，
一個是日期迄，
如何查詢區間內的資料?

舉例:
想知道2019-09-01到2019-09-30之前有哪些人在職
稍微畫個圖後有了靈感

((到職日期 <= 2019-09-30 && 離職日期 >= 2019-09-01)  || (離職日期 ＝null ))

會就在這個區間

c# string.Format、StringBuilder.AppendFormat 輸入字串格式不正確

今天早上發生了一個錯誤"輸入字串格式不正確"
程式從頭檢查到尾有字串相加、string.Format、StringBuilder.AppendFormat
所有都檢查過了{0},{1}...也都詳細檢查過了該帶入的都帶入了
後來程式上沒問題就將目標轉到文章上去
發現了其中一筆資料中內容文字{X}有這樣的字元出現
然後檢查了程式剛好是sb.AppendFormat(item.context);
所以{X}部分被當作要取代的索引然後就錯了
最簡單解法改為sb.Append (item.content);
單純加入文字

未分類 Blazor 相關網站整理

之前學過Angular但因公司架構關係所以一直無法使用，
當然久未使用就會漸漸淡忘掉，
直到前陣子在FB上看到保哥發表了有關Blazor文章，
一整個覺得這東西必須要學起來阿，
當然目前還在測試階段但既然可以用C＃＋razor來寫學習就不需要像Angulars那麼複雜，
以下是目前所看到的網站整理，
未來有開始寫時在記錄程式。
Blazor官網
ASP.NET Core – CRUD Using Blazor And Entity Framework Core
Creating an SPA Using Razor Pages With Blazor
S207 - Blazor: Modern Web development with .NET and WebAssembly - Daniel Roth

Html5 Html Free Template WebSite

freehtml5.co
html5up.net
markups.io
onepagelove
記錄用

Windows Win10安裝SQL 2012 0x800F0954問題

因win10無預設安裝.net 3.5了所以必須額外安裝
無論是由windows開啟或是下載獨立安裝都會遇到個錯誤0x800F0954
以下網路上找到解法記錄一下

1.windows + r 輸入regedit;
2.找到路徑HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows\WindowsUpdate\AU，其中UseWUServer默認值為1，改成0；
3.檔案總管 > 本機 > 右鍵 > 服務與應用  > 服務 > Windows Update > 停止再重啟

來源：win10 解決.net framework 3.5 安裝報錯 0x800F0954問題

jQuery 常用的Plugin

平時要用都忘記先記錄一下
行事曆
Full Calendar
日期選擇
bootstrap-datepicker
時間選擇
ClockPicker
多選
Select2
bootstrap-select
Css Animate.css

c# 判斷日期區間遇到幾次生日

最近用到寫的日期區間遇到幾次生日
也可以用來判斷日期區遇到日期幾次
也許有更好的可以交流

public static int GetBetweenBirthdayCount(DateTime pFrom, DateTime pTo, DateTime pBirthday)
        {
            int mBirthdayCount = 0;//會過幾次生日

            int TotalYear = pTo.Year - pFrom.Year;//看區間有幾年

            for (int i = 0; i <= TotalYear; i++)
            {

                int y = pFrom.AddYears(i).Year;
                string m = pBirthday.Month.ToString().PadLeft(2, '0');
                string d = pBirthday.Day.ToString().PadLeft(2, '0');
               
                //如果他是生日229的要判斷
                if (m == "02" && d == "29")
                {//四除的盡就算閏年
                    if (y % 4 != 0)
                    {
                        d = "28";
                    }
                }


                DateTime EveryBirthday = DateTime.Parse(y + "-" + m + "-" + d);

                if (pFrom <= EveryBirthday && pTo >= EveryBirthday)
                {
                    mBirthdayCount++;
                }
            }

            return mBirthdayCount;
        }

Angular 安裝時常用問題處理(09)

1.You seem to not be depending on "@angular/core" . This is an error.
有時候重裝就可以了

npm cache clear --force
npm install

2.Cannot find module '@angular-devkit/core' ...

npm install --save-dev @angular-devkit/build-angular

3.刪除node_modules資料夾再重新

npm install  

參考資料
1.保哥的Angular 開發實戰：從零開始
2.Angular官網

Angular [(Two Way Binding)](雙向繫結)(08)

html部分

<input [(ngModel)]="keyword" placeholder="[(雙向繫結)]" (keyup.escape)="onKeyClear()"/>
  文字:{{keyword}}，字數:{{keyword.length}}

ts部分

  keyword = '';
  onKeyClear() {
    this.keyword = "";
  }

參考資料
1.保哥的Angular 開發實戰：從零開始
2.Angular官網

Angular (Event Binding)(事件繫結)(07)

$event可傳可不傳
html部分

<a on-click="CountPlus($event)">點擊次數{{count}}</a><br />
<a (click)="CountPlus($event)">點擊次數{{count}}</a>

ts部分

export class EventBindingComponent implements OnInit {
  count = 0;
  CountPlus($event:any) {
    this.count++;
    console.log($event);
  }
  constructor() { }
  ngOnInit(): void {
  }
}

===============================================================
保哥作業1
請利用 Angular 資料繫結方法 (內嵌繫結、屬性繫結、事件繫結) 完成任務。
1.當使用者在網頁右側的關鍵字搜尋輸入文字時，會自動在輸入框的正下方顯示正在輸入的字元數。
2.當使用者在輸入框按下 Escape 按鍵時，會自動清空輸入框的內容。
2022-09-22修正，比較懶的做法寫在同一個判斷中。
html部分

  <input type="text"
         (keyup)="onKeyClear($event)" />
  字數:{{keywordCount}}

ts部分

  keyword = "";
  keywordCount = 0;
  onKeyClear(event: KeyboardEvent) {
    let elm = (<HTMLInputElement>event.target);
    if (event.key == "Escape") {
      elm.value = "";//這段要清除掉Html上的文字
      this.keyword = "";
    } else {
      this.keyword = elm.value;
    }
    console.log(this.keyword);
    this.keywordCount = this.keyword.length;
  }

參考資料
1.保哥的Angular 開發實戰：從零開始
2.Angular官網