Spring BootとVueを使用したコミュニティ健康コード管理システム(フロントエンドとバックエンドの分離)

プロジェクト概要 本システムは2022年11月に開発された、フロントエンドとバックエンドが分離された構成の健康コード管理システムです。コード構造が整然としており、ドキュメントも完備されているため、疫病予防、健康コード管理、コミュニティ疫病対策などのテーマに適しています。システムはSpring BootとVueを統合して開発され、フロントエンドは主にelement-uiフレー ...

6月27日 23:56 投稿

JSONデータ処理とVue.jsの基本

1. JSONの基礎 JSON(JavaScript Object Notation)は、JavaScriptオブジェクトを文字列形式にシリアライズするための軽量なデータ交換フォーマットです。 主な用途 Webアプリケーションにおけるクライアントとサーバー間のデータ送受信に広く利用されます。 JavaScriptオブジェクトとJSON文字列の相互変換 <script> // JSON文字列 → JavaScriptオブジェクト ...

6月15日 23:28 投稿

Vueでアップロードされた動画ファイルの再生時間を取得する方法

Vue.js と Element UI の el-upload コンポーネントを活用して、ユーザーがアップロードした MP4 動画ファイルの再生時間を取得する実装方法を紹介します。 HTML テンプレート <el-upload class="upload-demo" :action="actionUrl" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" > <button class ...

5月30日 17:08 投稿

Spring Boot + Vue 構築の武漢観光情報サイト(フロントエンド・バックエンド分離版)

本システムは、武漢の観光情報をテーマにしたオリジナルプロジェクトです。フロントエンドとバックエンドを分離したアーキテクチャを採用し、2023年に開発されました。コードは整然としており、構造が明確なため、観光情報サイトや旅行プランサイト、あるいはフロントエンド・バックエンド分離型の観光システムなどのテーマに適しています。バックエンドには Spring Boot ...

5月28日 08:31 投稿