一、架构说明 1、基于 ASP.NET MVC4.0 + WebAPI + EasyUI + Knockout 的架构设计开发 2、采用MVC的框架模式,具有耦合性低、重用性高、生命周期成本低、可维护性高、有利软件工程化管理等优点 3、采用WebAPI,客户端完全摆脱了代理和管道来直接进行交互 4、采用EasyUI前台UI界面插件,可轻松的打造出功能丰富并且美观的UI界面 5、采用Knockout,提供了一个数据模型与用户UI界面进行关联的高层次方式(采用行为驱动开发) 6、数据访问层采用调用WEBAPI 7、封装了一大部分比较实用的控件和组件,如自动完成控件、弹出控件、拼音模糊输入控件、日期控件、导出组件等 二、Content架构资源包 1、css 包含布局、按钮等常用样式 2、images 常用的图片,包括登录界面素材图片、我的桌面图片等 3、js 包含EasyUI类库、Knockout类库、其他jquery类库以及自定义的Core类库 4、page 包含报表类库 5、themes 皮肤 三、前台引用到的第三方组件函数库列表: 1、jquery-1.8.1 Jquery插件 2、json2 IE8或更低版本不支持json而加入的json库 3、jquery.cookie cookie处理函数 4、jquery.notify 消息条 5、ztree-3.2 树形菜单中用 6、jquery-easyui-1.3.2 //类库插件 7、knockout-2.2.1 Knockout是一款很优秀的JavaScript库,它可以帮助你仅使用一个清晰整洁的底层数据模型(data model)即可创建一个富文本且具有良好的显示和编辑功能的用户界面 8、kiss-uploader-1.3/jquery.uploader 上传组件 9、jquery.showloading 加载遮罩组件 四、JS共通部分放在/Content/js下面,业务的js则放在对应区域的viewModel下面,共通部分如下图: 1、common.js是共通的一些函数 2、jquery.easyui.fix.js是对easyui的一些修改统一放在这里,方便升级 3、knockout.bindings.js是easyui的ko绑定处理 4、utils.js是常用小工具 5、viewModel文件夹是放一些共通页面的js