ASP.NET MVC4 +Jquery+漂亮后台UI+快速开发框架形成之旅(总体介绍)

一转眼务农6年了,呆过大公司也去过小作坊,码农的人生除了抠腚还是抠腚。在所有呆过的公司里,感觉项目没有不延期的,真的是因为自己不努力吗?也没有呀!上班不怎么聊QQ回家也很少看动作片,还搞过几次通宵撸码的。

以前总感觉是项目经理把工时估少了,后来自己也做过项目管理,按照以往的经历估工时,做到最后还是会有些延期,要不就是加班拼命赶。我发现在项目中总是会遇到一些这样那样的问题,比如:客户需求变了,基础数据导入耗时太长,开发人员水平不高,以往的项目没作积累,每次都是从头开发... ...

感觉在开发过程中总是做一些重复的工作,比如权限的控制,其实大部分系统都可以通用;还有数据导入,最开始的时候我真的是傻到一个个模块的去写,复制、粘贴、修改,还经常有字段对错了;还有数据接口,系统做好以后要花好长时间去做数据对接... ...

在此基础上,我感觉到要提高开发效率一套高效的开发框架是极为重要的。加之MVC技术、Jquery技术大行其道我把这些技术也用到了自己的框架中,力求新的框架使今后的开发变得更加高效,达到事功倍的效果。

1、前端实现

以前我用过一段时间的ext感觉这个前端框架比较臃肿,加载速度慢,而且商用是收费的,所以没有考虑,后来考虑过easyui,也需要收费,而且感觉也不是特别灵活,所以后来就直接用Jquery来实现前端,用iframe的方式实现多窗体,自己再把样式调整得好看一些整个下来感觉一点都不比其它前端框架差,而且可以省去版权费用,降低了总体成本,我实现的前端界面效果如下:

主页面

主界面

主界面如上图所示,一般的新增,编辑窗口也是采用了弹窗,窗口弹出如下图所示:

登陆界面

这种框架的布局其实是当前比较流行的,主流的框架基础都是这个布局,用户体验也比较好,后台是通过MVC来响应,因为这一技术已经越来越成熟应用也更广泛了,因此整体性使用MVC来处理,可能能够带来更好的效率和减少复杂性。

这的方式,对一些企业应用、行业管理系统、单位信息化系统,应该是比较不错的界面展示了,再加上兼容性也很好,一套这样的框架拿出来,客户的第一印象会很好的,日后也不会为调整界面而闹心。

菜单导航提供了三种风格:windows开始菜单、抽屉式手风琴、树形手风琴。整体部局还是相当漂亮的。

2、通用模块

在绝大部分系统中,都会用到权限管理、基础数据\业务数据导入导出、单据编码、邮件发送等功能,所以这一块框架上也是下了功夫,把这些功能做得很灵活,配置一下在任何一个系统都可以使用。效果如下:

邮件通讯组件集成于框架内,提供接口给业务系统调用,可直接用于发送通知。

权限

窗体的表格采用了jqgrid,加载很流暢,功能也比较强大。

以上就是这个开发框架里的一些截图界面,只做一个总体性的概括,不设计技术实现的任何东西,下篇开始,会重点讲框架中重要技术的实现,同时也会放出主要代码和demo供学习探讨使用,请大家多多支持。

大家帮忙一起测试下 谢谢、账户:guest  密码:123456

在线体验demo地址:http://121.40.148.178:8080/

时间: 2024-10-13 01:28:47

ASP.NET MVC4 +Jquery+漂亮后台UI+快速开发框架形成之旅(总体介绍)的相关文章

ASP.NET MVC4 +Jquery+精美UI界面 秒杀EasyUi、Ext 、快速开发框架形成之旅(总体介绍)

一转眼务农6年了,呆过大公司也去过小作坊,码农的人生除了抠腚还是抠腚.在所有呆过的公司里,感觉项目没有不延期的,真的是因为自己不努力吗?也没有呀!上班不怎么聊QQ回家也很少看动作片,还搞过几次通宵撸码的. 以前总感觉是项目经理把工时估少了,后来自己也做过项目管理,按照以往的经历估工时,做到最后还是会有些延期,要不就是加班拼命赶.我发现在项目中总是会遇到一些这样那样的问题,比如:客户需求变了,基础数据导入耗时太长,开发人员水平不高,以往的项目没作积累,每次都是从头开发... ... 感觉在开发过程

ASP.NET MVC4.0+ WebAPI+EasyUI+KnockOutJS快速开发框架 通用权限管理系统

在线演示地址:http://115.28.135.49:8099/ 1.基于 ASP.NET MVC4.0 + WebAPI + EasyUI + Knockout 的架构设计开发 2.采用MVC的框架模式,具有耦合性低.重用性高.生命周期成本低.可维护性高.有利软件工程化管理等优点 3.采用WebAPI,客户端完全摆脱了代理和管道来直接进行交互 4.采用EasyUI前台UI界面插件,可轻松的打造出功能丰富并且美观的UI界面 5.采用Knockout,,提供了一个数据模型与用户UI界面进行关联的

基于MVC4+EasyUI的Web开发框架形成之旅--总体介绍

最近花了很多时间在重构和进一步提炼Winform开发框架的工作上,加上时不时有一些项目的开发工作,我博客里面介绍Web开发框架的文章比较少,其实以前在单位工作,80%的时间是做Web开发的,很早就形成了自己的一套Web开发框架,但是由于一些个人原因,一直没有来得及好好整理和推广,其实那套Web开发框架对大多数企业信息化还是很有帮助的,包括了整体性的框架布局.样式,以及权限控制.菜单管理.字典管理.工作流审批管理等常见模块,不过总体觉得技术上是采用asp.net的Webform技术,因此现在MVC

(转)基于MVC4+EasyUI的Web开发框架形成之旅--总体介绍

http://www.cnblogs.com/wuhuacong/p/3281103.html 最近花了很多时间在重构和进一步提炼Winform开发框架的工作上,加上时不时有一些项目的开发工作,我博客里面介绍Web开发框架的文章比较少,其实以前在单位工作,80%的时间是做Web开发的,很早就形成了自己的一套Web开发框架,但是由于一些个人原因,一直没有来得及好好整理和推广,其实那套Web开发框架对大多数企业信息化还是很有帮助的,包括了整体性的框架布局.样式,以及权限控制.菜单管理.字典管理.工作

ASP.NET MVC搭建项目后台UI框架—1、后台主框架

目录 ASP.NET MVC搭建项目后台UI框架-1.后台主框架 ASP.NET MVC搭建项目后台UI框架-2.菜单特效 ASP.NET MVC搭建项目后台UI框架-3.面板折叠和展开 ASP.NET MVC搭建项目后台UI框架-4.tab多页签支持 ASP.NET MVC搭建项目后台UI框架-5.Demo演示Controller和View的交互 ASP.NET MVC搭建项目后台UI框架-6.客户管理(添加.修改.查询.分页) ASP.NET MVC搭建项目后台UI框架-7.统计报表 ASP

ASP.NET MVC搭建项目后台UI框架—7、统计报表

ASP.NET MVC搭建项目后台UI框架—1.后台主框架 ASP.NET MVC搭建项目后台UI框架—2.菜单特效 ASP.NET MVC搭建项目后台UI框架—3.面板折叠和展开 ASP.NET MVC搭建项目后台UI框架—4.tab多页签支持 ASP.NET MVC搭建项目后台UI框架—5.Demo演示Controller和View的交互 ASP.NET MVC搭建项目后台UI框架—6.客户管理(添加.修改.查询.分页) ASP.NET MVC搭建项目后台UI框架—7.统计报表 本节,我将通

ASP.NET MVC搭建项目后台UI框架—4、tab多页签支持

目录 ASP.NET MVC搭建项目后台UI框架—1.后台主框架 ASP.NET MVC搭建项目后台UI框架—2.菜单特效 ASP.NET MVC搭建项目后台UI框架—3.面板折叠和展开 ASP.NET MVC搭建项目后台UI框架—4.tab多页签支持 ASP.NET MVC搭建项目后台UI框架—5.Demo演示Controller和View的交互 在点击左侧菜单中的选项时,我希望有Extjs.EasyUI等中类似的tab页签功能,因为这样可以支持多个页面的浏览,有时候我们可能需要同时打开多个页

ASP.NET MVC搭建项目后台UI框架—9、服务器端排序

ASP.NET MVC搭建项目后台UI框架—1.后台主框架 ASP.NET MVC搭建项目后台UI框架—2.菜单特效 ASP.NET MVC搭建项目后台UI框架—3.面板折叠和展开 ASP.NET MVC搭建项目后台UI框架—4.tab多页签支持 ASP.NET MVC搭建项目后台UI框架—5.Demo演示Controller和View的交互 ASP.NET MVC搭建项目后台UI框架—6.客户管理(添加.修改.查询.分页) ASP.NET MVC搭建项目后台UI框架—7.统计报表 ASP.NE

ASP.NET MVC搭建项目后台UI框架—8、将View中选择的数据行中的部分数据传入到Controller中

ASP.NET MVC搭建项目后台UI框架—1.后台主框架 ASP.NET MVC搭建项目后台UI框架—2.菜单特效 ASP.NET MVC搭建项目后台UI框架—3.面板折叠和展开 ASP.NET MVC搭建项目后台UI框架—4.tab多页签支持 ASP.NET MVC搭建项目后台UI框架—5.Demo演示Controller和View的交互 ASP.NET MVC搭建项目后台UI框架—6.客户管理(添加.修改.查询.分页) ASP.NET MVC搭建项目后台UI框架—7.统计报表 ASP.NE