web可视化开发工具DecSoft App Builder 2024.55 x64 安装免费版(附授权文件+教程)

DecSoft App Builder是功能强大的专业的IDE，可为移动和桌面浏览器，Android，iOS，Windows等创建HTML5应用，WebApp，渐进式WebApp，Web扩展和混合应用。使用DecSoft App Builder，您只需要具有一点HTML，CSS和Java知识就可以亏啊苏创建功能强大的WebApp，Progressive WebApp和Web Extensions，它们可以部署在所有现代台式机和移动浏览器中。由于使用Apache Cordova集成，因此您始终可以使用相同的基本代码来创建可在Android，Apple iOS和Microsoft Windows等平台上部署的混合应用程序。DecSoft App Builder创建的应用程序基于广为人知的框架和库。 您创建的应用可以根据需要进行复杂设置，例如，可以具有任意数量的视图/页面，以及用于用户交互的任意数量的控件。为应用程序视图/页面生成的HTML尽可能轻巧。 应用程序视图/页面的HTML和Javascript均仅按需加载，从而节省了宝贵的资源并保持了代码的良好隔离。本次带来破解版下载，含破解补丁，有需要的朋友不要错过了！~

安装教程

1、在本站下载并解压，得到AppBuilder.exe安装程序和patch破解补丁

2、双击AppBuilder.exe运行，勾选我接受协议，点击next

3、安装路径，点击next

4、安装完成，点击finish,将patch补丁复制到安装目录中，运行，点击patch按钮

软件特色

1、语言能力

DecSoft App Builder应用程序基于HTML，CSS和Javascript。这些是（或多或少）您必须了解的语言，以创建可在所有移动和桌面浏览器以及Android，iOS和Microsoft Windows等平台上运行的现代应用程序。全部具有相同的基本代码！这是选择DecSoft App Builder的重要原因。

2、视觉设计师

App Builder为我们提供了数十种视觉和非视觉控件，可随时将其放置在应用程序的设计器中。只需将所需的控件拖放到设计器中，然后将其放置在所需的位置即可。

3、上下文帮助

DecSoft App Builder具有上下文帮助，可将您精确地指向控件，属性，事件引用等。只需在IDE中按F1键即可。

4、阿帕奇·科尔多瓦（Apache Cordova）

DecSoft App Builder与Apache Cordova集成在一起，并为您的应用程序准备正确的配置文件，平台图标，初始屏幕，批处理文件，shell文件和JSON文件。DecSoft App Builder还集成了官方的Apache Cordova插件。

5、快速代码清单

DecSoft App Builder代码编辑器为您提供方便的快速代码列表。快速代码列表可帮助您更快地编写Javascript代码，并提供所有可用的控件属性，方法等。

6、应用程序文件管理器

DecSoft App Builder IDE 为您的应用程序集成了正确的文件管理器，因此您可以链接Javascript和样式表文件，还可以添加图像，其他文件（如JSON文件）甚至整个目录，以在运行时在您的应用程序中可用。

7、用户功能

除了可用的应用程序方法和应用程序视图，应用程序对话框，应用程序框架，Apache Cordova插件方法以及您可以使用的所有可能的控件提供的方法外，还可以按顺序设置自己的用户功能在运行时可用于您的应用。

8、自动缩放应用

您的应用程序有许多可用的主题，您甚至可以在运行时设置固定和缩放的样式。自动缩放样式使应用程序可以在不同的屏幕尺寸下正确显示。

使用帮助

1、IDE欢迎页面

程序启动时将加载DecSoft App Builder IDE欢迎页面，并为您提供有用的快捷方式和信息。您可以启动一个新应用，打开最近的应用和文件，将这些最近的内容添加到收藏夹中，阅读最新的支持论坛主题和帖子，在suppport论坛中执行搜索等等。

程序启动时，defuult将加载IDE欢迎页面。如果看不到它，因为您之前关闭了“欢迎”页面面板，则可以使用菜单->视图->欢迎页面再次显示它。

2、DE工具面板

DecSoft App Builder IDE工具面板显示了可用的应用程序控件，可以将它们放置在应用程序视图，应用程序对话框和应用程序框架中。

IDE工具面板的工作方式

使用“ IDE工具”面板非常简单，只需单击可用的控件之一，然后在应用程序设计器中单击：然后将您单击的控件插入应用程序设计器中，然后可以使用IDE控件检查器开始更改其属性。，IDE控件样式检查器，将它们的一些事件编成代码等。

3、DE控件检查器

DecSoft App Builder IDE控件检查器允许在设计时为应用程序视图，应用程序对话框，应用程序框架，应用程序控件和应用程序本身的几乎所有属性设置值。在下图中，您可以看到IDE控件检查器为红色矩形：

IDE控件检查器的工作方式

从上图中还可以看到，在应用程序视图设计器中选择了一个Push按钮，因此我们在IDE控件检查器中可以看到的是所选控件的属性。这就是IDE控件检查器的工作方式。

您必须在应用程序视图设计器内部单击，才能在IDE控件检查器中选择并显示应用程序视图属性。您也可以在应用程序视图设计器外部单击，以在IDE控件检查器中显示应用程序属性，最后，您可以单击其中一个应用程序视图控件，以在IDE控件检查器中显示选定的控件属性。

单击引用的设计器点后，您可以开始使用IDE控件检查器查看和编辑应用程序视图，应用程序本身或所选控件。看一下下面的GIF，它显示了如何使用IDE控件检查器更改应用程序，应用程序视图和控件属性。

4、IDE控件样式检查器

DecSoft App Builder IDE控件样式检查器允许在设计时为应用程序视图，应用程序对话框，应用程序控件和应用程序本身设置其他CSS样式规则。它类似于IDE控件检查器，并且以类似的方式工作。

IDE控件样式检查器的工作方式

从上图中还可以看到，在应用程序视图设计器中选择了一个Push按钮，因此我们在IDE控件样式检查器中可以看到的是该选定控件可能的其他CSS规则。这就是IDE控件样式检查器的工作方式。

您必须在应用程序视图设计器内部单击，才能在IDE控件样式检查器中选择并显示应用程序视图CSS规则。您还可以在应用程序视图设计器外部单击，以在IDE控件样式检查器中显示应用程序CSS规则，最后，您可以单击其中一个应用程序视图控件，以在IDE控件样式中显示选定的控件CSS规则。检查员。

单击引用的设计器点后，就可以使用IDE控件样式检查器开始查看和编辑应用程序视图，应用程序本身或所选控件。

样式，悬停和焦点

如上图所示，IDE控件样式检查器分为三个选项卡：“样式”，“悬停”和“焦点”。很容易理解这一点：您在“样式”选项卡中设置的CSS规则是始终要应用的CSS规则。相反，您可以在“悬浮”和“焦点”选项卡中设置的CSS规则仅在分别悬浮和聚焦应用视图，应用或控件时才适用。

5、DE控件列表

DecSoft App Builder IDE提供了四个控件列表：应用程序视图列表，应用程序对话框列表，应用程序框架列表以及最后的应用程序控件列表。

控件列表的工作方式

您可以使用IDE控件列表来选择特定的应用程序视图，应用程序对话框或应用程序框架。选择其中一项后，控件列表将显示所选应用程序视图，应用程序对话框或应用程序框架内的控件，如以下动画GIF图像所示：

您可以使用控件列表来选择应用程序视图，应用程序对话框，应用程序框架或它们包含的任何控件：您还可以双击控件列表项以直接访问正确的应用程序视图

6、编辑器快速代码列表

DecSoft App Builder快速代码列表已准备就绪，可在所有代码编辑器中使用，并使我们可以快速访问所有可用的应用程序方法和应用程序属性，所有应用程序视图，应用程序对话框，应用程序框架以及所有控件的方法和属性。 。例如，只需在应用程序视图中添加一个新控件，该控件便可以在“快速代码”列表中使用，以方便您使用。

显示快速代码列表

编辑器工具栏中有一个按钮来显示“快速代码”列表，但是，您可能很快就会学会使用CTRL + SPACE快捷方式来显示它。甚至更多，您将立即了解到，快速代码列表会根据您编写的内容自动更新，因此，您可以转到所需的元素，以尽可能快地自动完成代码。

方法参数技巧

与快速代码列表相关，代码编辑器为您提供有关Javascript方法所需的参数名称和类型的信息。一旦从“快速代码”列表中选择了Javascript方法，或者直接编写了该方法，该信息就会自动出现。您也可以显示此信息，将编辑器插入符号放在方法参数括号内，然后SHIFT + CTRL + SPACE按快捷键。

参数提示自动出现，但也可以通过使用SHIFT + CTRL + SPACE快捷方式 强制显示