原创 Vue3使用vue3-puzzle-vcode進行滑動驗證

npm包地址:https://www.npmjs.com/package/vue3-puzzle-vcode npm安裝 npm install vue3-puzzle-vcode --save 最簡單例子: <template>

原创 Vue3使用vue-cropper截圖上傳

!!!!!!!已使用另一個截圖上傳工具,稍後更新博客!!!!!! 使用vue-cropper進行截圖上傳 先安裝 npm i vue-cropper 編寫組件 在components中添加imageCropper.vue 代碼如下 <te

原创 vue3頁面跳轉及傳參,獲參

基於Vue Router的代碼 import {useRoute, useRouter} from "vue-router"; const router=useRouter(); const route=useRoute(); // 根據

原创 Vue3+nanoid編寫字符串ID生成器

Vue3+nanoid編寫字符串ID生成器 中文介紹:https://github.com/ai/nanoid/blob/HEAD/README.zh-CN.md 一個小巧、安全、URL友好、唯一的 JavaScript 字符串ID生成器。

原创 Vue3+sweetalert2消息提示類

爲了快速編寫信息提示代碼,封裝如下 core\helper中增加swalMessage.ts,代碼如下 代碼 import Swal from "sweetalert2" declare interface SwalMessage {

原创 vue3+vite跨域設置,設置默認端口,默認打開瀏覽器

vite.config.ts中設置 server: { proxy: { '/apis': { target: 'http://localhost:44311/', // 實際請求地址 changeOri

原创 Vue3使用SM國產加密庫

npm安裝 npm install --save sm-crypto //使用 import {sm2,sm3,sm4} from 'sm-crypto' // ----------- sm2 --------------------

原创 Vue3彈框進行數據編輯

基礎思路就是編輯當前信息,彈框,修改後保存,數據即刻刷新 示例代碼: const editInfo = (info0) => { //深複製,防止編輯的時候更新頁面綁定數據 info.value = JSON.parse(JSON.

原创 Vue3+Yup進行數據驗證

Vue3+Yup進行數據驗證 npm安裝: npm i yup 使用 import * as Yup from "yup"; //配置 const login = Yup.object().shape({ // username爲s

原创 Vue3+axios+.Net使用分片上傳

Vue3+axios+.Net使用分片上傳 前端代碼 在ApiService.cs中增加方法 //上傳文件 public static async uploadFile(file){ const chunkSize = 1024 * 1

原创 系統和服務通訊(Topshelf+TouchSocket)

服務不是單獨的,總要和其他系統進行信息交互,記錄一個解決方案(方便,好用) Topshelf 秒建 Windows 服務 推薦一個超輕量級的 .NET 網絡通信框架 新建控制檯,然後安裝Topshelf和TouchSocket,作爲服務 示

原创 Aspose.Word 的常見使用(3)

起因 因項目需要,而且使用html轉Word的時候,樣式不兼容問題,於是只能使用Aspose.Word通過代碼生成。下面是通過DocumentBuilder來設計Word的,但是和使用模型拼接的差不多,原理基本一致。 思路 這裏是說使用As

原创 ASP.Net MVC文件訪問控制

程序需求:通用的可以控制某個文件夾下所有所有文件的訪問,且可後期擴展 文件根目錄下增加“FileAccessControl.cs”的一般處理程序,代碼如下:(文件名可以自定義) /// <summary> /// 用於文件是否可以訪問的判斷

原创 ApiPost自定義環境變量 緩存token的操作步驟

使用場景:測試的時候獲取token,然後其他請求的時候自動帶token。 獲取Token後,執行後執行腳本, apt.variables.set("token", response.json.access_token); 請求回來的參

原创 C#解析匿名JSON數據

C#解析匿名JSON數據 使用工具:Newtonsoft.Json 使用方式: //模擬數據 var jsonData = JsonConvert.SerializeObject(new { Name = "張三", Id = 1, Age