Wei 技術分享

一、介紹 LINE 是由LINE株式會社所開發的即時通訊平台，也是目前台灣目前最高使用率的社群平台。 二、操作步驟 圖、打開瀏覽器，進到 LINE Notify 登入頁 圖、輸入 帳號 、 密碼 圖、進入 個人管理頁面 圖、選擇 透過1對1聊天透過 Notify的通知 圖、複製 權杖 圖、複製 底下的原始碼 原始碼 using (var wc = new WebClient()) { var bearer = $"你的權杖"; wc.Encoding = Encoding.UTF8; wc.Headers.Add("Content-Type", "application/x-www-form-urlencoded"); wc.Headers.Add("Authorization", $"Bearer {bearer}"); var nv = new NameValueCollection(); nv["message"] = "Test"; var bResult = wc.UploadValues($"https://notify-api.line.me/api/notify", nv); var res = Encoding.UTF8.GetString(bResult); } 圖、執行結果 三、參考 LINE Notify 登入頁 LINE notify api 使用「Visual Studio 2019」建置 主控台 Console 應用程式

一、前言 因緣際會之下被要求撰寫取得 8 皇后棋盤的全部解答，因此特別寫撰寫文件，供日後參考。 二、規則 每個皇后不能再同列。 每個皇后不能再同行。 每個皇后不能同斜角線上。 三、操作 圖、開啟 VS2019 > 開啟新的 主控台應用程式 專案 > 輸入底下程式碼 class Program { /// <summary> /// 主程式 /// </summary> /// <param name="args"></param> static void Main(string[] args) { var arr = new List<int>() { 0, 1, 2, 3, 4, 5, 6, 7 }; var arrs = GetArrs(arr); arrs = RemoveObliqueLine(arrs); foreach (var ans in arrs) { Console.WriteLine($"第{arrs.IndexOf(ans) + 1}個棋盤"); foreach (var item in ans) { var str = "........".Remove(item, 1).Insert(item, "Q"); Console.WriteLine(str); } Console.WriteLine($""); } Console.ReadKey(); } /// <summary> /// 移除 斜角線的棋盤 /// </summary> /// <param name="arrs"></param> /// <returns

一、介紹 GitHub 是透過 Git 版控的原始碼服務平台。 二、GitHub 與 Visual Studio 2019 搭配 圖、按下 建立 Git 存放庫 圖、選擇 GitHub 帳戶 圖、輸入 GitHub 的 帳號 、 密碼 圖、授權成功 圖、回到 VS2019 輸入相關資訊 > 按下 建立並推送 圖、遠端存放庫 三、刪除 GitHub 的 Repository 圖、開啟 github 網站 圖、點選你要刪除的 Repository 圖、按下 Settings 圖、按下 Delete this Repository 圖、輸入 帳號/Repository 名稱 > 按下 … delete this repository 圖、刪除成功 三、參考 github 四、相關參考 使用「Visual Studio 2019」建置 主控台 Console 應用程式

一、介紹 REST 是Roy Thomas Fielding博士於2000年博士論文提出的一種軟體架構風格，目的是讓不同軟體、程式於網路互相傳遞資訊。因為它是一種風格而不是規範，依據筆者的經驗會依照當時的專案或公司規定而決定是否完全遵守。 二、專案架構 圖、Visual Studio 2019 專案架構 三、常用的 HTTP Method 代表用意 GET 讀取 PUT 更新 DELETE 刪除 POST 新增 四、RESTful 路由應用 五、使用 Visual Studio 2019 建置 RESTful API 圖、修改 WebApiConfig.cs 原始碼(C#) public static class WebApiConfig { public static void Register(HttpConfiguration config) { // 針對 JSON 資料使用 camel 案例。 config.Formatters.JsonFormatter.SerializerSettings.ContractResolver = new CamelCasePropertyNamesContractResolver(); // Web API 設定和服務 // Web API 路由 config.MapHttpAttributeRoutes(); config.Routes.MapHttpRoute( name: "DefaultApi", routeTemplate: "api/{controller}/{id}", defaults: new { id = RouteParameter.Optional } ); var appXmlType = config.Formatters.XmlFormatter.SupportedMediaTypes.FirstOrDefault(t => t.MediaType == &quo

一、介紹 Postman 是筆者時常拿來用於測試 API 的工具，支援 Get、Post、Delete、Put…等 Http Request Method。 二、操作步驟 圖、開啟瀏覽器 輸入 網址 https://www.postman.com/downloads/ > 按下 Download the App 圖、安裝 圖、按下 Skip signing in and take me straight to the app 圖、按下 File > 按下 Settings 圖、設定 SSL certificat verification 為 OFF 三、使用 Get 請求 Json 格式資料 圖、按下 ＋ > 輸入你的 測試網址 > 按下 Send > 即可於下方看到 結果 四、使用 Post 送出 Json 格式的資料 圖、按下 ＋ > 選擇 POST > 輸入你的 測試網址 > 選擇 Body > 選擇 raw > 選擇 JSON > 輸入 你的 JSON 測試資料 > 按下 Send > 即可於下方看到 結果 五、相關連結 使用「Visual Studio 2019」建置一個有 Mvc 和 Web Api 架構的網站 六、參考 postman

一、介紹 LESS 目的是擴充 CSS 語法，但無法直接被瀏覽器所使用，必須再經過 LESS 直譯器處理成 CSS 語法才可被瀏覽器支援，因此類似 CSS 的語法糖。 二、專案架構 圖、Visual Studio 2019 專案架構 三、安裝 圖、開啟 命令提攜字元 > 切換到 專案資料夾 > 輸入 指令 yarn add less less-loader css-loader style-loader 指令 yarn add less less-loader css-loader style-loader 四、操作步驟 圖、新增 main.less 原始碼 @width: 10px ; @height: @width + 10px ; #header { width : @width ; height : @height ; } 圖、修改 main.js 原始碼 const path = require ( 'path' ); const glob = require ( 'glob' ); let exps = [ { entry: glob.sync( "./Src/Less/**/*.less" ), output: { filename: 'main.css' , path: path.resolve( "./Content/Target/Css" ), }, module : { rules: [ { test: /\.less$/ , use: [ { loader: "style-loader" , }, {

JavaScript 程式碼品質檢測工具「Eslint」 一、介紹 Eslint 是 JavaScript 程式碼品質檢測工具，可與 webpack 整合，讓前端工程師所寫的語法較統一。 二、專案架構 圖、Visual Studio 2019 專案架構 圖、資料夾 三、安裝 圖、開啟 命令提攜字元 > 切換到 專案資料夾 > 輸入 指令 yarn add eslint-loader eslint 指令 yarn add eslint-loader eslint 四、操作步驟 圖、開啟 命令提攜字元 > 切換到 專案資料夾 > 輸入 指令 yarn run eslint --init 指令 yarn run eslint --init 圖、修改 main.js 原始碼 const path = require('path'); const glob = require('glob'); let files = glob.sync("./Src/Js/**/*.js"); let exps = []; for (let ind in files) { let fname = path.basename(files[ind]); let folder = path.dirname(files[ind]).replace('./Src/Js', './Content/Target/Js'); exps.push( { entry: files[ind], output: { filename: fname, path: path.resolve(folder), }, resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js' }