[2022.LEARN.011][MAUI]微軟跨平台開發MAUI-2022年5月新發表

參考：

• .net maui-建置您的第一個應用程式

筆記：Windows Visual Studio 2022 17.3 Preview中啟用安裝.net maui功能。

• 安裝後新增專案時就可以看到相關的範本。
• 這邊案例使使用.net maui app(應用程式)。
• 開發過程中，建置專案時會讓你選擇模擬器(以android為例)。
• 沒安裝模擬器，過程會引導安裝套件。
• 啟用偵錯，初次會引導Android裝置管理員。
  

• 新增有一些預設的手機裝置可以選擇：預設為pixel5
  
  過程中會下載建置環境，下載完成後可直接【啟動】。
  
  或是關閉模擬器管理。使用上方建置的功能。
  
• 初次設定，會引導啟用hyper-v功能。【繼續執行】
  
  安狀過程或是啟動時有問題(表示需要安裝Hyper-V)
  
  未啟用hyper-v，啟動時就會是黑屏。
  
• 啟動中，啟動桌面需要一段時間。
  

• 啟動後須要等一段時間預設的程式才會開啟。
  
  
  
• 或向上劃動，叫出APP。
  

[2022.LEARN.010]切換(開關)正式區與測試區前端console.log

問題:前端測試環境會用到console.log，但正式區想把它關閉或不顯示。

參考：

https://stackoverflow.com/questions/1215392/how-to-quickly-and-conveniently-disable-all-console-log-statements-in-my-code

概念：重寫console.log的方法

如:console.log=function(){}
正式環境啟用此方法，就可以快速關閉(不呈現)console.log的結果。

[2022.LEARN.009][筆記]MVC站台快取問題

• 日前踩了個坑 ，(MVC產生的網頁*.html)被快取了。
  後面切換querystring都是抓第一次進入的頁面資訊。

<system.webServer>
<caching>
<profiles>
<add extension=".html" policy="CacheForTimePeriod" kernelCachePolicy="DontCache" duration="23:00:00" />
</profiles>
</caching>
</system.webServer>

[2022.LEARN.008][筆記]BootstrapTable簡易用法

<div class="mainContent am-u-md-8 am-u-lg-10">  

    <div class="container">

        <h3>社員訂餐</h3>

        <table id="table1"

            data-show-columns="false"

            data-search="true"

            data-show-toggle="true"

            data-pagination="true"  

            data-url='@Url.Content("~/Get/myList")?Mode=02'

            data-resizable="true">

            <thead>

                <tr>    

                    <th data-field="ClubName" data-sortable="true">社團</th>  

                    <th data-field="UserName" data-sortable="true">社員</th>

                    <th data-field="SidesCode" data-sortable="true">餐點代號</th>

                    <th data-field="SidesName" data-sortable="true">餐點名稱</th>                  

                </tr>  

            </thead>    

        </table>       

    </div>    

</div>

data-sortable="true">餐點小計</th>

                    <th data-field="UserTotalAmount" data-sortable="true">社員小計</th>                

                    <th data-field="ClubTotalAmount" data-sortable="true">社團費用合計</th>

                    <th data-field="TotalAmount" data-sortable="true">費用總計</th>            

                </tr>  

            </thead>    

        </table>

    </div>    

</div>

<!--bootstrap-->

    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">

    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>

    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

    <!--fontawesome-->

    <script src="https://cdn.bootcss.com/font-awesome/5.8.1/js/all.min.js"></script>

    <!--bootstrap-table-->

    <link href="https://cdn.bootcss.com/bootstrap-table/1.14.2/bootstrap-table.min.css" rel="stylesheet">

    <script src="https://cdn.bootcss.com/bootstrap-table/1.14.2/bootstrap-table.min.js"></script>

    <!--bootstrap-table-lanuage-->

    <script src="https://cdn.bootcss.com/bootstrap-table/1.14.2/bootstrap-table-locale-all.min.js"></script>

    <!--bootstrap-table-export-->

    <script src="https://cdn.bootcss.com/bootstrap-table/1.14.2/extensions/export/bootstrap-table-export.min.js"></script>

    <!--在客户端保存生成的导出文件-->

    <script src="https://cdn.bootcss.com/FileSaver.js/2014-11-29/FileSaver.min.js"></script>

    <!--以XLSX（Excel 2007+ XML格式）格式导出表（SheetJS）-->

    <script src="https://cdn.bootcss.com/xlsx/0.14.2/xlsx.core.min.js"></script>

    <!--以PNG格式导出表格-->

    <!--对于IE支持包括 html2canvas 之前的 es6-promise-->

    <script src="https://cdn.bootcss.com/es6-promise/4.1.1/es6-promise.auto.min.js"></script>

    <script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.min.js"></script>

    <!--将表导出为PDF文件-->

    <script src="https://unpkg.com/tableexport.jquery.plugin/libs/jsPDF/jspdf.min.js"></script>

    <script src="https://unpkg.com/tableexport.jquery.plugin/libs/jsPDF-AutoTable/jspdf.plugin.autotable.js"></script>

    <!--无论期望的格式如何，最后都包含 tableexport.jquery.plugin（不是tableexport）-->

    <script src="https://unpkg.com/tableexport.jquery.plugin/tableExport.min.js"></script>

<script>

       

  $(function() {

    $('#table1').bootstrapTable({

      striped: true,                      //是否顯示行間隔色(斑馬線)

      pagination: true,

      showRefresh: true,                  //是否顯示刷新按鈕

      minimumCountColumns: 2,             //最少允許的列數

      showToggle:true,                    //是否顯示詳細視圖和列表視圖的切換按鈕            

      onLoadSuccess: function(){  //加載成功時執行

          console.info("加載成功");

      },

      onLoadError: function(){  //加載失敗時執行

          console.info("加載數據失敗");

      },

      pageList: [10, 25, 50, 100,1000,2000],//

      showExport: true,  

      exportDataType: "all",  //basic', 'all', 'selected'.

      exportTypes:['xlsx'],//'excel',

      exportOptions:{  

            //ignoreColumn: [0,0],            //忽略某一列的索引  

            fileName: '社員訂餐',              //文件名稱設置  

            worksheetName: 'Sheet1',          //表格工作區名稱  

            tableName: '社員訂餐',  

            excelstyles: ['background-color', 'color', 'font-size', 'font-weight'],  

            //onMsoNumberFormat: DoOnMsoNumberFormat  

      }

    });

</script>

參考: https://www.twblogs.net/a/5b7cfd412b71770a43dd6bdf https://bootstrap-table.com/

[2022.LEARN.007][筆記]Javascript小數相乘誤差

問題：5.145*1300=6688.5 

看起來本應該是6688.5的結果，
javascript 相乘之後會變成 6688.4999999...
這會導致若是要四捨五入到整數，誤差就變成1。

解法：(value).tofixed(4)


參考：

• 保哥：前端工程研究：關於 JavaScript 中 Number 型別的常見地雷與建議作法

[2022.LEARN.006]右鍵選單開啟檔案使用cmder

 參考：https://www.796t.com/article.php?id=222332

1.環境變數path：加上cmder.exe所在目錄

2.可能cmder.exe要改成「以系統管理者開啟」。

3.註冊右鍵開啟方法。
cmd，執行cmder.exe /REGISTER ALL

[2022.LEARN.005]建立AzureDB外部資料表

語法如下：

CREATE EXTERNAL TABLE [dbo].[MYUSER]

(

[Id] [bigint] NULL,

[USERID] [varchar](128) NULL,

)

WITH (DATA_SOURCE = [TestDBDataSource])

• 要注意地是DataSource要建立。