菜菜侠的uniGUI使用笔记 -- 安装篇

菜菜侠的uniGUI使用笔记 – uniLabel篇

---

前言

uniGUI Web 应用程序框架将 Web 应用程序开发体验扩展到一个新的维度。uniGUI 使 Delphi 开发人员能够使用一组独特的可视化组件在 IDE 中创建、设计和调试 Web 应用程序。每个组件都旨在提供与Delphi VCL中其对应的视觉组件相同的功能。这提供了一个非常舒适的开发环境，非常接近原生 VCL 应用程序开发，并且学习曲线简单。

部署是 Web 应用程序开发过程中的另一个重要步骤。使用 uniGUI 部署非常简单明了。开发人员可以选择其中一个可用选项进行部署;例如，Windows 服务、独立服务器或 ISAPI 模块。可以使用 Microsoft IIS、Apache Web Server for Windows 或任何其他兼容的启用 ISAPI 的 Web 服务器部署 ISAPI 模块。

uniGUI 使用 Sencha Ext JS 和 Sencha Touch 库进行客户端渲染。这些库被认为是创建 RIA 应用程序的行业领先框架之一。uniGUI 结合了 Ext JS 的强大功能和 Delphi 的 RAD 功能，这可能是在 Delphi 中创建 RIA 应用程序的最快方法。uniGUI 将 Ext JS 类封装在一组特殊的 Delphi 控件中，使开发人员能够创建功能丰富的 Web 应用程序，而无需学习客户端脚本和在客户端处理 UI 细节，因此宝贵的开发时间可以花在业务逻辑上，而不是处理重复的 UI 设计细节，这可能是耗时且技术要求很高的任务。

Delphi 10 Seatle IDE 中的 uniGUI 应用程序

在浏览器中运行的 Web 应用程序

---

一、下载安装包

截至到2024年1月26日，官网放出来的最新安装包的版本是：1.95.0.1575。我们可以在官网下载最新的试用版（https://www.unigui.com/download/docman），也可以在代理机构购买正式发行的版本。当然也可以通过科学上网，下载比较好用的版本（后面有通过科学上网搬家回来的下载网址）。后面我们按照这个版本进行安装讲解。
安装文件分两个压缩包，分别是1.95.0.1530版和1.95.0.1555版，1.95.0.1530版包括了EXT JS的安装和其它服务的安装，1.95.0.1555压缩包则是这个版本的源文件。所以，我们的安装顺序是：先安装1.95.0.1530版，再安装1.95.0.1555版。

二、安装过程

2.1 安装1.95.0.1530版压缩包

解压1.95.0.1530版安装包，安装包的内容如下：
红色箭头所指的文件，其余的文件可在安装完这个文件后再根据需要安装。Crack文件夹中的文件应该都会运行，这个过程非常重要，不可省略，但也不在这里做介绍了。
安装完成后，找到安装的路径，下面我安装路径为例做介绍，
我的安装路径在C:\Program Files (x86)\FMSoft；文件夹内容有：

记住这个路径。

2.2 安装1.95.0.1555版压缩包

安装完1.95.0.1530版后，再打开1.95.0.1555版压缩包。压缩包的文件内容如下：

是不是也有相同的Framework文件夹？现在将1.95.0.1555版压缩包内容解压缩到1.95.0.1530版的安装路径上。

2.3 进入Delphi ,做最后设置

进入Delphi，我以D11为例做介绍，其它版本自行找对应位置。
进入熟悉的D11界面，按照下面箭头所指进入Option设置窗口：

再进入到设置Library界面，设置Library路径：

将下面路径添加进去：

打开工程：

我的Delphi版本是D11，如果是其它版本，请打开对应版本的工程文件。
右上角窗口可以看到该工程中所有内容：
鼠标右键点第一个BPL，从这里开始进行编译：

如果前面设置没有错，在这里的编译应该也一路顺畅，不会出现错误。
然后安装箭头所指的bpl：

安装结果：




如果你的安装步骤进行到这里，都没有出错，恭喜你，你已经完成了安装。

三、 运行第一个uniGUI程序

在关闭了安装工程文件后，再打开Delphi，如图所示，新建一个工程：

名字、路径自己制定，因为是测试，类型选第一个（最方便、简单）。其余选项从名字上能了解到，这里不介绍了。
点击“OK”按钮后，弹出一个提示框：

可以看到，已经建好了一个工程：

控件选择框已经为我们把uniGUI准备好了
我们给窗口添加一个按钮，按钮一定要是uni家的哦，uniButton！

不可免俗，“hello world！”。

F9运行吧！右下角出现uniGUI程序默认的图标。右键选择Restore。


出现服务器窗口，选择Server Monitor，自动打开默认浏览器，出现服务器管理窗口：

观察浏览器的地址栏：http://localhost:8077/server
显示的是本机8077端口。在不修改服务器端口情况下，uniGUI默认8077端口。
我们直接在浏览器地址栏输入：http://localhost:8077，浏览器出现了熟悉的窗口：

点击hello按钮：

原来，用Delphi进行B/S编程，跟C/S编程一样简单！

uniGUI其余控件具体使用方法，我会在系列笔记中给呈现。

如果你觉得我的笔记对你有用，请帮我点赞，我刚开始在这里写文档，没有足够的赞，不够L3级，不能自定义标签呢。
谢谢大家！

相关uniGUI安装包在下面链接，含源码，包安装成功，有任何问题可留言，看见回复。
https://download.csdn.net/download/qq_20041779/88784300