构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(14)-EasyUI缺陷修复与扩展
不知不觉已经过了13讲,(本来还要讲多一讲是,数据验证之自定义验证,基于园友还是对权限这块比较敢兴趣,讲不讲验证还是看大家的反映),我们应该对系统有一个小结。 首先这是一个团队开发项目,基于接口编程,我们从EasyUI搭建系统的框架开始,开始了一个样例程序对EasyUI的DataGrid进行了操作,并实现Unity的注入到容器,使程序 的性能大大提升,代码质量上升,更佳利于单元测试,使用日志和异常坚固系统稳定性等等。。。。
当然你应该觉得系统还有存在很多不足,我们应该动手来优化一下。 下面我罗列了需要优化的项目,如果你觉得还有优化的,请提交,我将加入以后的文章中去
- UI方面,我们的easyui window弹出窗体,是不是没有居中,好丑啊;
- DataGrid虽然我在绑定时候写入了根据第一次窗体的变化去适应框架,这时你点击游览器的缩小或者扩大按钮,那么你的DataGrid变形了;
- JS我们在Details页面引入了JS,我们是否应该把他嵌入到_Layout_----里面去?并进行捆绑?
- 我们DataGrid返回的日期格式是/Date(20130450000365)你看得懂吗?
- 我们的BLL每次都要去实例化 DBContainer db = new DBContainer();重复操作,我们是不是应该写一个BaseBLL基类类继承
- 我们前端很多提示信息都一样,是不是应该封装起来,比如点击:Details时没有选择提示的“请选择要操作的记录”
- 工具栏的增、删、改按钮一样每次粘贴的代码也不少,我们应该扩展Mvc的HtmlHelper的封装,之后我们@html.就出来了多方便,以后还用于权限控制
优化后的系统将可能做为最后一个发布源码的版本,如无必要以后不再提供源码下载,但所讲的内容中,将全部包含完整源码,请你将完成的系统“珍藏”起来,因 为这是你的劳动成果
最后我们将接受一个更大的目标挑战,权限管理系统。我觉得这个是大家最关心的事情了,但是在此之前,我们将要补充一些知识。
- MVC自带的过滤器用法
- MVC路由Rotun概念
权限系统讲完了,我们讲T4模板,导出报表和图表,文件上传,系统设置等等补充..让我们的系统拿出来就能当项目来用。 由于接下来的东西逻辑性和编码都要比之前的复杂很多,所以更新可能会比以前慢。请大家耐心等待,谢谢园友的支持,无论多忙我都会不断的更新
现在我们先来解决以上7个问题吧!
1.UI方面,我们的easyui window弹出窗体,是不是没有居中,好丑啊;
2.DataGrid虽然我在绑定时候写入了根据第一次窗体的变化去适应框架,这时你点击游览器的缩小或者扩大按钮,那么你的DataGrid变形了;
3.JS我们在Details页面引入了JS,我们是否应该把他嵌入到_Layout_----里面去?并进行捆绑?
我已经进行压缩了.源码带出. 4.我们DataGrid返回的日期格式是/Date(20130450000365)你看得懂吗?
5.我们的BLL每次都要去实例化 DBContainer db = new DBContainer();重复操作,我们是不是应该写一个BaseBLL基类类继承
我已经进行分离,源码带出. 6.我们前端很多提示信息都一样,是不是应该封装起来,比如点击:Details时没有选择提示的“请选择要操作的记录”
在App.Common加入以下类Suggestion
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
namespace App.Common
{
public static class Suggestion
{
public static string PlaseChooseToOperatingRecords { get { return "请选择要操作的记录"; } }
public static string AreYouLogOff { get { return "您确定要注销系统吗?"; } }
public static string Cancel { get { return "取消"; } }
public static string CanNotOperationHasTheAudit { get { return "不能操作已经审核的记录"; } }
public static string Check { get { return "审核"; } }
public static string CheckFail { get { return "审核失败"; } }
public static string CheckSucceed { get { return "审核成功"; } }
public static string ClearLossJobs { get { return "清理离线任务"; } }
public static string Close { get { return "关闭"; } }
public static string CloseAll { get { return "关闭全部"; } }
public static string CloseLeft { get { return "关闭左侧标签"; } }
public static string CloseOther { get { return "除此之外全部关闭"; } }
public static string CloseRight { get { return "关闭右侧标签"; } }
public static string Create { get { return "创建"; } }
public static string Delete { get { return "删除"; } }
public static string DeleteFail { get { return "删除失败"; } }
public static string DeleteSucceed { get { return "删除成功"; } }
public static string Details { get { return "详细"; } }
public static string Disable { get { return "不可用"; } }
public static string Edit { get { return "编辑"; } }
public static string EditFail { get { return "修改失败"; } }
public static string EditSucceed { get { return "修改成功"; } }
public static string Export { get { return "导出"; } }
public static string InsertFail { get { return "创建失败"; } }
public static string InsertSucceed { get { return "创建成功"; } }
public static string Loading { get { return "加载中"; } }
public static string LoginSucceed { get { return "登录成功,您可以继续操作!"; } }
public static string LogOff { get { return "安全退出"; } }
public static string NoAnyChanges { get { return "没有作任何修改"; } }
public static string Operate { get { return "操作"; } }
public static string PrimaryRepeat { get { return "主键重复"; } }
public static string Query { get { return "查询"; } }
public static string Reload { get { return "刷新"; } }
public static string Return { get { return "返回"; } }
public static string Save { get { return "保存"; } }
public static string Select { get { return "选择"; } }
public static string SetFail { get { return "设置失败"; } }
public static string SetSucceed { get { return "设置成功"; } }
public static string SwitchingSkin { get { return "切换主题,系统将重新加载?"; } }
public static string Tip { get { return "提示"; } }
public static string UnCheck { get { return "反审核"; } }
public static string UnCheckFail { get { return "反审核失败"; } }
public static string UnCheckSucceed { get { return "反审核成功"; } }
public static string UnSelect { get { return "反选"; } }
public static string Update { get { return "更新"; } }
public static string UpdateFail { get { return "更新失败"; } }
public static string UpdateSucceed { get { return "更新成功"; } }
public static string UpLoad { get { return "上传"; } }
public static string UserTimeOver { get { return "用户登录超时,请重新登录"; } }
public static string Welcome { get { return "您好,欢迎您"; } }
public static string YouCanOnlyOperateARecord { get { return "一次只能操作一条记录"; } }
public static string YouWantToDeleteTheSelectedRecords { get { return "您确定要删除所选记录吗?"; } }
}
}
在视图中的使用
$("#btnDelete").click(function () {
var row = $('#List').datagrid('getSelected');
if (row != null) {
$.messager.confirm('提示', '@Suggestion.YouWantToDeleteTheSelectedRecords', function (r) {
if (r) {
$.post("/SysSample/Delete?id=" + row.Id, function (data) {
if (data.type == 1)
$("#List").datagrid('load');
$.messageBox5s('提示', data.message);
}, "json");
}
});
} else { $.messageBox5s('提示', '@Suggestion.PlaseChooseToOperatingRecords'); }
});
@Suggestion.PlaseChooseToOperatingRecords'
7.工具栏的增、删、改按钮一样每次粘贴的代码也不少,我们应该扩展Mvc的HtmlHelper的封装,之后我们@html.就出来了多方便,以后还用于权限控制
这个必须返回MvcHtmlString和在视图中引入命名空间。在App.Admin的Core文件夹中新建类ExtendMvcHtml
并加入以下代码
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.Mvc;
using App.Models.Sys;
namespace App.Admin
{
public static class ExtendMvcHtml
{
/// <summary>
/// 普通按钮
/// </summary>
/// <param name="helper">htmlhelper</param>
/// <param name="id">控件Id</param>
/// <param name="icon">控件icon图标class</param>
/// <param name="text">控件的名称</param>
/// <param name="hr">分割线</param>
/// <returns>html</returns>
public static MvcHtmlString ToolButton(this HtmlHelper helper, string id, string icon, string text, bool hr)
{
StringBuilder sb = new StringBuilder();
sb.AppendFormat("<a id="{0}" style="float: left;" class="l-btn l-btn-plain">", id);
sb.AppendFormat("<span class="l-btn-left"><span class="l-btn-text {0}" style="padding-left: 20px;">", icon);
sb.AppendFormat("{0}</span></span></a>", text);
if (hr)
{
sb.Append("<div class="datagrid-btn-separator"></div>");
}
return new MvcHtmlString(sb.ToString());
}
}
}
并在视图中使用它,使用例子!
@Html.ToolButton("btnQuery", "icon-search","查询",true)
@Html.ToolButton("btnCreate", "icon-add", "新增",true)
@Html.ToolButton("btnEdit", "icon-edit", "编辑", true)
@Html.ToolButton("btnDetails", "icon-details", "详细", true)
@Html.ToolButton("btnDelete", "icon-remove", "删除", true)
@Html.ToolButton("btnExport", "icon-export","导出",true)
- 逻辑回归与梯度下降详解
- 决策树(R语言)
- ExecuteReader在执行有输出参数的存储过程时拿不到输出参数
- CTF---Web入门第十三题 拐弯抹角
- 小案例(四):销售额下滑(python)
- 【最新TensorFlow1.4.0教程01】TF1.4.0介绍与动态图机制 Eager Execution使用
- 把插入的数据自动备份到另一个表中 ~ 语境:本地和服务器自动同步
- 数据分析小案例(三):调查问卷(python)
- CTF---Web入门第十六题 天下武功唯快不破
- 数据分析小案例(二):面包是不是变轻了(python)
- 数据分析小案例(一):商业街抽奖(python)
- Bagging算法(R语言)
- iOS @property探究(一): 基础详解你要知道的@property都在这里
- 在创建带输出参数和返回值的存储过程时---犯下的一个低级错误
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Qt音视频开发32-Onvif网络设置
- 3分钟短文:说说Laravel模型关联关系最单纯的“一对一”
- Redis 缓存性能实践及总结
- 如何优雅的在react-hook中进行网络请求
- Git commit emoji 食用指南
- 编译安装 ProtoBuf 扩展
- 一键搭建 KMS 服务
- vuepress-theme-yur 使用教程
- 使用 XDebug + Webgrind 进行 PHP 程序性能分析
- 我给自己组装了一台 ITX 小台式
- PHPStorm 常用插件集合
- 优雅地调试线上代码
- WebStorm 配置 ESLint
- Yur 主题更新日志
- 使用 Forestry 管理基于 GitHub 的图床