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

vue admin manager

その他のカテゴリー

1.0.0

ダウンロード

一部の学生は起動時にエラーを報告しましたが、これは npm の依存関係に問題があるはずです。

参考までに私のバージョン情報を添付しますが、上記のバージョンはすべてサポートされているはずです。

npm5.4.1
ノードv8.4.0
vue は 2.4.4 より大きい
以前の開発中に、vue-echarts-v3 のバージョンに注意してください。異なるバージョンが見つかり、導入されたゲームプレイが変更されます。

更新する:

メニューを動的にロードするためにメインブランチマスターが更新されます。

主に addRoutes、meta、およびその他の機能を使用して、ユーザー権限に基づいて読み込みメニューを動的に割り当てます。

デモ

表示データはmock.jsを通じて構築されます

デモアドレス

vue-管理者マネージャー

バックエンドの研究開発会社、スタートアップ企業で、現在Web開発をしておらず、徐々に運用保守や運用ページの作成が必要になり、早く仕事を始めたい場合は、

現在人気のあるreact、vue、angularを勉強してきましたが、比較した結果、現時点ではvueが最適だと感じました。

私は公式 Web サイトにアクセスして慣れ、いくつかのデモを作成してから、github 上の多くの優れた作品から学び、このバックエンドに取り組み始めました。

出力しておくと復習しやすくなります。

導入

プロジェクトは SPA で、フロントエンドとバックエンドは分離されており、フロントエンドは vue-cli を使用して構築され、認証は JWT を使用し、バックエンドデータベースは mongodb で、バックエンドは

安静なインターフェイス、統計関数が非常に便利、集計、mapReduce、条件がフロントエンドでカプセル化され、

クエリ条件のフロントエンドアセンブリと同様に、バックエンドは対応する結果を直接吐き出します。

プロジェクトの構造

ビルドセットアップ

 # install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# 发布测试环境 包含 webpack ananalyzer
npm run build:sit-preview

# 构建生成环境
npm run build:prod

ディレクトリ構造

├── build                      // 构建相关  
├── config                     // 配置相关
├── src                        // 源代码
│   ├── api                    // 所有请求
│   ├── assets                 // 主题 字体等静态资源
│   ├── components             // 全局公用组件（及页面）
│   ├── config                 // 配置项
│   ├── directive              // 全局指令
│   ├── filtres                // 全局filter
│   ├── mock                   // mock数据
│   ├── router                 // 路由
│   ├── store                  // 全局store管理
│   ├── styles                 // 全局样式
│   ├── utils                  // 全局公用方法
│   ├── App.vue                // 入口页面
│   └── main.js                // 入口 加载组件 初始化等
├── static                     // 第三方不打包资源
├── .babelrc                   // babel-loader 配置
├── .editorconfig              // 代码风格文件，前提是要你的编辑器支持
├── .gitignore                 // 用于Git配置不需要加入版本管理的文件
├── .postcssrc.js              // autoprefixer的配置文件
└── package.json               // 项目依赖管理

テクノロジースタック

アクシオス
要素 ui
瞬間の日付処理
vue2X、vueルーター、vuex

ツールセット

vue-データソース
vue-echarts-v3
vue-quill-エディター
vue-simplemde
vue-ビデオプレーヤー

UIスキーム

UI

要素 ui
ブートストラップ(AdminLTE)

拡張機能アイコン

素晴らしいフォント
イオン

プロジェクトモジュール

ログイン認証 (現在は JWT に基づいています) todo は Oauth2 とサードパーティのログインをサポートしています
アプリケーション概要ダッシュボード各種アイコン統計
データ傾向: 登録ユーザー、アクティブユーザー、ユーザー関係など。
ユーザー管理は現在クエリのみを実行します
動画や写真の閲覧をサポートするデータメンテナンス

TODO

ナビゲーションバーの折りたたみが完了しました
ユーザーニックネームを取得するためのログインが完了しました
統計アイコンの抽出が完了しました
Alibaba Cloud OSS、STS（一時認証サービス）へのアクセス完了
動画再生対応完了
Vuexステータス管理（現在はユーザートークン情報のみが記録されます）
[] ダッシュボードの echart アイコン、コンポーネントベースの再構築 (初めて使用するときに書き込まれ、コードは比較的冗長であり、後でコンポーネントに分割されます)
404 ページコンポーネント (現在は空白)。ご自身のブログで Tencent Charity を使用することを検討してください。
[] 401 ページのコンポーネント
[] レスポンシブ対応、携帯電話対応