vue quasar adminダウンロード-Vue vue quasar adminソースコードダウンロード

vue quasar admin

その他のカテゴリー

1.0.0

ダウンロード

コードはあまりにもugいです。

Vue-Quasar-Addmin

Quasar-Frameworkは、Vue.JSに基づいて開発されたオープンソースのフロントエンドフレームワークです。エッセンス Quasarは、Develoltが1回だけを使用する場合、複数のプラットフォーム、モバイルアプリ、電子アプリに公開することができます単純。 Vue-Quasar-Adminは、Quasar-Frameworkに基づいた一般的な権限制御に含まれるバックグラウンド管理システムのセットです（現在はPCエンド専用）。

オンラインデモ

ログインアカウント：

 admin 123

test 123456

website_admin 123456

アカウント名を自由に変更しないでください。

システムフローチャート

機能と特性

実際のバックエンドデータサポート
ログイン/ログイン
柔軟なジュゴンゲレイアウト
シン左メニューバー
タグラベルナビゲーション
パン
フルスクリーン/終了フルスクリーン
動的メニュー
メニューはモジュールで分割されます
ユニバーサル許可制御
- メニューレベルの権限制御
- インターフェイス - レベルの権限制御
- 元素権限制御
グローバルは、読み込み効果で構成できます
ネットワーク異常な治療
モジュール
- システムモジュール
  - システム設定
    - メニュー管理
  - 権限管理
    - 機能管理
    - ロール管理
    - 役割許可管理
    - ロールユーザー管理
    - ユーザーロール管理
  - 組織構造
    - 部門管理
    - ジョブ管理
  - ユーザー管理
- ウェブサイトモジュール
  - CMS
    - 記事管理
- 開発モジュール
  - 公式コンポーネント
    - エッセンスエッセンスエッセンス
  - ビジネスコンポーネント
    - SKU
- 監査ログ
- データの初期化

ファイル構造

 .
├── .quasar  Quasar CLI生成的配置
└── src
    ├── assets  资源文件
    ├── components 自定义组件
    ├── css 样式文件
    ├── layout 布局组件
    ├── libs  工具方法
    ├── router  路由配置
    ├── store  状态管理
    ├── service  API管理
    ├── plugins  需要全局注册的组件、指令、插件
    └── pages
        ├── cms 
        │   └── 文章管理
        ├── develop
        │   ├── 官方组件
        │   └── 业务组件
        ├── organization
        │   ├── 部门管理
        │   └── 职位管理
        ├── other
        │   └── 审计日志
        ├── permission
        │   ├── 功能管理
        │   ├── 角色管理
        │   ├── 角色权限管理 
        │   ├── 角色用户管理
        │   └── 用户角色管理
        ├── system  
        │   ├── 菜单管理
        ├── user  
        │   └── 用户管理
        ├── 403 无权限页面
        ├── index 首页
        └── login 登录页

インストール

 npm install -g vue-cli

 npm install -g quasar-cli

 npm install

走る

発達

 quasar dev

生産（ビルド）

 quasar build

背景プログラムをインストールします

背景プログラム

 git clone https://github.com/wjkang/quasar-admin-server.git

インストール

 npm install

走る

発達

 npm run start

生産（ビルド）

 npm run production

バックエンドプログラムはKOA2を使用して構築され、LOWDBはJSONファイルへのデータを保持するために使用されます（JSONファイルは、デモをすばやく構築するために保存されます）。

機能開発の手順（例として記事管理を取る）

フロントエンド
- 定義関数コード：
- post_view-アーティクルリストビュー
- post_edit -article編集
- post_del -article delete
- 新しい記事リストページpost.vue
- 新しいルーティング
- メニュー管理関数を使用して、「記事管理」関連メニューを追加する必要があります。定義された「記事リストビュー」機能関数に対応する永続的なコード充填（メニューレベルの権限制御）
- 関数管理を使用して、新しいメニューの下に新しいメニューの下に定義された関数名と関数コードを入力します
- 文字とユーザーを構成します
- キャラクターの権威管理における対応する役割設定の機能権限を設定する
後部
- DB.JSONファイル新しい記事ストレージ構造
- サービスの下でPosterService.jsを追加します
- コントローラーの下にpost.jsを追加して、関連操作にpostervice.jsを紹介します
- Mainroutes.jsは関連するルーティングを追加し、PermissionCheck Middlewareを使用して、リアエンド口頭レベル（利用可能な機能コードまたは文字コード）のアクセス制御を実行します
フロントエンド
- Post.jsをサービス中に追加し、API関連操作を構成し、ロードフィールドを構成してカスタムロード効果を実現します。
- post.vueファイルに戻り、APIアクセスファイルを導入し、ビジネスコードを書き込む
- v許可命令を使用して、ページ要素が表示されているかどうかを制御し、機能的なエンコードと文字コーディングを使用できます
- Storeアプリモジュールの下でDontCacheを構成してページキャッシュを制御する