blog3.0

ダメなブログ？

巩固知识、打发时间この2点をベースに開発したものであり、細部に不備がある可能性があります。

知らせ

フロントエンド コード: ./front-end インターフェイス コード: ./server バックグラウンド管理コード: ./admin

?プロジェクト紹介

関連紹介

ブログのテーマのスタイルは YEVPT に基づいています ps: 嘤嘤嘤、彼ほど見栄えはよくありません

1. 複数人ブログ (全員が記事を公開できますが、記事は審査が必要です)マルチプレイヤースポーツ？
2. バックエンドの動的ロール/権限 (スーパー管理者が構成可能)
3. リソース ファイル (写真、ある学習教材) 一元管理
4. フルサイトhttps
5. RESETful api標準化

設定手順

サーバー構成 (サーバー ディレクトリ) プロジェクトは現在、 fileとnacosという 2 つの構成メソッドをサポートしており、環境変数 ( CONFIG_MODE ) によって区別できます。

 CONFIG_MODE=file | nacos # 二选一

1. ファイル構成は、サーバーのルート ディレクトリapp.config.[production|development].jsonおよびapp.config.jsonを通じてマージされ、注入されます。
2. 環境変数を通じて挿入された nacos

 NACOS_SERVER_ADDR=localhost:8848 # 地址
NACOS_NAMESPACE=dev # 命名空间
NACOS_DATA_ID=blog # 数据ID
NACOS_GROUP=DEFAULT_GROUP # 组ID
NACOS_USERNAME=dev_test # 用户名
NACOS_PASSWORD=111111 # 密码

?歴代バージョンの紹介

どれも私が学生時代に書いたものです。

最初のバージョンは Java サーブレットによって作成され、1.0 は現在保守されていません。
2 番目のバージョンは koa+mongo+ejs+bootstrap+jquery+layui です。現在は閉鎖されており、記事データは [githubh2.0] [オンライン アドレス] に移行されています。

?未完成

1. メッセージ通知（何もせず泣いた）
2. いいね/いいね機能（予約）
3. 忘れました。 ? (日常の記憶力は良くありません)
4. 詳細

展示する

?技術スタック

このブログは、テクノロジー スタックを構築するためだけにテクノロジー スタックを構築しているような気がします。確認されたって言ってたよ！ ！ ！
当初は3nフレームに直接オナニーする予定でしたが、それでもめんどくさいのでした。 。

一般:nest/nuxt/vue
UI: ElementUI/Vuetify
データストレージ: mongo/redis/cookie/localStoreage
通知: Tencent SMS/電子メール

一部の設定ファイルは github にアップロードされませんでした。後で簡素化されてアップロードされます [GitHub] [オンライン アドレス]

展開する

Dockerを使用したコンテナ化されたデプロイメント

tar --exclude=node_modules --exclude=dist --exclude=.nuxt --exclude=_config --exclude=.DS_Store --exclude=.git -zcvf ../blog3.tar.gz .
docker-compose up --build
docker-compose up -d

ブログフロントエンド

Nuxtjs + Vuetify.jsの使用

サーバ

使用nestjs + mongodb + redis + cos

管理プラットフォーム

Vuejs + Element UIの使用

?ディレクトリ構造

 ├── README.md            # 自述
├── admin                # 管理页面
│   ├── Dockerfile              # 管理页面 Dockerfile 配置 （ps: 目前无用）
│   ├── README.md               # 管理页面自述
│   ├── package.json
│   ├── public
│   ├── src                     # 项目目录
│   └── vue.config.js           # vue 配置文件
├── docker-compose.yml   # docker-compose 配置文件
├── front-end            # 博客前台页面
│   ├── Dockerfile
│   ├── README.md
│   ├── assets
│   ├── components
│   ├── constant
│   ├── jsconfig.json
│   ├── layouts
│   ├── middleware
│   ├── nuxt.config.js
│   ├── package-lock.json
│   ├── package.json
│   ├── pages
│   ├── plugins
│   ├── server
│   ├── static
│   ├── store
│   └── utils
├── package.json
└── server                # 博客服务端
    ├── Dockerfile
    ├── README.md
    ├── dist
    ├── nest-cli.json
    ├── package-lock.json
    ├── package.json
    ├── src
    ├── test
    ├── tsconfig.build.json
    ├── tsconfig.json
    ├── tslint.json
    ├── views
    └── yarn.lock

プロジェクト開発の進捗状況

2020-06-22 基本版プロジェクト展開
2020-07-02 インタラクティブ機能がほぼ完成

?どのように機能しますか?

1. このプロジェクトのクローンを作成する

2. 「server/src/ _config 「server/src/ configに変更します。

3. server/src/config/default.conf.tsファイルの構成を変更します。

4. 各プロジェクトに依存関係をインストールする

5. サーバーを実行する

cd server && npm run start:dev

5. ブログのフロントエンドを実行する

cd front-end && npm run dev

6. 管理バックグラウンドを実行する

cd admin && npm run serve