查看完整版本: [-- 完全面向对象的Web UI框架,在线体验 --]

QTCN开发网 -> Qt 作品展 -> 完全面向对象的Web UI框架,在线体验 [打印本页] 登录 -> 注册 -> 回复主题 -> 发表主题

samhuilong 2020-11-20 18:20

完全面向对象的Web UI框架,在线体验

       在线体验地址:http://lan.iadiae.com:8866/ibestore2/uicoder/coder/main.html

       UI组件库分为三个模块,分别是核心控件模块、扩展控件模块、高级控件模块。点击控件列表能够实时可以看到对应的控件,在代码编辑器里面修改代码, 然后点击左下角的Run按钮查看实时效果。
       整套UI框架完全基于Typescript开发(C++程序员3天搞定这门语言绰绰有余),UI组件的接口设计和外观风格基本上都是参考的Qt框架,让Qt程序员能够零门槛进入前端领域,编写复杂的工业Web应用。
       也欢迎大家能够多提提意见反馈,以便后续继续完善这套面向对象的Web UI框架,有兴趣的可以加微信15189843083。

图1 刘大师的仪表盘组件库(高级控件模块)
[attachment=22071]

图2 Disabled属性(核心控件模块)
[attachment=22072]

图3 对话框(核心控件模块)
[attachment=22068]

图4 TimeEdit(扩展控件模块)
[attachment=22069]

图5 颜色对话框(扩展控件模块)
[attachment=22074]


lzh280 2020-11-23 10:48
    

samhuilong 2020-11-26 14:31
ToolBox控件
[attachment=22085]

liudianwu 2020-11-27 09:00
看完龙龙做的这个,我感觉我的那个可以退休了!
[attachment=22095]

samhuilong 2020-11-27 09:03
liudianwu:看完龙龙做的这个,我感觉我的那个可以退休了!
[图片] (2020-11-27 09:00)

刘大师太谦虚了,高级控件模块目前是完全抄的你的作品

liudianwu 2020-11-27 20:40
samhuilong:刘大师太谦虚了,高级控件模块目前是完全抄的你的作品
 (2020-11-27 09:03) 

就模仿了个样式和颜色,而且还增加了很多元素,你都是用typescript自己代码实现的,真的是太牛逼了,我的那个比较下来黯然失色!

mh_0915 2020-11-28 15:44
好厉害啊

手中沙 2020-11-28 21:32
厉害厉害

jokerhuang 2020-12-14 17:21
强!我还以为是用渲染了qml

samhuilong 2020-12-19 17:53
新增了四个控件,分别是圆形风格的Slider,RangeSlider以及刘大师的两个仪表盘。

[attachment=22168]

[attachment=22169]

[attachment=22167]

[attachment=22166]

ch781609892 2020-12-29 14:34

ccshiguang 2021-05-24 11:28
手撸框架,太牛逼了

forward 2021-06-06 22:30
    


查看完整版本: [-- 完全面向对象的Web UI框架,在线体验 --] [-- top --]



Powered by phpwind v8.7 Code ©2003-2011 phpwind
Gzip disabled