• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
 






DotNET 程序猿

 
 

Powered by 博客园
博客园 | 首页 | 新随笔 | 联系 | 订阅 订阅 | 管理

[置顶] 1. 概述--从零起步实现基于Html5的WEB设计器Jquery插件
摘要: 当一个软件为了达到一定的业务扩展性时(产品上线后限定范围内的用户需求无需变更代码,通过简单的配置可满足用户的要求),必然要求软件是可配置的。 笔者过去开发过很多配置型的管理软件,从可配置的表单设计(Form Designer),报表设计(Report Designer),到工作流设计(Workflo 阅读全文
posted @ 2018-09-04 16:12 *码不掇 阅读(1905) 评论(0) 推荐(3)
 

2019年7月5日

基于图形化的组织架构设计器
摘要: 企业管理中,组织架构是最基础的数据,平时一般都是通过树形结构或列表平面化展示,但这样不够直观,领导在批准组织架构调整中,往往希望更接近组织架构图的形式展现,利用前面讲述的设计器课程思路,我设计了一个组织架构设计器: 如上图,可以实现公司、部门、岗位、员工的设计,为了方便扩展,我把它设计成了一个JQu 阅读全文
posted @ 2019-07-05 17:45 *码不掇 阅读(588) 评论(0) 推荐(1)
 

2019年5月9日

2.NET 4.6.1向.NET core 2.0项目迁移(EntityFramework篇)
摘要: 作为一个.net core 的新手,在代码迁移的道路上,到处是坑,但是不要害怕,遇水搭桥、遇坑填坑,今天记录下EF所遇到的问题。 众所周知,EF是微软推出的很好用的实体映射框架(ORM object record mapping),我工作过的项目从.net 2.0以来到.net 4.6,所有项目都用 阅读全文
posted @ 2019-05-09 15:58 *码不掇 阅读(787) 评论(1) 推荐(1)
 

2019年5月7日

1.NET 4.6.1向.NET core 2.0项目迁移(HelloWorld篇)
摘要: 今天早上看到新闻,Microsoft都快要推出.NET5了,.NET core也3.0了,而我一直以来的项目都是.net 4.5+,包括WWF,WCF等技术框架,目前主流的基础框架都基本要求支持跨平台,容器化,所以.NET Core将是趋势,网上简单的查了下相关资料,.net core明确不支持ww 阅读全文
posted @ 2019-05-07 16:56 *码不掇 阅读(773) 评论(0) 推荐(1)
 

2018年11月2日

14.折线的中间点调整--从零起步实现基于HTML5的WEB设计器JQUERY插件(含源码)
摘要: 前面示例中实现了组件间通过折线连接,但折线的中间一段是固定的位置,实际应用中需要将折线拖动调整中间一段一位置,如上图效果,中间点增加一个拖动连接点(蓝色小矩形) 前面已经实现了Resizer用于调整组件大小(在固定的四个边上都有一个大小调整器,四个作为一个整体在resizer中实现),实际应用中可能 阅读全文
posted @ 2018-11-02 10:53 *码不掇 阅读(489) 评论(0) 推荐(0)
 

2018年9月30日

13.美化界面--从零起步实现基于Html5的WEB设计器Jquery插件(含源码)
摘要: 今天花了一个小时对页面略做了一些美化,看起来更专业了点, 主要是一些背景图片之类的样式调整,初学者可以看下,如何切分spirit图片,以及LI中的元素如何垂直居中的问题(解决方案是li设置height和line-height相同),增加了一个span用于显示图片,它的对齐花了点时间。 代码如下: s 阅读全文
posted @ 2018-09-30 17:57 *码不掇 阅读(917) 评论(2) 推荐(0)
 

2018年9月29日

12.手机端如何拖动组件--从零起步实现基于Html5的WEB设计器Jquery插件(含源码)
摘要: 前面示例都只是展示在桌面浏览器显示,当用手机浏览器打开时发现无法拖动元素,虽然实际业务上,手机也只是用来查看的,但为了论证手机上的触摸事件,我还是在本节做个演示。 手机上触控有三个重要事件touchstart,touchmove,touchend,分别表示开始触摸,移动,及结束,与鼠标的moused 阅读全文
posted @ 2018-09-29 17:07 *码不掇 阅读(1208) 评论(0) 推荐(0)
 
11.删除组件--从零起步实现基于Html5的WEB设计器Jquery插件(含源码)
摘要: 本节论述如何进行组件的删除,如下图。 其操作过程肯定是先要选定要删除的组件,并显示出删除按钮,当然取消选择的时候要隐藏按钮,点击删除组件后,除了组件本身被删除,与之相连的连线也要删除, 理清楚这个过程,我们就可以设计一个删除按钮的指示器 注意此处就不需要扩展Component组件了,直接定义它的原型 阅读全文
posted @ 2018-09-29 11:41 *码不掇 阅读(537) 评论(0) 推荐(0)
 

2018年9月27日

10.折线连接--从零起步实现基于Html5的WEB设计器Jquery插件(含源码)
摘要: 前面章节已讲到如何在两个组件间通过曲线(贝塞尔曲线)进行连接,一般在实际应用中,贝塞尔曲线在数据流图、思维导图中应用比较多,许多如组织架构图等通过折线连接,本文在之前的基础上如何快速实现两个组件间的折线连接: 之前示例是用checkbox来指示是否画线状态,现在增加了一种线条所以需要修改一下用三种状 阅读全文
posted @ 2018-09-27 14:23 *码不掇 阅读(548) 评论(0) 推荐(0)
 

2018年9月25日

9. 调整组件大小--从零起步实现基于Html5的WEB设计器Jquery插件(含源码)
摘要: 关键字:设计器源代码,Web设计器,工作流设计器,jQuery插件,组态设计器,SCADA系统设计器,流程图设计,表单设计建模,报表设计,可视化,设计时,运行时,轻量级开放平台. 组件应该可以被调整大小,正常的操作是鼠标选中组件后,组件四个方向的边框上出现锚点,鼠标拖动锚点到目标位置后松开,重绘组件 阅读全文
posted @ 2018-09-25 14:42 *码不掇 阅读(667) 评论(0) 推荐(0)
 

2018年9月18日

8.图片组件和动画效果--从零起步实现基于Html5的WEB设计器Jquery插件(含源码)
摘要: 前面示例我建立了三种形状的组件,圆、矩形、椭圆,本节我将再扩展两种类型:图片和动画,并通过这个过程来论证前面OOP的编程是如何简化扩展工作的: 首先要在工具条里增加这两个组件,以便可以拖动: 然后要增加两个Component的继承类: 注意其实动画效果也是通过图片来变换坐标实现,如此处进行旋转,并通 阅读全文
posted @ 2018-09-18 18:02 *码不掇 阅读(388) 评论(0) 推荐(0)
 
下一页