一、架构说明
|
|
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
|