能用Delphi就用Delphi代码写,就不要用Javascript写。JavaScript代码可能会变化。

=====================uniGUI学习之脱离Delphi直接写ExtJS从入门到精通==========================

uniGUI学习之脱离Delphi直接写ExtJS从入门到精通10基本JavaScript_<input>与ExtJS无关

uniGUI学习之脱离Delphi直接写ExtJS从入门到精通09基本JavaScript_select_option与ExtJS无关

uniGUI学习之脱离Delphi直接写ExtJS从入门到精通081ExtJs学习之自定义CSS

uniGUI学习之脱离Delphi直接写ExtJS从入门到精通08ExtJs学习之Button

uniGUI学习之脱离Delphi直接写ExtJS从入门到精通07ExtJS事件

uniGUI学习之脱离Delphi直接写ExtJS从入门到精通06Tab页头自定义CSS

uniGUI学习之脱离Delphi直接写ExtJS从入门到精通05之xtype容器内创建元素的简便方法

uniGUI学习之脱离Delphi直接写ExtJS从入门到精通04官方文档查找办法_例如_Ext.Window

uniGUI学习之脱离Delphi直接写ExtJS从入门到精通03自定义函数_调用顺序

uniGUI学习之脱离Delphi直接写ExtJS从入门到精通02Ext.Panel创建后_调用的几种方法

uniGUI学习之脱离Delphi直接写ExtJS从入门到精通01_环境搭建_Helloworld

uniGUI学习之脱离Delphi直接写ExtJS从入门到精通00_JavaScipt基本语法 

不想点浏览器的刷新按钮,自己手动点一下刷新unisession.addjs('location.reload()');

-----------------------------------------------UniHTMLFrame1引用第三方JS功能---------------------------------------------

unigui可以实现水印纹的效果

UniGUi学习UniHTMLFrame1例子_Mp3播放<audio>  无JS

UniGUi学习UniHTMLFrame1例子_video-js视频MP4播放

UniGUi学习UniHTMLFrame1例子_富文本编辑器1UniHTMLMemo12summernote.js3百度Ueditor.js4]wangEditor

UniGUi学习UniHTMLFrame1例子_ECharts

UniGUi学习UniHTMLFrame1例子_JS现html导出为PDF文件

UniGUi学习UniHTMLFrame1例子_JS一维码生成如ISBN书号

UniGUI学习UniHTMLFrame1例子_JS值传回给Delphi

UniGUI学习UniHTMLFrame1例子 1进度条显示2模糊圆点粒子背景动画特效3动态进度条

UniGUI学习UniHTMLFrame1例子 1多张图片轮播2色子动画

HTML竖条流程图,纯HTML,CSS 无JS

UniGUI学习之UniHTMLFrame1中HTML书写原则

 

=====================================界面布局设计==============================

UniGUI学习之hBox布局(33)控件的大小,子控件 的大小也会随之按按比例改变

uniGUI之主窗口折叠UI之UniTreeMenu(32-2)

uniGUI之主窗口折叠UI之uniPanel(32-1)

uniGUI学习之把窗口分成左,右边(上下)三部分,并且在运行中可以动态调节其相对大小

uniGUI之多页面框架框架1通过动态只新增uniFrame,添加页面,共5步
uniGUI之多页面框架框架2,通过全部新增UniTabSheet,,只显示当前TabSheet,添加页面,共2步

 

=====================================常用控件使用==============================

特别说明:

使用新的TUniNativeImageList代替不推荐的TUniImageList。
当控件需要TImageList时,使用TUniImageListAdapter。
Web控件与标准VCL控件的最大区别/优势主要是TPanel。
永远不要/禁止使用TTimer,而是使用等效的TUniTimer。如果执行服务器线程需要计时器,请使用Win32 API。

UniCalendarPanel1日历待办事件

unigui改服务标题

 UniPropertyGrid1

UniDBLookupListBox1使用

UniDBVerticalGrid1横变竖,显示几条数据

显示静态Web页面,用UniURLFrame1的URL属性  uniGui用UniURLFrame1填写表单

动态生成UniCheckBox列,并绑定事件和下标访问

uniGUI学习之UniDBTreeGrid1从数据库建树

uniGUI的UniApplication对象创建Form

uniGUI学习之UniFieldSet1

uniGUI学习之UniContainerPanel1自动滚动条

uniGUI学习之UniScrollBox1自带滚动条

更改默认托盘图标

unigui中unidbnavigator的图标设置

彻底取消unigui的/server页面及扩展应用 

uniGUI学习之表格和链接

uniGUI学习之禁用缓存

uniGUI学习之自定义Hint

UniURLFrame1显示PDF

UniPDFFrame1显示PDF

unigui+fastReport实现web下PDF生成-显示-打印方案

UniGUI何输出FastReport的PDF

UniPageControl1的Tab用CSS高度调整,用layui.js修改皮肤

unitoolbutton 控件中按钮,可以纵向排列吗?怎么设置!

UnimList1玩6了_基本上移动端就解决了一大半的问题

加普通应用的窗口进行,在后端加上配置窗口

uniGUI学习之UniHTMLMemo1富文本编辑器

基于uniGUI的第三方控件Unifalcon的叠层提示UniFSiGrowl1

uniGUI学习之随机验证码生成及判断

uniGUI学习之1UniChart图表2ECharts

uniGUI学习之UniTreeview

uniGUI学习之UniMenuButton

uniGUI学习之Cookie(54)1安全问题2避免浏览器刷新要重新登录3Cookies使用中文汉字的方法

uniGUI学习之uniCombobox1下拉项时,给左边加上Icon图标2下拉,UniTreeView1选择

UniGUI学习之UniMemo1行距控制_获得焦点

UniGUI学习之UniDBComboBox怎么实现“模糊查询?

UniGUI学习之UniImage图片学习

uniGUI学习之获取GET方式的参数UniApplication.Parameters 然后动态,显示页面

uniGUI学习之UniStringGrid只某行内容的字体颜色

uniGUI学习之uniButton设置图标+扁平化+角标CSS

UniGUI之UniLabel

uniGUI之文件下载

uniGUI之FDQuery

uniGUI之UniPopupMenu和右键菜单,及XY坐标获得

uniGUI之上传文件UniFileUploadButton

uniGUI之uniapplication.ClientInfoRec获取Client信息

uniGUI之UniSyntaxEdit

uniGUI之uniEdit主要新加属性

uniGUI之MASK遮罩和UniSession.Synchronize

uniGUI之uniColorButton和UniColorPalette1

uniGUI之uniPanel

uniGUI之新窗口uniForm及去除窗体边框2标题栏添加按钮

uniGUI之换肤

UniGUI之提示信息MessageDlg及获得信息Prompt及UniSweetAlert

uniGUI之TUniHiddenPanel

uniGUI之MainModule及常用属性

UniGUI之Login窗口_及透明

UniGUI设置背景图片

UniGUI 之UniDBGrid

UniGUI的SQLite数据库

uniGUI页面标题和页面背景的更改

 

================================基础原理,学习方法篇================================

uniGUI里的SQL的Demo 由Access改为SQLite

uniGUI手机移动端测试

uniGUI HyperServer部署及详细参数说明

UniGUI学习 UniHTMLFrame1_JS值传回给Delphi

uniGUI学习之自定义CSS之如何找控件属性_方法

uniGUI学习之自定义CSS在Delphi里设置属性

uniGUI学习之使用第三方JavaScript代码的两种方法JS

阻断HTML冒泡

uniGUI之学习方法

uniGUI之FireDAC

uniGUI 应用程序体系结构

UniGUI之ServerModule常用设置

UniGui学习之部署(06)只 有Loading...

提高unigui开发效率的两个方法(02)

UniGui安装(01)


 

loginfrom 加载前有个小正方形,闪一下的那个。那个是一个gif动画  在ext文件夹就 替换掉就可以了

 

 UNIGUI 获取 客户端 的外网IP 如何实现?UniApplication.RemoteAddress

 按钮 实现与F11一样效果的全屏

procedure TMainForm.UniButton2Click(Sender: TObject);
begin
   unisession.AddJS('var bbele = document.documentElement;if (bbele.requestFullscreen) {bbele.requestFullscreen();} else if (bbele.msRequestFullscreen) {bbele.msRequestFullscreen();}'
   +' else if (bbele.mozRequestFullScreen) {bbele.mozRequestFullScreen();} else if (bbele.webkitRequestFullscreen) {bbele.webkitRequestFullscreen();}');
end;

 unigui允许跨域

 

procedure TUniServerModule.UniGUIServerModuleHTTPCommand(  ARequestInfo: TIdHTTPRequestInfo; AResponseInfo: IdHTTPResponseInfo;
  var Handled: Boolean);
begin
    AResponseInfo.CustomHeaders.Add('Access-Control-Allow-Origin:*');
    AResponseInfo.CustomHeaders.Add('Access-Control-Allow-Headers:*');
    AResponseInfo.CustomHeaders.Add('Access-Control-Allow-Method:*');end

如果本章对你有帮助,可以联系作者。