ホームページ  >  記事  >  PHPフレームワーク  >  yylAdmin システムのインストールと使用を分析する

yylAdmin システムのインストールと使用を分析する

藏色散人
藏色散人転載
2021-08-02 16:31:342302ブラウズ

yylAdmin

Gitee: https://gitee.com/skyselang/yylAdmin

をベースにした最小限のバックエンド管理システムです。 Github :https://github.com/skyselang/yylAdmin

はじめに

yylAdminは、ログインと終了、権限管理、ログ管理などの基本的な機能のみを備えた最小限のバックエンド管理システムです。拡張が容易である; フロントエンドとバックエンドが分離されている; バックエンドは ThinkPHP6 を使用し、フロントエンドは Vue2 を使用する; プロジェクトは、バックエンド yylAdmin とフロントエンド yylAdminWeb で構成されます。

  • yylAdmin
  • yylAdminWeb

デモ

アドレス: https://demo.yyladmin.top/#/login?redirect =/ダッシュボード
アカウント: yyladmin、admin
パスワード: 123456
ヒント: デモ アカウントには部分的な権限しかありません。インストールしてすべての機能を体験するには、ソース コードをダウンロードしてください

準備

  • PhpStudy
  • Git
  • Node
  • Composer
  • ThinkPHP
  • Vue
  • 要素

要件

  • PHP >= 7.1
  • MySQL >= 5.6
  • Redis

インストール

PHP パート

# 克隆项目
git clone https://gitee.com/skyselang/yylAdmin.git

# 进入项目目录
cd yylAdmin

# 安装依赖
composer install

# 可以通过composer镜像解决速度慢的问题
composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/

# 导入数据库
数据库文件:public/private/yyladmin.sql

# 配置
重命名.env.example为.env,修改里面配置
或者直接修改config文件夹里面的相应配置

WEB パート

# 克隆项目
git clone https://gitee.com/skyselang/yylAdminWeb.git

# 进入项目目录
cd yylAdminWeb

# 安装依赖
npm install

# 可以通过npm镜像解决速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 或者使用cnpm,安装后使用cnpm替代npm,如 cnpm install
npm install -g cnpm --registry=https://registry.npm.taobao.org

# 配置
在.env*环境变量文件里面修改接口地址

# 启动服务
npm run dev

アクセス

アドレス: http://localhost:9527
アカウント: yyladmin
パスワード: 123456
管理者: skyselang
パスワード: 123456

開発

ログ管理を例に挙げます

PHP 部分

  • インターフェイス コードを記述します: app/admin/controller/AdminLog.php

  • メニュー情報の追加

  • 対応する権限を割り当てる
#

WEB パーツ

    新しいインターフェイス ファイル: src/api/admin.js

    新しいページ ファイル: src/views/admin/log.vue

    ルーティング情報を追加: src/router/index.js

権限を更新

    ログアウトして再度ログイン

Publish

# 构建测试环境
npm run build:stage

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

Other

# 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix

Preview

FQA

npm

    cnpm: cnpm
  • を使用することをお勧めします。
  • node_modules フォルダーを削除した後、cnpm を使用して依存関係を再インストールします
ui

    は element-ui を使用しています: element-ui
browser

    Chrome、Firefox、QQ、360、Edge およびその他の主流ブラウザは、IE およびブラウザの互換モード (IE コア) をサポートしていません
debug

    デバッグ モードのインターフェイスに従って戻ります。エラー メッセージのトラブルシューティングを行うか、問題を送信します。
プロトコル

    Apache2 オープン ソース プロトコルを完全に実行してください。無料で使用できます
  • Copyright skyselang https://gitee.com/skyselang
関連する推奨事項:

最新の 10 件の thinkphp ビデオ チュートリアル

以上がyylAdmin システムのインストールと使用を分析するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はsegmentfault.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。