mgekimghost

ムギムゴースト

mgekピクチャーベッドプロジェクト、フラスコのシンプルなピクチャーベッド

導入

flask1.0.3 に基づいた sqlite データベース開発では、構成ファイルでmongoDBに切り替えることができる必要があります。すべてのサービスは、接続なしでローカルのパブリック イメージ ベッド サービスに基づいています。ファイルアップロード、画像プレビュー、一括編集、一括削除、一括ダウンロード、一括画像ダイレクトリンク生成。

オンライン展開の問題

#2

?未完了

• ajax を使用して非同期アップロードし、アップロードの進行状況バーを追加する (完了)
• 画像アップロード後のダイレクトリンク取得ボックス
• 複数のファイルをアップロードした後に直接リンクを取得する
• 複数画像の削除機能（基本的に完成）
• 画像情報記録
• モバイルデバイスの画像適応の問題 (最適化予定)

最新のアップデート

• 更新時期 2019.8.28

• バッチ編集用にボタン表示ロジックが最適化され、キャンセルボタンのクリック効果がより完璧になりました。

• 画像の表示ロジックを最適化し、最新のアップロード時刻で並べ替えました。

• 新しいAjax非同期アップロード ページを追加して、アップロードの進行状況バーを追加します。 ajax_upload にアクセスして、新しいアップロード ページに入ります。

• 「About」インターフェースを追加

• 更新時期 2019.8.30

• ログインページの追加とログインシステムの改善

• 画像直リンク一括取得ページを追加

• アップロードページの表示の最適化、部分更新の利用、アップロード直後の画像データ更新

？使用

git clone https://github.com/Landers1037/mgekimghost.git

 #在项目目录下运行flask shell
$ flask shell
$ from app import db
$ db.create_all () #初始化数据库

pip install -r requirements.txt
python app.py
# ### if linux with nginx&gunicorn ###
sh start.sh

ローカルポート5000を表示

start.sh内容

 #! /bin/bash
nohup gunicorn -w 2 -b 127.0.0.1:5000 --reload app:app &
echo " check port 5000 "

nginx でリスニング ポート 5000 を設定する必要がある

？例

メインページ

アップロード

一括編集

画像詳細ページ

消去

アップロード履歴

新しいバージョンのアップロード ページ (ajax)

概要ページ

ダイレクトチェーンバッチ抽出

ログインページ

♻カスタマイズされた

データベース

 SQLALCHEMY_DATABASE_URI = 'sqlite:///' + os . path . join ( os . getcwd (), 'img.db' )

デフォルトは sqlite ですが、この文をコメントアウトして mongoDB データベースを追加できます。

™著作権

Wlopのデモ画像
このアプリケーションの作成者Landers
私のホームページLanders1037