builder

网站数据 2025-08-15

Frappe builder

制作网页毫不费力

网站 - 文档

Frappe builder

Frappe builder是一个低代码网站builder旨在简单,速度和灵活性。通过直观的视觉builder轻松制作美丽的网站。无论您是寻找轻松的设计师,还是寻求自定义的开发人员,Frappe builder都会赋予您您的能力。它还具有点击发布选项,可为您提供完整的端到端网站创建体验。

动机

大多数现有的解决方案要么太复杂,过于限制,要么难以与Frappe生态系统集成。此外,使用这些工具构建的页面通常用不必要的脚本和样式肿。我想在解决此问题的同时确定第一天的表现,以解决这个问题。我的目的是解决该项目的两个主要问题:提供一种直观的方式来设计网页并启用一键发布。作为Web开发人员,它可以帮助我抓挠自己的痒,我希望它也能帮助他人。

关键功能

  • 直观的视觉builder :使用类似Figma的编辑器简化工作流程。
  • 响应视图:确保您的网站在任何设备上看起来都不错,而不会大惊小怪。
  • Frappe CMS集成:轻松从数据库中获取数据并创建动态页面。
  • 脚本功能:使用客户端脚本,全局脚本和样式自定义。
  • 一键发布:立即单击与世界分享您的创作。
  • 卓越性能: Frappe builder不会膨胀带有不必要的脚本的网页,因此页面的性能很高,在Google Lighthouse测试中始终获得高分。
  • 准备就绪:Frappe.io建立在Frappe builder上,这证明了其在提供生产就绪的解决方案方面的可靠性。

在引擎盖下

  • Frappe框架:全堆栈Web应用程序框架。
  • Frappe UI:基于VUE的UI库,可提供现代用户界面。

入门(生产)

托管托管

在Frappe Cloud(我们的官方托管服务)上点击几下,从您的个人或商业网站开始。

自托管

请按照以下步骤在生产中设置Frappe builder :

步骤1 :下载简单安装脚本

wget https://**frappe.i*o/easy-install.py

步骤2 :运行部署命令

builder_prod_setup \ --email=email@example.com \ --image=ghcr.io/frappe/ builder \ --version=stable \ --app= builder \ --sitename subdomain.domain.tld">
python3 ./easy-install.py deploy \
    --project= builder _prod_setup \
    --email=email@example.com \
    --image=ghcr.io/frappe/ builder \
    --version=stable \
    --app= builder \
    --sitename subdomain.domain.tld

用您的值替换以下参数:

  • email@example.com :您的电子邮件地址
  • subdomain.domain.tld :您的域名将托管builder

该脚本将在大约5分钟内设置Frappe builder的生产就绪实例。

入门(开发)

Docker

您需要在计算机上进行Docker,Docker-Compose和Git设置。请参阅Docker文档。之后,运行以下命令:

步骤1 :设置文件夹并下载所需的文件

builder wget -O docker-compose.yml https://raw.git*h*ubuserco*ntent.com/frappe/builder/develop/docker/docker-compose.yml wget -O init.sh https://raw.gi*thubu*sercont*ent.com/frappe/builder/develop/docker/init.sh">
mkdir frappe- builder && cd frappe- builder
wget -O docker-compose.yml https://raw.git*h*ubuserco*ntent.com/frappe/builder/develop/docker/docker-compose.yml
wget -O init.sh https://raw.gi*thubu*sercont*ent.com/frappe/builder/develop/docker/init.sh

步骤2 :运行容器

docker compose up

等待设置脚本创建一个站点,您将看到Current Site set to builder .localhost 。完成后,网站http://builder.localhost:8000现在应该可用。

凭据:用户名: Administrator密码: admin

本地设置

  1. 设置台。
  2. 在Frappe-Bench目录中,跑步bench start并保持运行。
  3. 打开一个新的终端会话,并在frappe-bench Directory中打开CD,然后运行以下命令:
builder bench new-site builder .localhost --install-app builder bench browse builder .localhost --user Administrator">
bench get-app builder
bench new-site builder .localhost --install-app builder
bench browse builder .localhost --user Administrator
  1. 访问Builder .localhost的builder页面builder .localhost:8000/ builder

用于前端开发

  1. 打开新的终端会话并运行以下命令:
builder yarn install yarn dev --host">
 cd frappe-bench/apps/ builder
yarn install
yarn dev --host
  1. 现在,您可以在http://buil*d**er.localhost:8080

注意:您会在frappe-bench/apps/ builder /frontend中找到与builder的前端有关的所有代码

链接

  • 电报公共集团
  • 讨论论坛
  • 文档
  • 无花果插件(beta)


下载源码

通过命令行克隆项目:

git clone https://github.com/frappe/builder.git