我以前的公司使用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页面最上面的一段代码,如下图:
红色框代码是指定编译页面的逻辑代码。
我的设计思路是写好一个通用逻辑代码层也就是asp.cs,ckeditor富文本编辑器负责前台界面设计,Js逻辑代码,CSS,html,以及复杂的C#代码的编写,保存后生成.aspx文件.
ckeditor富文本编辑器设计界面如下图:
编辑代码界面:
生成后代码:
设计好预览效果:
列表编辑按钮触发的页面:
 
写的有点混乱这章节先到这,下一章基于CkEditor实现.net在线开发之路(2)编写C#代码,怎么调用它。 欢迎大家来吐槽和指正,如果大家有兴趣的话,欢迎加入群QQ:109434403
体验网站地址:http://www.zjt-lab.com/Platform/ 
用户名:admin 
密码:0

基于CkEditor实现.net在线开发之路(1)的更多相关文章

  1. 基于CkEditor实现.net在线开发之路(7)列表页面开发动作介绍

    一个列表页面不止是查询,它也包含了很多业务上功能的实现,这些业务功能的实现的逻辑我称之为动作.如触发单击按钮删除数据,更改业务表数据,调用webService,调用WCF接口,弹出新窗体新增.修改.查 ...

  2. 基于CkEditor实现.net在线开发之路(8)Vs开发怎么配置

    前段时间有一园友问我,怎么将组件放置到VS开发工具的工具箱中,用vs开发工具配合CKEditor实现在线.net开发呢? 第一步:登陆http://www.zjt-lab.com:8090/login ...

  3. 基于CkEditor实现.net在线开发之路(3)常用From表单控件介绍与说明

    上一章已经简单介绍了CKEditor控件可以编写C#代码,然后可以通过ajax去调用,但是要在网页上面编写所有C#后台逻辑,肯定痛苦死了,不说实现复杂的逻辑,就算实现一个简单增删改查,都会让人头痛欲裂 ...

  4. 基于CkEditor实现.net在线开发之路(6)vs开发工具配合一起开发

    上一章讲解了利用CKEditor实现了一个简单的列表功能的查询,CKEditor编辑器是由js实现的,js是一门非常强大的语法,但是要用它实现Vs开发工具那样强大编辑器的功能,估计不可能,这就使得CK ...

  5. 基于CkEditor实现.net在线开发之路(4)快速布局,工具箱,模板载入,tab选项卡简单说明与使用

    上一章给常用的from表单控件属性页面,进行了简单说明和介绍,但是由于是在网页中做界面设计,操作肯定没有桌面应用程序方便,便捷,为了更方便的布局与设计,今天我主要说一下快速布局,工具箱,tab选项卡, ...

  6. 基于CkEditor实现.net在线开发之路(5)列表页面开发

    这章主要讲解利用控件开发列表页面,我们先从最简单的列表页面开始讲解,这个列表只有一个列表展示.具体开发步骤请看下面动态图 由上动态图可以看出,开发一个简单的列表只有两步, 第一步:拖拽查询控件,设置好 ...

  7. 基于CkEditor实现.net在线开发之路(2)编写C#代码,怎么调用它。

    上一章简约的介绍了CkEditor编辑器,可以编辑js逻辑代码,css,html,C#代码,这章我根据实际例子,讲解怎么编写C#代码和怎么调用它. 大家都还记得刚刚接触程序编时的hello Word吧 ...

  8. 前端基于react,后端基于.net core2.0的开发之路(1) 介绍

    文章提纲目录 1.前端基于react,后端基于.net core2.0的开发之路(1) 介绍 2.前端基于react,后端基于.net core2.0的开发之路(2) 开发环境的配置,注意事项,后端数 ...

  9. 前端基于react,后端基于.net core2.0的开发之路(2) 开发环境的配置,注意事项,后端数据初始化

    前端环境配置 项目介绍文章:前端基于react,后端基于.net core2.0的开发之路(1) 介绍 1.VSCode安装 下载地址:https://code.visualstudio.com/Do ...

随机推荐

  1. DevExpress GridControl使用方法

    一.如何解决单击记录整行选中的问题 View->OptionsBehavior->EditorShowMode 设置为:Click 二.如何新增一条记录 (1).gridView.AddN ...

  2. .NET中STAThread和MTAThread

    本文讨论在.NET中使用进程内COM组件时的公寓模型,以一个示例直观演示STAThread和MTAThread的作用和区别. 1. COM中的公寓 1.1 基本规则 公寓是COM组件的运行环境,日常生 ...

  3. CentOS 7 网络配置

    Virtual box 安装了CentOS 7最小模式后马上用ifconfig命令查看网络情况,发现该命令不存在. [root@centos1 ~]# ifconfig -bash: ifconfig ...

  4. python基础总结篇——使用Mysql

    python操作Mysql,很方便,使用的MySQLdb的库,基本的操作如下: 查询: try: conn = MySQLdb.connect(host=self.ip, user=self.user ...

  5. Entity Framework Code First属性映射约定

    Entity Framework Code First与数据表之间的映射方式有两种实现:Data Annotation和Fluent API.本文中采用创建Product类为例来说明tity Fram ...

  6. android知识点随笔

    android project中Manifest.xml中的<uses-sdk>标签元素决定的. 此标签包含如下3个属性: android:minSdkVersion —— 此属性决定你的 ...

  7. 深入学习jQuery选择器系列第五篇——过滤选择器之内容选择器

    × 目录 [1]contains [2]empty [3]parent[4]has[5]not[6]header[7]lang[8]root 前面的话 本文介绍过滤选择器中的内容选择器.内容选择器的过 ...

  8. SubSonic3.0.0.4.1源码包与调用Dll

    ================================================================ 名    称:SubSonic插件版    本:3.0.0.4.1最后 ...

  9. 为SubSonic3.0的查询(SubSonic.Query.Select和存储过程)添加更多的执行功能

    在使用SubSonic3.0的查询功能时,会发现想通过执行返回我们想要的数据,切没有相关的功能,比如说:SubSonic.Query.Select,在使用查询时没有返回DataSet或DataTabl ...

  10. CodeIgniter笔记-去掉index.php

    1.修改Apache 的配置文件把LoadModule rewrite_module modules/mod_rewrite.so该行前的#去掉. 2.将 AllowOverride None ,修改 ...