DecSoft App Builder2021

　　app builder 2021是一款应用程序开发软件，通过这款软件可以帮助用户设计web程序，可以设计网站程序，可以设计网页工具，可以设计浏览器插件，DecSoft App Builder应用程序可以具有任意数量的应用程序视图，您可以使用app.showView方法或app.replaceView方法显示特定视图，一个应用程序视图旨在作为一个或多个应用程序控件的容器，因此您可以使用一个视图表示对用户的欢迎，另一个视图可以显示应用程序选项，另一个视图可以显示应用程序帮助，等等，app builder 2021可以创建多种文件类型，支持js、css、json、PHP、HTML，如果你需要这款软件就下载吧！

软件功能

　　借助DecSoft App Builder并具有一些HTML，CSS和JavaScript知识，您可以创建功能强大的WebApp，Progressive WebApp和Web Extensions，它们可以部署在所有现代台式机和移动浏览器中。

　　此外，借助Apache Cordova集成，您始终可以使用相同的基本代码来创建可在Android，Apple iOS和Microsoft Windows等平台上部署的混合应用程序。那么，您会喜欢它还是什么？

　　所有DecSoft演示软件都旨在进行全面测试，也就是说，它们不受时间和特性的限制，因此您可以使用最新的产品版本进行测试，而无需担心。当然存在一些限制，但是从没有时间和特性上。

　　强大高效的应用

　　DecSoft App Builder创建的应用程序基于广为人知的框架和库。您创建的应用可以根据需要进行复杂设置，例如，可以具有任意数量的视图/页面，以及用于用户交互的任意数量的控件。

　　为应用程序视图/页面生成的HTML尽可能轻巧。应用程序视图/页面的HTML和JavaScript均仅按需加载，从而节省了宝贵的资源并保持了代码的良好隔离。

软件特色

　　【视觉设计师】

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

　　【上下文帮助】

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

　　【Apache Cordova】

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

　　【快速代码列表】

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

安装方法

　　1、打开DecSoft App Builder v2021.1.exe软件直接安装，接受软件协议

　　2、提示软件的安装地址C:\Program Files\DecSoft\AppBuilder

　　3、提示软件的快捷方式，点击下一步

　　4、软件的安装准备界面，点击install直接安装

　　5、提示安装进度条，等待主程序安装结束吧

　　6、DecSoft\AppBuilder成功安装到电脑，点击完成

方法

　　1、将补丁Patch.exe复制到软件的安装地址下选择管理员身份启动

　　2、点击PATCH按钮添加补丁就可以完成激活

　　3、现在就可以设计您的项目，软件界面是英文，可以在软件输入内容进行搜索

　　4、支持开启应用程式资料夹、打开fixed.css、打开scaled.css、打开shared.css

　　5、创建应用程序BAT、最小化应用程序代码、新的密钥库文件、检查更新、程序选项

　　6、提示帮助内容，更多软件介绍内容打开帮助查看

使用说明

　　应用程式外挂程式

　　在DecSoft App Builder的帮助下，您可以创建JavaScript应用程序，从而可以通过多种方式扩展应用程序的功能，例如，只需使用某些第三方JavaScript库或Apache Cordova插件即可。除了这些“自然的”扩展功能外，DecSoft App Builder还提供了完整的基础结构，可轻松使用专门用于此IDE的第三方插件。

　　IDE整合

　　DecSoft App Builder的应用程序插件已完美集成在IDE中：

　　1、应用程序插件可以提供一个或多个成为“ app.plugins”变量的对象，并且这些对象可以包含许多有用的方法，例如，所有这些东西都可以出现在IDE快速代码列表中，因此用户可以轻松使用应用程序插件的内容。

　　2、App插件也可以提供一个或多个可视控件和非可视控件，这些控件将像“可用”控件中的任何其他控件一样显示在IDE工具面板中。这些插件的控件还可以具有事件和不同类型的属性，可以使用IDE控件检查器和IDE控件样式检查器进行编辑。

　　3、应用程序插件提供的控件还可以提供“可翻译”属性，以便可以使用IDE语言管理器来翻译控件的属性，就像DecSoft App Builder提供的任何其他“开箱即用”控件一样。

　　4、应用程序插件可以指定脚本，样式，图像，其他文件（例如JSON），甚至整个文件夹，以便将其复制到应用程序编译的文件夹中，换句话说，以便由插件内部使用。

　　5、最后但并非最不重要的一点是，应用程序插件可以提供正确的帮助和文档，并且可以在上下文中集成到IDE中，就像IDE上下文帮助一样。IDE将使用正确的“锚”调用应用程序插件帮助HTML文件，指示用户感兴趣的控件属性，事件等。

　　应用程序用户功能

　　除了应用程序属性和应用程序方法，控件属性和方法以及集成的Apache Cordova插件属性和方法之外，您还可以添加自己的应用程序功能。现有的应用程序用户功能也集成在IDE快速代码列表中。

　　应用程序用户功能是一种很好的方式，例如，可以在应用程序中共享一些代码，因为您可以从任何应用程序视图，应用程序对话框等调用该应用程序用户功能。DecSoft App Builder IDE为您提供了一个应用程序用户功能管理器，并且您可以定义任意数量的应用程序用户功能。

　　看一下下面的GIF动画图像，您可以在其中看到如何创建新的应用程序用户功能并使用它。

　　功能放置位置

　　与添加到应用程序的任何其他方法一样，添加到应用程序的用户函数位于“ app”范围内，因此，如果添加“ sayHello”用户函数，则可以使用以下代码调用该函数：

　　编译，调试和运行

　　在DecSoft App Builder IDE主工具栏中，您可以从左到右看到以下四个按钮，这些按钮必须得到很好的说明：

　　运行按钮

　　“运行”按钮用于在内部调试器浏览器中启动应用程序，而无需先保存或编译它。换句话说，“运行”按钮将启动应用程序的最新编译（如果有）。这样做非常有用，因为它可以在启动前尽快保存或编译，因此可以尽快启动该应用程序。

　　但是，“运行”按钮特别有用，因为DecSoft App Builder允许在代码编辑器（主菜单->应用程序->打开app.js）中打开已编译的“ app.js” 。因此，关键是您可以在“ app.js”文件中执行更改，将其保存，然后使用“运行”按钮启动该应用程序。

　　由于该应用程序未编译，因此启动该应用程序时可以看到正在运行的是修改的“ app.js”文件。这正是您想要的：在“ app.js”中进行一些更改，然后启动应用程序是调试某些特定内容的一种很好的方法。

　　停止按钮

　　不用多说，“停止”按钮只是停止内部HTTP Server并关闭调试器内部浏览器窗口。

　　编译按钮

　　“编译”按钮不先保存就编译应用程序。有时您不想调试最新的更改，而是这样调试应用程序的“当前状态”，因此您可以先按“编译”按钮，而无需先保存应用程序。

　　要部署应用程序时，必须使用“编译”按钮，也就是说，要对应用程序进行“待部署”编译，必须先保存它，然后按“编译”按钮。您将获得一个准备好可以部署的应用程序编译，而无需包含任何相关的调试代码。

　　调试按钮

　　如果对应用程序进行了修改，则“调试”按钮将保存该应用程序，然后编译该应用程序（包括一些与调试相关的内容），最后在内部调试器浏览器中启动该应用程序。请注意，编译应用程序还意味着“ app.js”将被重写：如果您首先对其进行修改以调试某些内容，则必须使用“运行”按钮（请参见上文）而不是“调试”按钮。

　　外部浏览器按钮

　　可能您设置了一些外部浏览器来调试应用程序（请参见下文）。这些外部浏览器的按钮显示在“调试”按钮的右侧，并且当您按下其中一个按钮时，该按钮的作用与“调试”按钮相同，只是在指定的浏览器中另外启动了该应用程序。

　　使用内部浏览器进行调试

　　很多时候内部浏览器足以调试应用程序，因此，我们可以简单地使用它，如下面的动画GIF图像所示：

　　使用外部浏览器进行调试

　　只需按已建立的调试器浏览器之一，然后打开正确的浏览器，即可调试该应用程序。通常，您可以使用该F12键显示开发人员控制台，这是在以下动画GIF图像中看到的内容：

　　带有VueJS的外部浏览器

　　您可能已经知道DecSoft App Builder使用VueJS框架生成应用程序。该框架为现代浏览器提供了“ Vue.js devtools”扩展，以增强其开发人员控制台。

　　安装此有用的扩展程序后，我们可以浏览应用程序组件的运行时信息，例如应用程序控件及其属性。看一下下面的动画GIF图像，它使用安装了VueJS扩展程序的Mozilla Firefox浏览器：

　　调试Apache Cordova应用

　　在大多数情况下，它足以使用浏览器调试应用程序：几乎所有时间，我们都可以确保在用Apache Cordova编译了我们的应用程序后，可以在浏览器中正常工作的东西可以以相同的方式工作。

　　但是，有时，我们必须调试仅在应用程序在Android智能手机等设备上运行时才可用的东西。根据我们的经验，调试此类事情的最佳方法是使用DecSoft App Builder生成的“运行批处理文件”，首先将设备连接到计算机。

　　因此，例如，您通过USB将设备连接到计算机，然后执行“运行批处理文件”，因此该应用程序将使用Apache Cordova进行编译，然后在连接的设备中启动。也可以使用仿真器，但是使用设备可能更好，并且可以肯定更快。

　　在连接的Android设备（或仿真器）中启动应用程序后，“运行批处理文件”将启动调试控制台，因此我们可以开始从应用程序接收信息。您可以使用“ window.console.info（）”，“ window.console.debug（）”和“ window.console.error（）”方法将自己的消息发送到调试控制台。

　　关于Apache Cordova的一些说明

　　以比使用浏览器而不是设备调试应用程序更好的方式（因为它更快）来进行调试，例如，在调试Apache Cordova编译器应用程序时，在一个平台上尝试可能是一个好主意。在Android设备上调试应用。

　　这个想法是，在Android设备上可以运行的某些东西在Apple iOS设备上必须以相同的方式工作，例如，因为Apache Cordova的东西是相同的。在某些情况下，某些Apache Cordova插件仅在一个平台上可用，因此，您当然必须在该平台上对其进行调试。

　　Apache Cordova选项-配置

　　在下面，您可以看到Apache Cordova-配置选项窗口。在图像之后，您可以在Apache Cordova-Configuration部分中获取有关所有应用程序选项的信息。

　　Apache Cordova选项-配置-屏幕

　　如果希望您的应用程序以全屏方式（例如，没有任何状态栏）运行， 请选中“以全屏方式运行”复选框。在全屏模式下运行该应用程序可能很吸引人，但这不是该应用程序的常规运行方式，因此，如果您的应用程序确实需要在全屏模式下工作（例如正在开发某些应用程序），请小心并使用此功能。例如游戏。

　　如果您不希望用户滚动到内容的开头或结尾时界面不显示任何反馈， 请选中“禁止滚动”。在iOS上，过度滚动手势会使内容反弹回其原始位置。在Android上，它们会沿着内容的顶部或底部边缘产生更微妙的发光效果。

　　从列表框中选择默认设备方向。您可以使用Apache Cordova Screen Orientation插件在运行时进行更改。

　　Apache Cordova选项-配置-状态栏

　　选中“启动时覆盖WebView”复选框，以使状态栏覆盖在您的应用程序顶部。确保相应地调整样式，以便不覆盖应用程序的标题栏或内容。取消选中该复选框可使状态栏保持稳定，并且不会覆盖您的应用程序。

　　从列表框中选择一种可用的状态栏样式，最后选择要使用的默认状态栏背景色。您可以使用Apache Cordova Statusbar插件更改颜色并在状态栏上执行其他一些操作。

　　Apache Cordova选项-配置-额外的XML配置

　　如果您需要在Apache Cordova配置文件中添加一些XML配置，则在这里。某些Apache Cordova插件可能需要特定的配置，可以在Apache Cordova配置文件中进行设置。始终需要在Apache Cordova配置文件中添加一些XML代码，请使用上面的Extra XML配置编辑框。

　　Apache Cordova选项-批处理文件

　　在下面，您可以看到Apache Cordova-批处理文件选项窗口。在图像之后，您可以在Apache Cordova-Batch files部分中获取有关所有应用程序选项的信息

　　Apache Cordova选项-批处理文件

　　也许您已经知道DecSoft App Builder可以创建多个批处理文件来使我们的应用程序使用Apache Cordova进行编译。好。在此应用程序选项部分中，您可以连接到创建的批处理文件，因此可以将某些特定的批处理代码添加到开始时间，之后和结束时间。

　　您可以将在执行任何Apache Cordova命令之前执行的批处理代码放入“开始”编辑框。

　　您可以将添加Apache Cordova平台后执行的批处理代码放在After editbox批处理代码中。

　　您可以将在所有Apache Cordova命令执行后执行的End批处理代码放在End编辑框中。

　　Apache Cordova选项-Shell文件

　　在下面，您可以看到Apache Cordova-Shell文件选项窗口。映像之后，您可以在Apache Cordova-Shell文件部分中获取有关所有应用程序选项的信息。

　　Apache Cordova选项-Shell文件

　　也许您已经知道DecSoft App Builder可以创建多个Shell文件来使用Apache Cordova编译我们的应用程序。好。在此应用程序选项部分中，您可以连接到创建的批处理文件，因此可以将某些特定的批处理代码添加到开始时间，之后和结束时间。

　　您可以将在执行任何Apache Cordova命令之前执行的“开始”编辑框外壳程序代码放入“开始”框。

　　您可以在添加Apache Cordova平台后执行的After盒中放置代码后。

　　您可以将在所有Apache Cordova命令执行后执行的End editbox shell代码放在End中。

　　Apache Cordova选项-工具路径

　　在下面，您可以看到Apache Cordova-工具路径选项窗口。在图像之后，您可以在Apache Cordova-Tools Paths部分中获取有关所有应用程序选项的信息。

　　Apache Cordova选项-工具路径

　　原则上，您可以忽略这些选项，也就是说，仅当您需要为Java home，Ant home和Android home指定特殊路径时，才可以使用上述编辑框来执行此操作。

　　Apache Cordova选项-初始屏幕

　　在下面，您可以看到Apache Cordova-启动画面选项窗口。在图像之后，您可以在Apache Cordova-Splash屏幕部分中获取有关所有应用程序选项的信息。

更新日志

　　DecSoft App Builder

　　历史

　　2021.1（09/21/2020）

　　*此DecSoft App Builder版本是未来的重要一步，因为像我们当前这一代的DecSoft HTML编译器（最近发布）一样，告别基于Internet Explorer的古老WebView，并欢迎使用Microsoft Edge WebView2。

　　*由于使用了Microsoft Edge WebView2，内部调试器不再是外部程序，也就是说，现在可以在IDE的停靠面板中启动这些应用程序，更加轻松，快捷。无论如何，我们仍将继续提供开发者控制台。

　　*顺便说一下，作为DecSoft App Builder的用户，也许您想看看我们的新一代DecSoft HTML Compiler产品，该产品现在可以完美地编译和转换现代HTML应用程序（例如，由DecSoft App Builder创建的HTML应用程序） ）转换为适用于Microsoft Windows 32和64位的独立可执行文件。获取更多信息，并在我们的网站上下载DecSoft HTML Compiler的演示版！

　　2020.100（08/25/2020）

　　*修复了导致我们无法在容器控件内放置可视插件控件的错误。当我们尝试使用剪贴板将Visual Plugin控件粘贴到Container中时，还要解决一个问题。感谢戴斯蒙德的报告！

　　*此产品发行版具有其他小的内部更改，修复和增强，例如在Debugger程序中。

　　2020.99（2020/05/08）

　　*将Android Min SDK选项的默认值从API级别19（Android 4.4）上移到API级别22（Android 5.1）。为了准备使用最新版本的Apache Cordova（10.0.0），这是一项要求。此发行版中还进行了其他小的更改，修复和增强。