2019年9月26日 星期四

c# 日期區間小撇步

通常會開兩個欄位,
一個是日期起,
一個是日期迄,
如何查詢區間內的資料?

舉例:
想知道2019-09-01到2019-09-30之前有哪些人在職
稍微畫個圖後有了靈感
((到職日期 <= 2019-09-30 && 離職日期 >= 2019-09-30)  || (離職日期 =null ))
會就在這個區間


2018年10月25日 星期四

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

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

2018年10月24日 星期三

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

2018年8月6日 星期一

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問題

2018年6月21日 星期四

jQuery 常用的Plugin

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

2018年5月31日 星期四

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;
        }

2018年5月24日 星期四

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  

2018年5月21日 星期一

Angular 08.(雙向繫結)(Two Way Binding)

1.在使用表單前要先匯入FormsModule,先至app.module.ts
import { FormsModule } from '@angular/forms';

@NgModule({
  declarations: [
    AppComponent,
    PagesComponent
  ],
  imports: [
    BrowserModule,
    FormsModule<=新增
  ],
  providers: [],
  bootstrap: [AppComponent]
})
2.在app.component.ts新增一個屬性
 export class AppComponent {  
  text; 
}
3.在app.component.html新增雙向繫結[(ngModel)="xxx"]
您輸入: {{text}} 字數: {{ text.length}}
以上內容若有不足或侵權請告知將立即處理

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

依上篇範例到app.component.ts,新增多個方法來做不同的動作
export class AppComponent {
  hi = 'hi how are you';
  url = 'http://www.google.com';
  title = 'i\'m title';

  click() {
    this.hi = 'i click';
  }

  selectchange(value: string) {
    this.hi = value;
  }

  checked(checked: boolean) {

    if (checked) {
      this.hi = 'checked';
    } else {
      this.hi = 'not check';
    }
  }

}

到app.component.html裡新增三個html來對應剛剛的function
{{ hi }}


===============================================================
經過上述範例,在實作後其實不難懂,可能不太瞭解有哪些屬性可使用console.log($event);
以上內容若有不足或侵權請告知將立即處理

Angular 06.[屬性繫結] (Property Binding)

依上篇範例到app.component.ts,新增一個url的屬性
export class AppComponent {
  hi = 'hi how are you';
  url = 'http://www.google.com';
} 
到app.component.html裡修改href的屬性

在前端的超連結就會顯示出hi how are you,點擊後會到指定的連結www.google.com
===============================================================
自訂屬性data-xxx
到app.component.ts,新增一個title的屬性
export class AppComponent {
  hi = 'hi how are you';
  url = 'http://www.google.com';
  title = 'i\'m title';
}
到app.component.html裡修改加入data-title的屬性,前面需加入attr.

看原始碼就會有
 hi how are you
以上內容若有不足或侵權請告知將立即處理

2018年5月18日 星期五

Angular 05.{{內嵌繫結}} (Interpolation)

首先到app.component.ts,新增一個hi的屬性
export class AppComponent {
  hi = 'hi how are you';
} 
到app.component.html裡新增

在前端的超連結就會顯示出hi how are you,點擊後會到指定的連結
這是單向繫結內容由component而來
以上內容若有不足或侵權請告知將立即處理

2018年5月17日 星期四

Angular 04.建立component

Angular每一個畫面都是多個component所組成
以下會記錄如何新增component
1.首先先輸入
ctrl + `(單引號,通常在1的左邊tab上面)
2.按+號新增終端機,預設可能是power shell,選擇終端機資料夾預設應該會在目前的專案上
3.建立component
ng generate component pages
ng generate 建立一個 簡寫 g component 哪一種範本 簡寫 cpages 頁面名稱 

未來請輸入方式如下列
ng g c pages
ng g -h 可看目前版本所有可建立的範本
4.建立起來後,會多一個資料夾及有四個檔案,然後app.module.ts 會異動
CREATE src/app/pages/pages.component.html (24 bytes) <-Html
CREATE src/app/pages/pages.component.spec.ts (621 bytes) <-測試檔
CREATE src/app/pages/pages.component.ts (265 bytes) <-程式
CREATE src/app/pages/pages.component.css (0 bytes) <-css

UPDATE src/app/app.module.ts (392 bytes) 修改了declarations
及import { PagesComponent } from './pages/pages.component';
5.如何顯示這個頁面?
找到剛新增的pages.component.ts
裡面有一個 selector: 'app-pages'
只要將app-pages加入在app.component.html即可顯示出剛剛的頁面

以上內容若有不足或侵權請告知將立即處理

Angular 03.啟動順序

AngularJs只需在前端宣告ng標籤即可運行
但到了Angular的話完全不同
這次框架有自己個一個流程
所有的程式碼及html都有固定的放法
這樣程式在跑的時候才會正常運行
前篇文章所提到的方法啟動server
npm start
以下是已專案預設的程式跑起來的順序
1.進入網頁index.html
2.main.ts開始載入import
3.啟動AppModule
4.執行AppComponent元件
5.執行AppComponent class
6.執行AppComponent templateUrl
7.執行AppComponent style
8.載入完成呈現畫面
以上內容若有不足或侵權請告知將立即處理

Angular 02.新增專案+開發環境設定+常用快速鍵

由於使用Visual Studio Code跟之前使用Visual Studio有點不太一樣
在Visual Studio圖形界面化的方式可新增專案很方便
Visual Studio Code中可能需要打些指令來新增在此筆記一下
1.cmd
2.建立一個資料夾來放專案用,因有些公司可能在C:無法執行所以此次在D:建立一個projects資料夾,使用Angular Cli來建立Angular的專案(請使用英文或數字命名)
cd\
d:
md projects
cd projects
ng new firstapp
3.測試是否有建置成功,至剛新增的資料夾使用npm
cd firstapp
npm start
4.開啟瀏覽器看看網站是否有成功,有跑起來會有Welcome to app!
http://localhost:4200/
5.如何發佈
一般
ng build
加參數--prod
ng build --prod
壓縮整的專案js變小
===============================================================
A.如何改變npm的Port
找到package.json
"start": "ng serve"
改
"start": "ng serve --port 8080"
B.如何關閉npm Server
ctrl + c
y
C.開啟VS Code,在專案下輸入
code .
D.如果Angular版本更新了要如何升級
專案目錄下
ng update
會出現以下表示升級完成
 
 We analyzed your package.json, there are some packages to update:

      Name                               Version                  Command to update
     --------------------------------------------------------------------------------
      @angular/cli                       1.2.3 -> 6.0.2           ng update @angular/cli
      @angular/core                      4.4.7 -> 6.0.2           ng update @angular/core
      rxjs                               5.5.10 -> 6.1.0          ng update rxjs


    There might be additional packages that are outdated.
    Or run ng update --all to try to update all at the same time.
E.以述為單一專案升級,升級Global Agnular Cli版本方式
看目前版本
 npm list -g --depth=0
檢查最新版本
npm outdated -g
沒出現文字為目前最新版
有出現代表有新版
Package       Current  Wanted  Latest  Location
@angular/cli    6.0.1   6.0.3   6.0.3
若有新版可執行下列安裝最新版
npm install -g @angular/cli
===============================================================
1.格式化文件
shift + alt + f
2.ts html 快速切換
alt + o
3.註解
ctrl + /
以上內容若有不足或侵權請告知將立即處理