JQuery Smart UI 快捷开发实例应用(二)— 开发模式【从项目开发流程说起】

  上篇利用一个简单的实例将完整的开发流程演示了一遍,其中配置的地方的确不少,但这也是Smart UI开发端的特点 — 半配置式开发,配置的地方越多,会使开发端越方便,而本篇则会在项目开发的流程中来解释这种开发方式的意义。

  此外,也声明一下关于SEO的问题。几乎每一篇都有人提出了SEO的问题,之前我也是在考虑是否要做这方面的优化,但后来觉得完全不必要了,Smart UI与SEO大体上来说没有太多重合的部分,就像使用asp.net开发,想要做SEO还得一套方案。完全可以将SEO方案嵌入到Smart UI中使用,没有什么冲突。

      言归正传,在项目开发的过程中,会经历调研、需求、设计、开发等等阶段,在此简单的列出一个项目开发流程图(不代表项目完整流程)

  • Demo阶段

  首先,在得到需求之后,一般会有制作Demo的过程,已便于进一步理解、分析需求,以及与客户达到更好的共识。【注:Demo也有会在设计阶段,但这个不是本篇讨论的内容】

  无论哪种情况,Demo的制作大多都是快捷和抽象的(常用的静态网页,图片等等,【这里顺便推荐两个制作Demo工具:"AxureRP"和"gui design"】),而往往这些制作出来的Demo,在开发过程中,无法有效地转换成开发页面,使得Demo的利用率大大降低,而Demo的作用也仅仅只是指导开发人员编写页面。在以往项目中,每每看到此处,都是叹息不已。

  那么在Smart UI中,则可以从一定的程度解决此类问题,通过简单配置,利用Smart UI的表单动态创建功能,可以很方便的制作出功能htm页面。而这些页面全部都是可以在开发端直接使用,不用任何转换。

  而且使用熟练以后,绝对比起htm制作的要高效不少,而后面版本会推出的配置工具则会使这个工作更加的快捷和高效。

  • 设计阶段

  在Smart UI中是完全实现UI和Data分离的,使得设计人员更加灵活,而“半配置的方式”主要也是在该阶段完成【后面版本会提供一个配置工具】。设计分为两块:

  1. 前台

  根据需求定义出所需的功能页面,规范好UICode和模块、所属路径等内容。(如果Demo阶段没有经历过的话,也可以在该阶段完成)

  2. 后台

  定义好功能模块所需的各种Method,配置Fncode以及权限,还可以在Method加入一些伪代码。

  • 开发阶段

  经历了上述两个阶段后,开发阶段的任务就会轻松很多,与开发端对应也分为两块:

  1. 前台

  将Demo中的页面复制过来,加入功能实现的具体代码,需要后台请求数据的地方则与对应上相关fncode。

  2.后台

  在每个fncode对应的Method中填充具体实现方法。

  最后介绍一下Smart UI的分布式内容:

  Smart UI前后完全分离的特性,任何一个都可以单独部署:

  1. 前台:

  包括所有UI层的都是静态的htm和js,以及图片资源文件。

  2. 后台:

  后台部分类似于Web Service,WCF,但接口却是统一的,所有的request都是通过一个PostHandler去匹配业务方法。Smart UI中可以通过简单的扩展,定义多个PostHandler,根据自定义的策略,将不同的request分散到各种服务器上。例如:可以在fncode中加入一个标识字符,根据这个标识字符可以去请求对应的服务器。

  最近又是找房子(最近武汉的房价涨的真是快,买房子的人都好疯狂啊,都过抢的,看着我泪流满面啊,现在社会正是好啊,人民生活太富足了!),又是考虑换工作的,事比较多。后面还有几篇详细介绍Smart UI使用的文章可能会更新的慢一些了。

原文地址:https://www.cnblogs.com/zhh8077/p/1907690.html