All Projects → huijiewei → Yii2 Boilerplate

huijiewei / Yii2 Boilerplate

yii2 + vue.cli + element ui 前后端分离样板项目

Projects that are alternatives of or similar to Yii2 Boilerplate

Vue Boilerplate Template
🍎 Efficient development of web SPA using Vue.js(2.*) + Webpack + Element-ui + Pwa + Vuex + Vuex-router + Vue-i18n + Dayjs + Lodash.
Stars: ✭ 461 (+417.98%)
Mutual labels:  vuex, admin, element-ui
D2 Admin
An elegant dashboard
Stars: ✭ 11,012 (+12273.03%)
Mutual labels:  vuex, admin, element-ui
Ruoyi Vue Fast
(RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统
Stars: ✭ 107 (+20.22%)
Mutual labels:  vuex, admin, element-ui
Vue Blog
🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案
Stars: ✭ 208 (+133.71%)
Mutual labels:  vuex, admin, element-ui
Vue Element Admin
🎉 A magical vue admin https://panjiachen.github.io/vue-element-admin
Stars: ✭ 73,044 (+81971.91%)
Mutual labels:  vuex, admin, element-ui
Nx Admin
👍 A magical 🐮 ⚔ vue admin,记得star
Stars: ✭ 2,497 (+2705.62%)
Mutual labels:  vuex, admin, element-ui
Fantastic Admin
一款开箱即用的 Vue 中后台管理系统框架,基于ElementUI,兼容PC、移动端,vue-admin, vue-element-admin, vue后台
Stars: ✭ 153 (+71.91%)
Mutual labels:  vuex, admin, element-ui
Vue Admin Html
Vue-cli3.0 + Element UI + Spring Boot2.0 + ThinkPHP5.1 + 响应式的后台管理系统 https://lmxdawn.github.io/vue-admin
Stars: ✭ 436 (+389.89%)
Mutual labels:  vuex, admin, element-ui
Ruoyi Vue
(RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统
Stars: ✭ 596 (+569.66%)
Mutual labels:  vuex, admin, element-ui
Vue Blog Template
vue-blog 基础模板
Stars: ✭ 31 (-65.17%)
Mutual labels:  admin, element-ui
Enso
Laravel Vue SPA, Bulma themed. For demo login use `[email protected]el-enso.com` & `password` -
Stars: ✭ 959 (+977.53%)
Mutual labels:  vuex, admin
Vue Template With Element Ui
A Vue.js template with element UI.
Stars: ✭ 42 (-52.81%)
Mutual labels:  vuex, element-ui
Vue2 Study
vue 的webpack配置,按需加载,element-ui,vuex
Stars: ✭ 16 (-82.02%)
Mutual labels:  vuex, element-ui
Luya
LUYA is a scalable web framework and content management system with the goal to please developers, clients and users alike.
Stars: ✭ 741 (+732.58%)
Mutual labels:  yii2, admin
Docker Vue Node Nginx Mongodb Redis
🐉 An awesome boilerplate, Integrated Docker, Vue, Node, Nginx, Mongodb and Redis in one, Designed to develop & build your web applications more efficient and elegant.
Stars: ✭ 34 (-61.8%)
Mutual labels:  vuex, element-ui
Vue Admin Webapp
this is a admin project
Stars: ✭ 673 (+656.18%)
Mutual labels:  vuex, admin
Vue Admin Pro
Solution for company middle and backstage, written using the vue and nuxtjs
Stars: ✭ 48 (-46.07%)
Mutual labels:  vuex, admin
Ant Design Vue Pro
👨🏻‍💻👩🏻‍💻 Use Ant Design Vue like a Pro!
Stars: ✭ 8,965 (+9973.03%)
Mutual labels:  vuex, admin
Yii2admin
通用的yii2后台,基于Yii2的advanced应用程序模板,整合RBAC、Menu、Config、Migration多语言、RESTfull等等...
Stars: ✭ 619 (+595.51%)
Mutual labels:  yii2, admin
Vuetify Material Dashboard
Vuetify Material Dashboard - Open Source Material Design Admin
Stars: ✭ 1,023 (+1049.44%)
Mutual labels:  vuex, admin

前后端分类脚手架

特点

  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 并编辑配置
开发服务器环境
修改 Hosts
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 并保存到 database 目录

运行 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

Version: 2020-11-07 18:00

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].