1. Project Overview

DIYGW-UI-PHP

DIYGW-UI-PHP is a separated frontend and backend system developed based on the thinkphp8 framework and element plus admin. Its purpose is to combine the existing diygw-ui with a backend API development solution.

2. Open Source License

Licensed under Apache-2.0

3. Screenshots

Partial Screenshots

4. Feature Overview

Function

• User Management: Backend User Management

• Department Management: Configure the company's organizational structure with support for hierarchical tree structures

• Position Management: Configure job positions for backend users

• Menu Management: Configure system menus, buttons, and more

• Role Management: Configure user roles and assign permissions

• Data Dictionary and Admin Backend Table Structure

• Operation Logs: Records of backend user operations

• Login Logs: Records of backend system user logins

Introduction to the DIYGW Visual Tool

The DIY official website visual tool is a ready-made visual drag-and-drop development tool that requires no programming skills or coding experience. It provides a what-you-see-is-what-you-get design experience and supports easy online visual export of source code for WeChat Mini Programs, Alipay Mini Programs, Toutiao Mini Programs, H5, WebApp, UNIAPP, and more. It supports a component library with attractive components such as cards, lists, carousels, navigation bars, buttons, tags, forms, radio buttons, checkboxes, dropdown selections, multi-level selections, cascader selections, switches, timelines, modal dialogs, step indicators, avatars, progress bars, and more. It offers a rich selection of button click events, custom method calls, online API debugging, dynamic data binding, For loop data binding, IF condition binding, and more.

The DIY official website visual tool provides a low-code visual design tool for generating and exporting source code with one click. It is an essential low-code visual development tool that connects designers, product managers, and development teams through a single design process. From idea to prototype to source code, everything is completed in one step with this low-code source code generation tool.

5. Tech Stack

Backend

Runtime Requirements: PHP 8.0+

 

Frontend

Based on vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + pinia, this free and open-source admin template is compatible with mobile phones, tablets, and PCs. It aims to reduce workload and help developers achieve rapid development.

Backend Installation

Use BaoTa to create a new website and point it to the public directory. Once created, enter the domain name in your browser to start the installation process.

Usage Guide

After users create a custom table, such as a user-defined table named user, simply enter php think diygw:table sys@User in the command line. The system will automatically generate related classes such as Model and Controller for the table. Here, sys represents the application directory, and user represents a specific table. To view more commands, run php think to see additional commands for quickly generating classes.

Acknowledgments

• vue

• vue-next

• element-ui

• element-plus

• vue-router-next

• pinia

• echarts

• axios

• clipboard

• countUp

• mitt

• nprogress

• screenfull

• sortablejs

• sass

• typescript

• vite

• wangeditor

• cropperjs

• qrcodejs

• print-js

• vue-web-screen-shot

• vue-grid-layout

• splitpanes

• vue-drag-verify

• jsplumb

More content, please refer to README.md document