yii2 boilerplate

フロントエンドとリアエンドの分類足場

特徴

1. モジュール型開発テンプレート

2. dotenv 環境変数を使用して機密データを構成する

3. より柔軟なディレクトリ構造

4. PSR-4による自動ローディング

5. コードスタイル仕様はPSR-2、PSR-12に準拠

6. フロントエンドは Vue.js + Element UI + Vue Cli を使用して構築されています

オンラインデモ

https://bp.huijiewei.com/admin アカウント: 13098761234 パスワード: 123456

VUE と Spring Boot の連携を体験してみませんか

https://github.com/huijiewei/agile-vue

https://github.com/huijiewei/agile-boot

インストール

プロジェクトには PHP 7.3 以降が必要です

Composer と npm の依存関係パッケージをインストールする

composer install
npm install

.env.example ファイルを .env にコピーし、構成を編集します

開発サーバー環境

ホストの変更

 127.0.0.1 www.bp.test

Nginxの設定

server {
    listen      80;
    server_name www.bp.test;

    root {项目根目录}/public;
    index index.php index.html index.htm;

    rewrite ^/(.*)/$ /$1 permanent;

    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }

    include php-fpm;
}

データテーブルの初期化方法:

php bin/yii migrate

地域データのインポート

省、市、郡のデータベースをダウンロードします https://github.com/modood/Administrative-divisions-of-China/blob/master/dist/data.sqlite

名前を District.sqlite に変更し、データベース ディレクトリに保存します

php bin/yii import/district を実行して地区データをインポートします

ディレクトリ構造

 ├── bin // yii 命令
├── config // 后端配置
├── database
│   └── migrations // 数据迁移脚本
├── public // 网站根目录
│   └── statics // 静态资源
├── ui // 前端开发
│   ├── core // 公用核心模块
│   │   ├── assets
│   │   ├── components
│   │   └── styles
│   └── modules // 前端模块目录
│      └── admin // 管理后台前端代码目录
│          ├── assets
│          ├── components
│          ├── plugins
│          ├── router
│          ├── services
│          ├── store
│          ├── utils
│          └── views
├── src // 后端代码
│   ├── core // 核心公用代码
│   │   ├── components
│   │   ├── models
│   │   │   └── admin
│   │   ├── traits
│   │   └── widgets
│   └── modules // 后端模块
│       ├── admin // 管理后台
│       │   ├── api // 管理后台 API
│       │   │   ├── commands
│       │   │   └── controllers
│       │   └── spa // 管理后台 SPA 页面
│       │       ├── controllers
│       │       └── views
│       ├── website // 前台网站
│       │   ├── controllers
│       │   └── views
│       │       ├── layouts
│       │       └── templates
│       │           ├── auth
│       │           └── site
│       └── wechat // 微信端

フロントエンド関連の命令

バックエンドおよびフロントエンド開発サーバーを管理する

npm run serve:admin

実稼働バージョンをビルドするためのバックエンドを管理する

npm run build:admin

他の

ウェブサイトのメインアドレス http://www.bp.test/

バックエンド アクセス パス http://www.bp.test/admin

バックエンド管理: ユーザー: 13012345678 パスワード: 123456

バージョン: 2020-11-07 18:00