structure admin

構造管理者

Structure-admin は、バックエンドの管理および制御システム フレームワークです。テクノロジー スタックは、nodeJS+vue+vuex+mysql+redis です。フロントエンドは vue の element-ui コンポーネント ライブラリを使用し、バックエンドは、nodeJS サービスとデータベース mysql を使用します。 、キャッシュは redis を使用し、バックエンドは完全にnodeJS使用し、 mysqlはnodejs的thinkjs框架搭建的、フルスタック開発です。 サポート：

• 1. vuex を使用して状態管理を実装する
• 2. 静的ページ、バックエンドサービス（nodeJs）の導入
• 3. コンポーネントは element-ui を使用します
• 4. ページ レイアウトは上と左です。左と右のレイアウトは、左側で幅が固定され、右側で幅が計算されます。
• 5. 左右のスクロールバーは独立しています 本体のスクロールバーを取り外します。

大規模なフロントエンドおよびフルスタック開発をサポートする、 nodeJSで書かれたバックエンドが気に入った場合は、プロジェクトにstar forkしてください。

使用上の問題がある場合は、メッセージを残してください。

1. 技術スタック

• ThinkJS（ノードサイドフレームワーク）公式サイト
• Vue.js (クライアントサイド双方向データ バインディング フレームワーク) 公式 Web サイト

2. オンラインアドレス

オンラインアドレス: オンラインアドレス、口座番号: test、パスワード: 123456

3. システムのスクリーンショット

3.1 ログインページ

3.1 ホームページ

4. ローカルで実行されるプログラム

1. まず、あなたの環境はnodejsであり、それをインストールして設定することはできません。 参考：nodejs環境設定。

2. プロジェクトのクローンを作成します

 git clone https://github.com/saucxs/structure-admin.git

3. フロントエンド Vue の Structure-admin-web フォルダーとノード バックエンド Structure-admin-node に対応する依存関係をインストールします。

 npm install

4. Redis をインストールします (RedisDesktopManager のインストールを検討できます)

参考：redisのウィンドウ下へのインストール、redisビジュアル管理ツール（Redis Desktop Manager）のインストール、基本的な使い方、インスタンス化プロジェクト

5. mysql をインストールします。ここでは詳しく説明しません。

6. nodejs バックエンド構成ファイルのadapter.jsおよびconfig.jsを変更します。

 adapter.js

exports.cache = {
    type: 'redis',
    common: {
        timeout: 24 * 60 * 60 * 1000 // millisecond
    },
    redis: {
        handle: redisCache,
        host: '127.0.0.1',
        port: 6379,
        password: 'a123456'  //redis安装时候设置的秘密
    }
};
//
//
exports.model = {
  type: 'mysql',
  common: {
    logConnect: true,
    logSql: true,
    logger: msg => think.logger.info(msg)
  },
  mysql: {
    handle: mysql,
    database: 'structure_admin',
    prefix: 'structure_',
    encoding: 'utf8',
    host: '127.0.0.1',   //本地数据库
    port: '3306',　　　　　//数据库端口
    user: 'root',    //数据库的用户名
    password: '123456',    //数据库该用户名的密码
    dateStrings: true
  }
};

7. データベース ファイル、アドレスはstructure-admin-node/src/common/mysql/structure_admin.sqlです。

8. フロントエンドとバックエンドをそれぞれ別々にしてプロジェクトを開始します。

(1) フロントエンド Vue の Structure-admin-web の起動

 npm run dev

(2) およびノー​​ド バックエンドの起動 Structure-admin-node

 npm start

説明する

• 週次レポート システムは、構造管理者のバックグラウンド管理フレームワークに基づいて構築されています。週次レポート システムのデモンストレーション アドレスは次のとおりです。 システム Web サイト プラットフォーム。
• 週報システムのソースコードアドレス: 週報システムのソースコードアドレス
• これは npm パッケージ vue-node-cli にカプセル化されており、フロントエンドおよびバックエンドのフルスタック開発および制御システム用のテンプレートを形成しています。