(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

时间:2024-03-23 07:56:17

uniGUI for C++Builder网站开发之uniGUI控件安装和你好世界

By runsky中行雷威 2018.2.5

(同一个世界,同一个梦想,交流学习C++Builder XE10,传承c++builder的魅力!欢迎各地朋友加入我的QQ群484979943,进群密码“BCB”,同时也请将该群号广为宣传,希望能够广集各方高手,共同进步。)

一、软件清单

1、在http://www.unigui.com/ 官网下载uniGUI版本FMSoft_uniGUI_Complete_Professional_1.0.0.1424_Trial.exe

2、完整安装RAD Studio 10.2 toyko(包括Delphi 10.2 和C++Builder 10.2 Update2)

3、touch-2.4.2请到我的QQ群的文件共享里面“B03-UNIGUI网站WEB开发空间”下载

下载链接:http://download.csdn.net/download/dlboy2018/10241227

二、安装uniGUI

一路默认安装,勾选全部Delphi版本直接执行即可。

(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

安装完后将touch-2.4.2原目录结构拷贝到uniGUI的安装目录下。

(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

三、编译uniGUI

1、启动Delphi10.2,打开C:\Program Files (x86)\FMSoft\Framework\uniGUI目录下的uniGUI项目

uniGUI_D10_2_Tokyo_PlusGroup.groupproj

(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

2、创建uniGUI的编译输出目录C:\Program Files (x86)\Embarcadero\Studio\19.0\uniGUI,在开发工具右上侧(上图),从上向下顺序依次(重要,必须按照顺序来)分别选中上图的各个XX.bpl项目,右键选择options,如下图:

(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

将三个输出目录设定为C:\Program Files (x86)\Embarcadero\Studio\19.0\uniGUI,将Output file generation选择为Generate all C++Builder files (including package libs)。然后选中XX.bpl项目名称右键选择build,提示的警告信息可以忽略。(build的顺序也是自上而下,不可乱)

四、C++builder配置安装

(20180909更新:其实本步骤也可在上面的delphi环境下build完成之后,分别将右侧SynEdit_D20xx.bpl、uniGUIxxdcl.bpl、uniGUIxxChartdcl.bpl、uniGUIxxmdcl.bpl四个包.install一下就可以了,这四个包与其他的不一样,都带一个浅紫色小长方体,install后就变成深紫色小长方体,然后在c ++ builder中就可以直接开发项目了,两种方法都好用,现在感觉本分方法更方便一些呀)

(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

1、启动C++builder安装上述四个bpl文件

主菜单Components-》install packages,分别Add添加C:\Users\Public\Documents\Embarcadero\Studio\19.0\BPL(c:\用户\公用\公用文档\Embarcadero\Studio\19.0\BPL)目录下的SynEdit_D20xx.bpl、uniGUIxxdcl.bpl、uniGUIxxChartdcl.bpl、uniGUIxxmdcl.bpl四个包.

(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

安装完后如下图:

(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

五、C++Builder开发项目

1、File->New->Other,左侧选择uniGUI for C++ builder右侧选择Application Wizard新建一个项目

(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

该提示下选择yes继续。

2、主菜单project-》options分别设置默认include path和library path为C:\Program Files (x86)\Embarcadero\Studio\19.0\uniGUI

(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

继续设置

(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

至此设置完毕,在右下侧将出现uni开头的各个组件。

(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

3、开发web页面helloworld

在main.cpp对应的窗口mainForm上摆放一个按钮uniButton1,设置其OnClick时间为弹出消息“hello world”


void __fastcall TMainForm::UniButton1Click(TObject *Sender)
{
ShowMessage("hello world");
}
//---------------------------------------------------------------------------

 

然后编译运行,在右下角任务栏将出现一个紫色图标,这就是你的第一个WEB服务程序。此时打开浏览器,输入http://localhost:8077 将弹出你要的页面。

(1)uniGUI for C++ builder网站开发之uniGUI控件安装和你好世界

全网首发,后续连载,敬请期待。