web可视化开发工具 App Builder 2019安装注册激活教程(含下载)

Web可视化开发工具App Builder 2019安装注册激活教程

下载App Builder 2019

首先，我们需要下载App Builder 2019的安装包。可以在App Builder官方网站下载：https://www.davidesperalta.com/appbuilder

安装App Builder 2019

1. 双击刚才下载好的安装包，进入安装界面。
2. 点击“Next”按钮，按照提示进行下一步安装。
3. 安装完成后，打开App Builder 2019。

注册App Builder 2019

1. 在打开的App Builder 2019界面中，点击菜单栏的“Help”->“Register”选项。
2. 在注册窗口中填写Email和Registration Code，然后点击“Activate”按钮。

特别提醒：如果没有购买过App Builder，则无法进行注册。付费购买App Builder后，会收到一封包含Registration Code的邮件。

使用App Builder 2019

1. 在App Builder 2019中创建一个新项目。
2. 向项目中添加控件，这些控件可以是按钮、文本框、标签、列表框等等。
3. 对控件进行属性设置，比如设置按钮的文本、字体大小、颜色等等。
4. 编写代码，可以使用JavaScript语言进行编写。
5. 在开发完成后，可以将项目打包为可执行文件或者HTML页面，然后发布到Web上。

示例说明

示例一：创建一个按钮并设置点击事件

1. 在App Builder 2019中创建一个新项目。
2. 在项目中添加一个按钮控件。
3. 双击按钮控件，进入按钮的属性设置页面。
4. 在属性设置页面中，设置按钮的文本为“Hello World!”。
5. 点击“Code”按钮，进入代码编辑器。
6. 在代码编辑器中，编写以下代码：

document.getElementById("Button1").onclick = function() {
    alert("Hello World!");
};

1. 点击保存按钮，然后点击运行按钮，在运行窗口中点击按钮，就可以看到弹出一条消息框，显示“Hello World!”。

示例二：创建一个表单并向数据库中插入数据

1. 在App Builder 2019中创建一个新项目。
2. 在项目中添加一个表单控件。
3. 双击表单控件，进入表单的属性设置页面。
4. 在属性设置页面中，设置表单的数据库连接信息。
5. 在设计面板中，向表单中添加一些输入框和标签。
6. 双击输入框控件，进入输入框的属性设置页面。在此页面中，可以设置输入框的名称、数据类型、默认值等等。
7. 在代码编辑器中编写以下代码：

document.getElementById("Form1").onsubmit = function() {
    var name = document.getElementById("Name").value;
    var email = document.getElementById("Email").value;
    var phone = document.getElementById("Phone").value;

    var sql = "INSERT INTO users (name, email, phone) VALUES ('" + name + "', '" + email + "', '" + phone + "')";

    App.DB.ExecuteSQL(sql);

    return false;
};

1. 在运行窗口中，填写表单中的信息，然后点击提交按钮。此时，表单中的数据会被插入到数据库中。