vue admin blogダウンロード - vue admin blogソースコードのダウンロード

ダウンロード

wブログ

バックエンドで Spring Boot 2.x、フロントエンドで nuxtJs、バックエンドで vue を使用する個人のブログ

ジーティーリンク:
- API: https://gitee.com/windsnowli/w-blog-api
- フロントデスク： https://gitee.com/windsnowli/vue-ssr-blog ://gitee.com/windsnowli/vue-ssr-blog
- バックエンド: https://gitee.com/windsnowli/vue-admin-blog
GitHub リンク:
- API: https://github.com/WindSnowLi/w-blog-api
- フロントデスク: https://github.com/WindSnowLi/vue-ssr-blog
- バックエンド: https://github.com/WindSnowLi/vue-admin-blog

単純な個人ブログプロジェクトは、前台、后台、 apiの 3 つの部分に分かれています。
API バックエンドはSpringBootに基づいています。主にmybatis 、 fastjson 、 DruidDataSource 、 Lombok 、 java-jwt 、 aliyun-sdk-oss 、 knife4jなどに依存します。データベースはMySQL8.0+使用します。
フロントデスクのメインのスタイルは、元はどこから来たのかはわかりませんが、インターネット上のBizBlogテンプレートから来ており、オリジナルに基づいてnuxtJsプロジェクトに書き直されました。
バックグラウンド UI で使用される vue-element-admin は、基本的には直接使用されます。自分でカスタマイズしたい場合は、力がそれを許可しません。
例: 緑色の食品 - Cai Dog

git clone https://gitee.com/WindSnowLi/w-blog-api.gitまたはgit clone https://github.com/WindSnowLi/w-blog-api.gitでプロジェクトをローカルにクローン作成します
mvn clean install dependency:treeインストールの依存関係
開発環境application-dev.ymlおよび本番環境application-prod.ymlでデータベース構成情報を変更します。knife4j knife4j開発環境でのみアクティブ化されます。
データベース構成で指定された名前、 UTF8エンコーディングで空のデータベースを作成します。
mvn clean package -Dmaven.test.skip=trueテストをスキップし、 jarパッケージを生成します
java -jar 生成的包名.jar開発構成環境を実行するために使用されます。データベースは、最初の実行時に自動的に初期化されます。
apiドキュメントを参照するには、 http://127.0.0.1:8888/doc.htmlにアクセスしてください。
依存関係を自動的に処理し、操作を容易にするために、IDEA を使用してプロジェクトフォルダーを開くことをお勧めします。

git clone https://gitee.com/WindSnowLi/vue-ssr-blog.gitまたはgit clone https://github.com/WindSnowLi/vue-ssr-blog.gitプロジェクトをローカルにクローンします
npm installインストールの依存関係
config/sitemap.xmlファイル内のhostアドレスを変更して、アクセスマップを生成できます。
nuxt.config.jsのポート番号は変更可能です
package.jsonファイル内のscriptのBASE_URL変更して、バックエンドapiアドレスを指定できます。
npm run build
npm startローカルで実行

git clone https://gitee.com/WindSnowLi/vue-admin-blog.gitまたはgit clone https://github.com/WindSnowLi/vue-admin-blog.gitプロジェクトをローカルにクローンします
npm installインストールの依存関係
npm run devシミュレートされたデータプレビューインターフェイスを使用します
.env.productionファイル内のVUE_APP_BASE_APIアドレスをバックエンドapiのアドレスに変更します。
npm run build:prodコンパイル
distフォルダー内のコンパイル済みファイルは、 httpサーバー ( npm使用してhttp-serverをインストールできます) に配置してアクセスできます。
デフォルトのアカウント: [email protected] 、パスワード: 123456