ashani admin

アシャニ管理者

バックエンド開発用のnodejsを備えた管理パネル

デモ: https://ashani-admin.herokuapp.com

ユーザー名:

 admin

パスワード：

 123456

ドキュメントはこちら

WhiteCodel は、nodejs、ejs、express、mongoose を備えた管理パネルを提供し、次のような基本的な操作を最小限に抑えます。

• MVC アーキテクチャ
• jwtトークン認証
• jwtセッション認証
• 電子メールを送信する
• 画像フィルター
• スナックバー
• ルート管理
• アプリ用API

始めましょう

インストール:

 git clone https://github.com/whitecodel/ashani-admin.git

cd ashani-admin

npm install

走る：

 npm run dev

現在、コードは内部 IP 127.0.0.1 およびポート 3000 で実行されています

仕組み:

• アプリが起動するとすぐに、index.js ファイルが実行され、その中には初期管理者を作成する create admin 関数呼び出しがあります。
• Express.js を含む ejs ビュー エンジンを使用しています。

基本構成:

ファイル .env:

ここでセットアップできます

• モンゴデータベースのウリ
• デフォルトのポート
• 丸塩
• トークンシークレット
• セッションシークレット
• 管理者のデフォルトパスワード

ファイルconfig/createAdmin.js:

このファイルには関数 createadmin() があります。この関数はアプリが実行されるとすぐに呼び出され、新しい管理者が作成されます。

ファイルconfig/imageFilter.js:

このファイルには関数 imageFilter() があり、この関数を multer で使用して画像を検証できます。

ファイルconfig/mailer.js:

このファイルには関数 sendEmail() があります。この関数を使用して電子メールを送信できます

 sendEmail({to, subject, body});

フォルダー構造:

フォルダーミドルウェア:

中には2つのミドルウェアファイルが入っています。 Adminauth.js と Appauth.js にはそれぞれ管理者用とアプリ用に作成されたミドルウェアがあり、ここですべてのミドルウェアを作成できます。

NotLoggedIn => 両方のファイルでログインを確認します

フォルダーモデル:

すべてのモデルをここで作成できます。

フォルダーパブリック:

パブリックフォルダーには、CSS、JS、画像などの静的ファイルを置くことができます

フォルダービュー:

このフォルダーでは、管理者またはアプリ用のすべてのビューを作成できます。 ejs の使用方法がわからない場合は、公式 Web サイト ejs.co にアクセスしてドキュメントを参照してください。

ルート:

管理ルート:

• Routes/admin で crud およびその他の操作用のファイルを作成します。
• このファイルを admin-routes.js に登録します

アプリのルート:

• Route/app で crud およびその他の操作用のファイルを作成します。
• このファイルを app-routes.js に登録します

特徴

スナックバー:

成功 =>

 successSnackbar(msg);

失敗しました =>

 failedSnackbar(msg);

デフォルトの位置は右下です。位置を変更したい場合は、追加のパラメータを渡すことができます
例: successSnackbar(msg, "bottom-right")

スイッチ：

gitbrent bootstrap4-toggle が有効になりました

元：

 <input
    name="approved"
    type="checkbox"
    id="approved"
    data-width="100%"
    data-toggle="toggle"
    data-on="Approved"
    data-off="Not Approved"
    data-onstyle="success"
    data-offstyle="danger"
/>