Published inProgram[ Vue.js ] 元件: ComponentsVue能夠將部分程式碼封裝起來元件化,即為Components(元件)。 就像是把原本整頁的HTML拆分成各個小元件,再由這些元件組合重想要的HTML畫面。元件能夠重複呼叫、使用,達到元件共用的效果。Aug 15, 2021Aug 15, 2021
Published inProgram[ Vue.js ] Vue指令: v-bindVue directive(指令),是指v-開頭的Vue語法。 Vue的v-bind可以用來綁定HTML屬性、CSS樣式與Style。Aug 8, 2021Aug 8, 2021
Published inProgram[ Vue.js ] 資料綁定: DataVue的data屬性,可以用來存放資料,供後續的畫面呈現與操作。 data中的資料可以搭配v-model達到資料雙向綁定,當data資料變更時,呈現在畫面上的資料也會隨著變更。 以及import外部JSON檔案至data中和使用Axios發起Http…Jul 26, 2021Jul 26, 2021
Published inProgram[ Vue.js ] 路由 : Vue RouterVue Router為Vue官方提供的路由管理器,讓前端頁面可以操作route。 本篇將利用router-link與router-view讓頁面可以透過左側選單(side navigation bar)來切換右側子頁面內容,並以$route.params傳遞參數。Jul 18, 2021Jul 18, 2021
Published inProgramSQL Server資料表分割: Table PartitioningTable Partitioning,將資料龐大的Table依照指定的區塊切分為數個小Table,讓查詢Table時只會從特定區間內的小Table去抓資料,減少資料庫搜尋整張Table的時間與效能。 後記:新增切割範與MERGE RANGE。Jul 10, 2021Jul 10, 2021
Published inProgram[ Vue.js ] 專案結構Vue專案結構巡覽。 Vue檔案中的組成架構 : template、script、style。Jul 10, 2021Jul 10, 2021
Published inProgram[PostgreSQL] Error : could not open file for writing:Permission denied ; You may want a…PostgreSQL執行copy語法要Export匯出時,出現以下錯誤訊息的解決方法。 ERROR : could not open file “xxxx” for writing:Permission denied HINT : Copy To instructs the…Jul 1, 2021Jul 1, 2021
Published inProgram[ Vue.js ] 建立Vue專案使用Visual Studio Code。 安裝Node.js後,以npm安裝Vue CLI來建立Vue專案。Jun 29, 2021Jun 29, 2021
Published inProgramASP.NET Core使用JWT驗證JWT(JSON Web Tokens)是一種開放、標準的 RFC 7519 方法,用於在兩方之間以JSON物件安全的傳遞訊息。 本篇將以ASP.NET Core 5.0設定JWT的驗證,以及產生Token與刷新Token,並在呼叫API的時候驗證Token是否有效。…Jun 27, 2021Jun 27, 2021