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
- メニュー情報の追加
- 対応する権限を割り当てる
- 新しいインターフェイス ファイル: src/api/admin.js
- 新しいページ ファイル: src/views/admin/log.vue
- ルーティング情報を追加: src/router/index.js
- ログアウトして再度ログイン
# 构建测试环境
npm run build:stage
# 构建生产环境
npm run build:prod
Other# 预览发布环境效果
npm run preview
# 预览发布环境效果 + 静态资源分析
npm run preview -- --report
# 代码格式检查
npm run lint
# 代码格式检查并自动修复
npm run lint -- --fix
PreviewFQAnpm
- cnpm: cnpm
- を使用することをお勧めします。 node_modules フォルダーを削除した後、cnpm を使用して依存関係を再インストールします
- は element-ui を使用しています: element-ui
- Chrome、Firefox、QQ、360、Edge およびその他の主流ブラウザは、IE およびブラウザの互換モード (IE コア) をサポートしていません
- デバッグ モードのインターフェイスに従って戻ります。エラー メッセージのトラブルシューティングを行うか、問題を送信します。
- Apache2 オープン ソース プロトコルを完全に実行してください。無料で使用できます
- Copyright skyselang https://gitee.com/skyselang