当前位置: 首页 > news >正文

我发起并创立了一个 Javascript 前端库 开源项目 jWebForm

在线演示地址:

( 在线演示 云平台 由 Kooboo 提供  https://www.kooboo.com/ )

 

按钮:      http://iwebform.kgeking.kooboo.site/jWebForm-master/Button.htm

下拉:      http://iwebform.kgeking.kooboo.site/jWebForm-master/DropDown.htm

下拉框:    http://iwebform.kgeking.kooboo.site/jWebForm-master/DropDownList.htm

PictureBox:       http://iwebform.kgeking.kooboo.site/jWebForm-master/PictureBox.htm

动态创建添加控件:   http://iwebform.kgeking.kooboo.site/jWebForm-master/DynamicCreateControl.htm

下拉菜单:          http://iwebform.kgeking.kooboo.site/jWebForm-master/DropMenu.htm

文本编辑器:       http://iwebform.kgeking.kooboo.site/jWebForm-master/EditArea.htm

文本编辑器(自适应窗口大小):  http://iwebform.kgeking.kooboo.site/jWebForm-master/EditArea_Fit_Window.htm

可拖拽对象:       http://iwebform.kgeking.kooboo.site/jWebForm-master/DragObj.htm

 

可拖拽对话框:       http://iwebform.kgeking.kooboo.site/jWebForm-master/DragDialog.htm 

可拖拽 PictureBox:       http://iwebform.kgeking.kooboo.site/jWebForm-master/DragPictureBox.htm

多窗口 MDI 模块化:      http://iwebform.kgeking.kooboo.site/jWebForm-master/MultiWindow_MDI_Modulize/Main.html

复杂界面 通常 用 模块化 的 方式开发 。

 

PictureBoxFit (适应图片自身比例的 PictureBox):   http://iwebform.kgeking.kooboo.site/jWebForm-master/PictureBoxFit.htm

DragPictureBoxFit (可拖拽 PictureBoxFit):   http://iwebform.kgeking.kooboo.site/jWebForm-master/DragPictureBoxFit.htm

ContextMenu (右键菜单):          http://iwebform.kgeking.kooboo.site/jWebForm-master/ContextMenu.htm

 

 

jWebForm  的 实际应用 还可参考 《我发起并创立了一个 EPWA 的 开源项目》  https://www.cnblogs.com/KSongKing/p/10745935.html  。

 

 

 

我发起并创立了一个 Javascript 前端库 开源项目  jWebForm  。

 

起因是我前几天写了一篇文章《.Net Core 没有 WebForm 是 历史 的 退步》 

https://www.cnblogs.com/KSongKing/p/10293643.html, 

然后有网友说, 现在都是 前端渲染 了,

然后想了一下, 觉得可以把 2 者 想法 结合 起来,  写一个 可以用 WebForm 控件 方式 在 Html 里 写控件 的 前端库,  这就是  jWebForm  。

 

项目地址 :

https://github.com/kelin-xycs/jWebForm

 

目前支持  按钮(Button), 下拉框(DropDownList), PictureBox(可以播放图片), 下拉菜单(DropMenu)   4 种 控件,

以及 动态 创建 控件 并 添加 到 Html Dom 中 。

 

项目里的文件如下 :

 

jWebForm.js, jWebForm.css  是 jWebForm 的 库文件,  引用 这 2 个 文件 就可以使用  jWebForm  。

Button.htm 是 按钮 的 示例, DropDownList.htm 是 下拉框 示例, PictureBox.htm 是 PictureBox 的 示例, DynamicCreateControl.htm 是 动态创建控件并添加到 Html Dom 的 示例 。

 

我们来看看代码 :

按钮 :

……

 

下拉框 :

……

 

看图中的  Page_Load,  和  WebForm  的 Page_Load  一样  。

 

PictureBox :

……

 

动态创建控件 并 添加到 Html Dom :

 

通过 Element() 属性(函数)返回 Control 最外层 的 Element,添加到 Html Dom 就可以了  。

 

下拉菜单(DropMenu) 是 后来新增的, 看 DropMenu.htm 示例 就可以 。

 

jWebForm 不打算提供 表格控件(比如像 Asp.net WebForm 里的 GridView 那样),  开发人员 可以自己写一个 Util 类 来 实现类似 GridView 的 数据绑定为表格 的 功能,  可以用 jWebForm 提供的 动态创建控件 的 方式 动态创建 jWebForm Control 并添加到 Html Dom 里,  这种方式 是  简单 直观 自由 透明  的  。

Html 的 <table /> 元素(table 对象) 是一个  简单 直观 易用  的 表格对象,  开发人员 自己写一个  Util 类 来 绑定数据 生成 table 对象 就可以  。

 

jWebForm 也不打算提供 布局控件,  开发人员 自己 用  Html + Css + Js  来 布局 是 简单 直观 自由 透明 的  。

 

jWebForm 的 特点 就是 几乎没有什么侵入性 。  可以和  Html + Css + Js  混合使用 。

这就是 “库”(Lib) 的 观念,  按需取用库, 即插即用, 即拔即无 。  而不像框架,  动不动先整个框架给你套起来 。

 

我之前还写过一个 Js 库  jlet ,    也可以看看 :     https://www.cnblogs.com/KSongKing/p/9455238.html         。

 

 

 

 

转载于:https://www.cnblogs.com/KSongKing/p/10326119.html

相关文章:

  • JavaScript 是如何工作的:WebRTC 和对等网络的机制!
  • C# 8新提案让泛型Attribute成为现实
  • v-if和v-for连用出现的问题
  • 导入javax.servlet。伺服登记无法解决:The import javax.servlet.MultipartConfigElement cannot be resolved...
  • 与柯尼塞格达成合作后 恒大或将继续瞄准中高端新能源车
  • eclipse 插件编写(一)(转)
  • 深入浅出Tomcat/3 - Tomcat生命周期
  • mybatis 学习总结笔记Day2
  • 5.3Python函数(三)
  • 基于LSTM的情感识别在鹅漫评论分析中的实践与应用
  • Docker学习笔记_安装和使用nginx
  • React Transition Group -- Transition 组件
  • 开源项目之ASP.NET Core + Vue.js 的前后端分离的通用后台管理系统框架
  • 客户端链接Blog
  • [IOI2018] werewolf 狼人
  • 4月23日世界读书日 网络营销论坛推荐《正在爆发的营销革命》
  • ECMAScript6(0):ES6简明参考手册
  • ES10 特性的完整指南
  • es6要点
  • github指令
  • idea + plantuml 画流程图
  • IE报vuex requires a Promise polyfill in this browser问题解决
  • learning koa2.x
  • ng6--错误信息小结(持续更新)
  • springboot_database项目介绍
  • Three.js 再探 - 写一个跳一跳极简版游戏
  • 搭建gitbook 和 访问权限认证
  • 力扣(LeetCode)357
  • 码农张的Bug人生 - 见面之礼
  • 前端自动化解决方案
  • 通过git安装npm私有模块
  • 小程序开发中的那些坑
  • 异步
  • 白色的风信子
  • ​​​​​​​ubuntu16.04 fastreid训练过程
  • ​软考-高级-信息系统项目管理师教程 第四版【第14章-项目沟通管理-思维导图】​
  • #传输# #传输数据判断#
  • #每天一道面试题# 什么是MySQL的回表查询
  • #我与Java虚拟机的故事#连载11: JVM学习之路
  • (9)STL算法之逆转旋转
  • (超详细)语音信号处理之特征提取
  • (第二周)效能测试
  • (翻译)terry crowley: 写给程序员
  • (附源码)springboot课程在线考试系统 毕业设计 655127
  • (附源码)ssm考生评分系统 毕业设计 071114
  • (六)Hibernate的二级缓存
  • (三)elasticsearch 源码之启动流程分析
  • (删)Java线程同步实现一:synchronzied和wait()/notify()
  • (四)JPA - JQPL 实现增删改查
  • (一)Linux+Windows下安装ffmpeg
  • (一)使用Mybatis实现在student数据库中插入一个学生信息
  • (转载)深入super,看Python如何解决钻石继承难题
  • .class文件转换.java_从一个class文件深入理解Java字节码结构
  • .form文件_SSM框架文件上传篇
  • .net 逐行读取大文本文件_如何使用 Java 灵活读取 Excel 内容 ?