基于CkEditor实现.net在线开发之路(1)

我以前的公司使用office sharepoint designer为界面设计器,嵌套各种自定义控件,进行各种管理软件,工作流的开发,遇到比较复杂的逻辑,则采用本地写类库,生成DLL上传到服务器,通过配置动态反射调用,从而能够快速实现各种功能,这种思路真的很不错,开发速度真的很快,几百万的项目一个月就开发完成了。从这个公司出来我就开始琢磨开发一个类似的平台,在偶然的一次看到FreeFrom在线智能表单设计,真的很不错,让我怦然心动,要是能开发一个WEB在线开发的平台,那就更完美了。

于是我开始分析两者的优缺点:
FreeFrom在线智能表单设计,采用的是SilverLight,设计界面很酷,通过拖拽布局,设定自定义属性,从而实现各种功能,但是这种做法设计后的界面风格,样式,逻辑代码相对已固定,不够灵活,不能写JS,css,html,更不用说C#代码。
我上一家公司使用office sharepoint designer为界面设计器,通过拖拽服务控件,设定自定义属性,编写Js,CSS,html进行界面设计,通过WebService发布到服务器上,生成用户控件,界面的风格可以多样化,可以远程进行部署和维护,但是他们整个平台对数据库依赖太重,而且重复的功能想要将其分离出来放置到其他项目中比较麻烦,二次开发量较大,
综合两种模式有优点,能不能实现一种Web net在线开发,在Web页面就能够编写js,css,html,C#逻辑代码,并能通过js调用,同时也能够通过拖拽快速开发功能,ckeditor富文本编辑器让我看到希望,它拥有有很好的扩展性及比较稳定的性能、全面的API文档,并且可以方便的进行插件的开发
设计原理:
Net页面之间是可以相互继承的,细心的人会发现net.aspx页面最上面的一段代码,如下图:
基于CkEditor实现.net在线开发之路(1)
红色框代码是指定编译页面的逻辑代码。
我的设计思路是写好一个通用逻辑代码层也就是asp.cs,ckeditor富文本编辑器负责前台界面设计,Js逻辑代码,CSS,html,以及复杂的C#代码的编写,保存后生成.aspx文件.
ckeditor富文本编辑器设计界面如下图:
基于CkEditor实现.net在线开发之路(1)
编辑代码界面:
基于CkEditor实现.net在线开发之路(1)
生成后代码:
基于CkEditor实现.net在线开发之路(1)
设计好预览效果:
基于CkEditor实现.net在线开发之路(1)
列表编辑按钮触发的页面:
基于CkEditor实现.net在线开发之路(1)
 
写的有点混乱这章节先到这,下一章基于CkEditor实现.net在线开发之路(2)编写C#代码,怎么调用它。 欢迎大家来吐槽和指正,如果大家有兴趣的话,欢迎加入群QQ:109434403
体验网站地址:http://www.zjt-lab.com/Platform/ 
用户名:admin 
密码:0
上一篇:TRA - 20201213 (gradle 下载依赖库很慢)


下一篇:shiro的简单使用