JQuery Smart UI - 纯Htm+Js的ajax开发框架

 

　　JQuery Smart UI是基于JQuery的Ajax开发框架，实现前、后台分离、功能和数据分离，UI层全部使用htm+js+json完成，通过一个统一数据接口与服务端进行数据交换。

     主要有三部分组成：

• 一套日常应用的JQuery插件(类似JQuery UI,JQuery EasyUI)，核心基于template.js模板插件,具有强大的自定义功能。

   

• 一套前端开发框架（js、css），满足各种基本场景，有着不错的封装、扩展性。系统自动完成动态创建页面，与后台交互，取、赋值等繁琐的操作。

　　例：查询场景，其中查询条件区域、列表区域，数据格式化都是通过简单的配置和方法动态生成。

　　

• 与Smart UI无缝结合的后台数据框架（.net）。

1. 统一数据交互接口，便于统一管理和维护。
2. FnCode的方式，权限控制到每个方法。
3. 在开源框架【NBearLite】的基础上扩展，使用“结构实体”来解析前台的Json数据，避免了ORM中实体的反射转换的性能消耗。
4. 数据库操作实现读写分离，分别用不同类实现；结合“结构实体”自动的绑定回发的数据，使用更加便捷。
5. 多种数据库支持和支持多数据库；

   演示Demo

 

　　在Demo中，通过实现一个简单的公司站点来演示JQuery Smart UI的基础开发功能，其中包括一些常用的场景，如：用户注册、产品维护、新闻发布、 订单管理、客户管理、权限控制等功能。

　　Smart UI是htm + js ，不分后台语言，只要实现后台数据接口都可以Smart UI，使用但我只会.net，所以只能提供.net的完整方案。

     Demo使用vs2010开发， 使用Access数据库，下载版本解决方案为vs2008，建议使用vs2010（良好的智能提示和htm，js代码段插入）和安装分享几个Vs2010的extensions中的JsParser&JsOutlining。另外，向下也支持.net2.0，所有项目都是以framework 2.0输出，但手上没有vs2005，有需求的同学请自己转换解决方案。

     本来提供了两套的Demo，一个是本次发布的演示Demo，另一个Smart UI的主页（Building中），里面介绍了各种插件的使用、各种基础场景的应用，还有学习内容和API，之前使用的空间(http://roy77.brinkster.net/)不支持后台程序,只能看运行静态页面，有没有人能推荐一个免费的支持.net空间。

 

     演示Demo下载

• UI层结构：

 

• 显示页面

 

• 代码