builder

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）