EF+MVC+Bootstrap 项目实践 Day3

今天主要是实践BootStrap,模仿着做一下登陆页

这一年多来公司项目用的是EasyUI,用来做ERP、CMS之类的后台管理不错,各种交互基本够用,但样式就不怎么样了。

BootStrap比较注重前端,更美观大方,主要在html里控制。

一、引入css

public static string StaticFile(this UrlHelper helper, string path)
        {
            if (string.IsNullOrWhiteSpace(path))
            {
                return "";
            }

            if (path.StartsWith("~"))
                return helper.Content(path);
            else
                return GetStaticServiceUri() + path;
        }
<link href="@Url.StaticFile("/assets/bootstrap/css/bootstrap.min.css")" rel="stylesheet" />

源码自定了一个StaticFile方法来获取URL,我就不那么麻烦了吧,还是用原生的。

源码还引入了一些其它css和js,为了辨别哪个效果是原生的,暂只引用了基本的BootStrap的CSS/JS和query,学源码js放在最后</body>前,会加快页面加载速度

二、整体布局

引入了图片,设置背景,logo

待续

时间: 2024-11-06 16:15:22

EF+MVC+Bootstrap 项目实践 Day3的相关文章

EF+MVC+Bootstrap 项目实践 Day2

一.初识系统 1.一上来先看下路由规则Global.asax.cs routes.MapRoute( "Default", // Route name "{controller}/{action}/{id}", // URL with parameters new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameter

EF+MVC+Bootstrap 项目实践 Day5

一.遗留问题 1.SaveChanges()不报错:查了些资料,没找到什么,但加了Try/Catch是可以的 2.Linq插入默认值:也有很多人有同样困惑,都只有变通方法.一种是改成可空,一种是显式传入默认值 3.查插入默认值资料时,发现好像目前这个叫LinqToSql?和EF还不是一回事?由于基础知识欠缺,只好暂存疑惑,先往下走. 二.登陆

EF+MVC+Bootstrap 项目实践 Day9

今天打算把客户管理做完 一.数据准备 多弄几条数据,好练习分页.搜索,要生成以上数据.随机名字.手机.ID(比如UserId只能1.2.4.6及对应的UserName).Number(两位随机大写英文和3位数字) 1.随机名字.感谢博客园AngelLee2009的一篇文章给我启发,但是略复杂,改进了一下 DECLARE @firstNames VARCHAR(MAX)='芳海亮红君军俊江河湖波杰山燕阳洋涛斌彬宾微伟威薇刚倩' --保存名的集合 DECLARE @lastNames VARCHAR

EF+MVC+Bootstrap 项目实践 Day11

继续完成首页跳转判断 一.用js根据点击判断哪个视图并显示相应提示 如果是首页,就显示首页的提示并去掉breadcrumb导航 如果是具体的页面,就根据DOM判断路径并显示,还要把这一级的折叠展开并把当前视图的a标签加上.active 左侧菜单会闪一下,因为是先载入页面,再判断展开和选中的.这样效果不怎么好,如果是iframe之类,左侧是不动的,不用人为去判断是在哪一级. function LoadMenuTip(){ $("#MenuDiv a[title]").each(funct

Asp.net MVC + EF + Spring.Net 项目实践(目录)

用4篇博客来搭一个MVC的框架,可能对初学者会有一些帮助,大家共勉吧.我觉得对于中小型项目,这个框架可能还是有一定的用处的,希望能够帮助到一些人. Asp.net MVC + EF + Spring.Net 项目实践(一)添加项目结构 Asp.net MVC + EF + Spring.Net 项目实践(二)  通过数据库表生成Entity Asp.net MVC + EF + Spring.Net 项目实践(三)  调整Entity结构 Asp.net MVC + EF + Spring.Ne

分享基于EF+MVC+Bootstrap的通用后台管理系统及架构(转)

http://www.cnblogs.com/guozili/p/3496265.html 基于EF+MVC+Bootstrap构建通用后台管理系统,集成轻量级的缓存模块.日志模块.上传缩略图模块.通用配置及服务调用, 提供了OA.CRM.CMS的原型实例,适合快速构建中小型互联网及行业Web系统,且能作为代码实践及参考,欢迎提出意见. Demo预览 点击在线预览 admin/111111 请勿删数据 Framework 业务无关的底层通用机制及功能 Model基类:提供数据传输和底层的最基本的

分享基于EF+MVC+Bootstrap的通用后台管理系统及架构

原文来源:http://www.cnblogs.com/guozili/p/3496265.html 基于EF+MVC+Bootstrap构建通用后台管理系统,集成轻量级的缓存模块.日志模块.上传缩略图模块.通用配置及服务调用, 提供了OA.CRM.CMS的原型实例,适合快速构建中小型互联网及行业Web系统,且能作为代码实践及参考,欢迎提出意见. Demo预览 点击在线预览 admin/111111 请勿删数据 Framework 业务无关的底层通用机制及功能 Model基类:提供数据传输和底层

asp.net EF+MVC+Bootstrap 通用后台管理系统

开发环境: VS2012或以上 数据库: SQL Server 2008R2或以上 基于EF+MVC+Bootstrap构建通用后台管理系统,集成轻量级的缓存模块.日志模块.上传缩略图模块.通用配置及服务调用, 提供了OA.CRM.CMS的原型实例,适合快速构建中小型互联网及行业Web系统   Framework 业务无关的底层通用机制及功能 Model基类:提供数据传输和底层的最基本的基类及接口 DAL底层:基于EF code first,提供Repository泛型方法及写历史日志 Unti

Asp.net MVC + EF + Spring.Net 项目实践(四)

这篇写一写如何使用Spring.net来解耦各个项目 1. 在接口层添加IStudentBLL文件,里面有GetStudent和GetAllStudents两个方法:然后在StudentBLL类里实现这两个方法.此外还要在StudentManageSystem.ViewModel层添加StudentViewModel. 注意,此处使用了属性StudentRepository,后期会用Spring.net将些属性注入 2. 添加单元测试工作,为BLL层写单元测试.此处引用了NSubstitute做