Navi.Soft20.WebMVC4操作手册(基于EasyUI组件MVC控件源码)

阅读导航

Navi.Soft20.WebForm操作手册
http://www.cnblogs.com/xiyang1011/p/4049711.html

Navi.Soft20.WinForm操作手册
http://www.cnblogs.com/xiyang1011/p/3972118.html

Navi.Component.工作流开发手册(含示例)
http://www.cnblogs.com/xiyang1011/p/3820038.html

Navi.Component.DataWindow开发手册(含示例)
http://www.cnblogs.com/xiyang1011/p/3818261.html

Navi.Soft20.WinCE使用手册
http://www.cnblogs.com/xiyang1011/p/3807823.html

 

1概述

1.1应用场景

        随着互联网高速发展,互联网软件也随之越来越多,Web应用软件如雨后春笋,发展相当迅速,BS模式的ERP,MIS,CRM等产品现在也非常普遍,这类软件均包括一些通用的功能,如:与数据库操作,日志管理,权限管理等

        本框架指在解决这些问题,并将通用的功能抽离并实现.使在开发过程中,将更多的精力放在业务逻辑

1.2面向对象

        Net程序开发员

1.3开发环境

解决方案

开发环境

描述

NaviSoft20

VS2010或以上

整个框架只有此一个解决方案.Net类库包括1种,即Net4.0

1.4框架特点

l EasyUI组件二次封装.避免在前台编写JS代码,减少出错机率

clip_image003

封装的组件源码如下图所示(文章末尾处提供此组件源码下载地址)

clip_image004

l 经典三层架构,上手容易,入门简单

clip_image005

l 操作数据库支持ORM和ADO.Net两种方式.灵活

n 支持多数据库,包括SQLServer,Oracle,SQLite,Access,且项目中可同时操作多数据库

n 采用EntityFramework框架.轻量级ORM框架,微软原创,值得信赖

clip_image006clip_image007

l 前端采用JQuery EasyUI控件.JavaScript语法,可随意修改,灵活方便

l 主界面目前仅支持一种导航菜单,即accordion样式

clip_image009

l 内置各种常用组件

n 图表组件

Ø FusionChart图表.WebForm和WebMVC均可以使用,提供对该组件的操作帮助类

Ø highCharts图表.WebForm和WebMVC均可以使用,提供对该组件的操作帮助类

n 消息组件(后台已实现,前台未提供页面展示)

Ø 消息类型包括Email邮件,SMS短信,IM即时消息

Ø 基于Aspose.NetWork组件的邮件收发功能

Ø SMS服务,可发送文本消息和彩信(需与供应商自行联系)

Ø IM即时消息,纯数据库模式,未经过Socket(目前未实现)

n Office组件

Ø 数据导出.可导出至Excel,Word,CSV,Txt等

Ø 数据导入,支持从Excel,Txt等文件导入

Ø 对CSV,Excel,PDF,PDM(Power Designer),Txt,Word等文档的操作

Ø 在线预览.可将Office文档转为Pdf,再通过FlashPlaer组件在Web页面中展现.文档预览.支持对常用文件的预览.包括:Excel,Word,Visio等文件(目前未实现)

n 权限组件

Ø 包括三层结构:组织机构(又称部门),角色,用户

Ø 权限组件,仅提供查询三者之间的关系.如查找某角色下所有用户.某用户所拥有的角色列表

Ø 数据的增删改功能,在框架的其他功能模块中实现,不再此组件中提供

n 打印组件

Ø 内嵌基于Lodap组件打印,支持WebForm和WebMVC两种场景打印

n WebService组件

Ø 内置ADO.Net基本方法,如执行SQL语句,获取单行列数据,获取表数据等

Ø 内置文件下载功能,用于自动更新组件使用

2功能列表(部分模块)

2.1基础编码

2.1.1Db数据字典

clip_image011

描述

l 展示当前数据库中Db表列表及表栏目详细信息

2.2开发平台

2.2.1功能模块

clip_image013

描述

l 顶部是数据检索区域,提供对功能模块的检索

l 中间部分是工具栏,提供对功能模块的增删改

clip_image015

n 下拉菜单控件强力封装

clip_image017

n Label标签强力封装(均取自实体类自定义属性)

clip_image019

n AccessPower访问权限

clip_image001 用户打开框架主页面时,左侧导航菜单,是根据权限配置.访问权限是此功能模块在功能权限中的标识符

2.3系统管理

2.3.1系统选项

clip_image021

描述

l 顶部是数据检索区域,提供对系统选项的检索

l 中间部分是工具栏,提供对系统选项的增删改

n 若为系统初始选项,则不允许删除

clip_image023

2.4权限管理

2.4.1用户

clip_image025

描述

l 顶部是数据检索区域,提供检索功能

l 中部是工具栏,用于实现功能系统的增删改

n 提供初始化密码功能.注:暂不支持多用户密码初始化

clip_image027

3解决方案(部分项目)

3.1QH.Utility.EasyUI项目

clip_image028

描述

l Base

n 项目所有类用到的通用枚举,实体类,帮助方法等

clip_image029

l Form

clip_image030

n 各编辑控件封装.如ValidateBox,DateBox,NumberBox等

l GridAndTree

clip_image031

l 接口类

clip_image032

3.3QH.Exampl.WebForm.MVC4项目

clip_image033

描述

l Content加载js引用文件.此框架引用easyUI前端组件,artDialog对话框架,json.js解析类库

clip_image034

l Controllers是Controller层类文件

clip_image035

Views是View层文件,存储前台页面文件

clip_image036

4源码解析

4.1解析1.easyUIHelper.js类封装

clip_image037

4.2解析2.UIListHelper.js类封装

clip_image039

4.3解析3.formUIHelper.js类封装

clip_image040

4.4解析4.AuthorList页面类

clip_image042

l 最下面的部分才是UI控件

l 最上面部分是每个页面代码不同的地方.代码相同的部分均封装至easyUIHelper.js和UIListHelper.js等类中.所有的页面均修改最上面部分即可

4.5解析5.ManagePlatController

clip_image044

l 不同模块代码基本相同

5FAQ

1. COM组件引用

项目引用若干COM组件,包括PDF文档预览组件,Office文档预览组件,视频播放组件.框架本身已提供安装程序在\packages\Tools\文件夹中(暴风影音安装程序未提供)

 

EasyUI组件下载地址:
http://pan.baidu.com/s/1c0cWZTY

你可能感兴趣的:(easyui)