您的位置：首页 > 编程语言 > ASP

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

2017-08-04 14:42 639 查看

目录

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框架—8、将View中选择的数据行中的部分数据传入到Controller中

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

ASP.NET MVC搭建项目后天UI框架—10、导出excel（数据量大，非常耗时的，异步导出）

ASP.NET MVC搭建项目后台UI框架—11、自动加载下拉框查询

准备做一个新的项目，从网页设计师手中拿到了html静态页面（没有一行js），但是都一个个零散的界面，我需要做的是：

1、 把这些零散的html界面连接起来

2、 自己编写js或者jquery实现菜单效果

3、 把html页面集成在我们的MVC Razor视图中

本想着使用第三方的UI框架 如Jquery EasyUI、ExtJs、MiniUI等来搭建框架，但是上面要求必须做得和美工给的html页面样式一致，不能用这些比较复杂的UI框架。作为非前端工程师，我只有硬着头皮上了。经过差不多2天的折腾，自己搭建好了UI框架。主要使用jquery和一些jquery的ui插件。即便使用了第三方的UI插件也是非常痛苦的，因为我需要修改UI插件的主题样式，改得和美工给我的界面看上去差不多。那我为什么要使用UI插件呢，一方面是为了提高用户体验，另一方面是为了减少编码，让View和Controller更好的结合，如果我不添加jquery的ui插件进来，可以直接在View中拼接美工给我的html页面，这样看起来简单多了，但是这样的话，界面复用性太差，需要更多的编码，我需要做的是，通过框架来尽可能减少团队成员的编码量，提高开发效率。

先看下最终效果：

View Code
5、新建Left视图

View Code
6、新建Bootom.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
.copyright {
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
color: #dadada;
background: #393939;
font-size: 12px;
position: fixed;
bottom: 0px;
left: 0px;
}
</style>
</head>
<body>
<div class="copyright">©2015 </div>
</body>
</html>


F5运行，这个时候，你看到的界面应该是这样的：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航