# PyBricker

**Repository Path**: codekpy/block-py

## Basic Information

- **Project Name**: PyBricker
- **Description**: PyBricker 是一个基于可视化和代码块编程的在线开发环境，允许用户通过拖拽代码块或直接编写 Python 代码来构建程序。项目采用前后端分离架构，前端使用 Vue.js，后端使用 Flask。主要功能包括代码块工作区、工具箱、项目导航、设置和截图等组件。用户可以通过克隆项目、安装依赖（`pip install -r requirements.txt`）并运行 `python main.py`
- **Primary Language**: Python
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: https://codekpy.cloudroo.top/?id=37
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 1
- **Created**: 2025-03-15
- **Last Updated**: 2026-02-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# PyBricker Project Documentation

## Project Name
PyBricker

## Project Description
PyBricker is an online development environment based on visual and code block programming. It allows users to build programs by dragging and dropping code blocks and also supports direct Python code writing. The project aims to provide an intuitive and easy-to-use programming platform suitable for both beginners and experienced developers.

## Software Architecture
The project adopts a front-end and back-end separation architecture, with the front end using the Vue.js framework and the back end using the Flask framework. The main components include:

### Front-End Components
- **App.vue**: Main application component
- **Workspace.vue**: Code block workspace component
- **Toolbox.vue**: Code block toolbox component
- **Navigator.vue**: Project navigation component
- **Settings.vue**: Settings component
- **Screenshot.vue**: Screenshot component
- **Search.vue**: Search component
- **Trashcan.vue**: Trash can component
- **Zoombox.vue**: Zoom component

### Back-End Components
- **main.py**: Flask application entry point
- **pipList.py**: Tool for getting the list of pip packages
- **pipVersion.py**: Tool for getting the version of pip packages
- **project.json**: Configuration file for storing project information

## Installation Guide
1. Clone the project to your local machine
2. Install dependencies: `pip install -r requirements.txt`
3. Run the application: `python main.py`

## Usage Instructions
1. Open your browser and visit [http://localhost:5000](http://localhost:5000)
2. Drag and drop code blocks in the workspace to program
3. Use the components in the toolbox to manage projects and search for code, etc.
4. Adjust the environment configuration through the settings component

## Build Method
The project is built using Flask and Vue.js, and can be built following these steps:
1. Install Node.js and npm
2. In the front-end directory `./Front/`, run `npm install` to install dependencies
3. Run `npm run build` to build the front-end resources
4. In the back-end directory, run `python main.py` to start the service

## License
The project is licensed under the AGPL license, for details please refer to the LICENSE file.

## Contribution
Contributions to the project are welcome, please follow these steps:
1. Fork the project
2. Create a new branch
3. Submit the code
4. Initiate a Pull Request

## Contact Information
For any questions or suggestions, please submit them through the Issue feature on the project page.

## Acknowledgments
Thank you to all developers and users who have contributed to the project.