MVC4.0系统开发新手历程（一）

接手了一个简单的销售奖金计算的项目，虽然不算大但是业务逻辑比较复杂，还夹杂了很多的特殊情况，毕竟是大公司什么样的人都有，好了不多说切入正题，项目是公司的一个前辈负责的，在他做系统架构的时候让我们了解下MVC4.0更新的基本知识，对于MVC来说做项目之前我就简单的停留在知道他是Model-View-Controller的简写至于具体是什么，怎么做则完全没有了解。

项目果然是最锻炼人的，在项目的架构带来之后，我看了下大概分为以下这几个部分：

（1） Model项目 存放数据库表的Model 以及用来展示的 View_Model这些以后都会有讲的，数据表对应的Model主要是有数据i验证部分

(2)Service项目 由于整个项目是一个B/S项目，数据库是在公司的机房，数据访问是要读取公司的数据库的 ，所以和数据操作相关的都放在了这个项目里面了 为了便于维护，整个项目主要使用的Web Api和Linq To Sql开发

(3) Reward 项目这个是和业务息息相关的部分，也是向客户展示的部分，也就是传统意义上的 UI ，当然MVC本质上就是UI层的表现形式，说起来我之前一直以为是和三层一样的数据架构，但他只是三层架构中的UI层，通过MVC开发UI层实现了页面和数据的真正意义上的分离。在这个项目里面主要用到的技术是MVC ，jquery.easyui，WebApi调用等等。

开发工具升级到了VS2012， 感谢万能的度娘。

@using GM360_REWARD_Model;

@using GM360_REWARD_UTILITY;

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width" />

    <title>@ViewBag.Title</title>

    @Styles.Render("~/Content/style.css", "~/themes/default/easyui.css")

    @Scripts.Render("~/Scripts/jquery-1.4.2.min.js")

    @RenderSection("js_css", false)

    <style type="text/css">

        .foot {

            left: 0;

            bottom: 0;

            POSITION: absolute;

            width: 100%;

            height: 36px;

        }

    </style>

    <script type="text/javascript">

        $(document).ready(function () {

            var _url = window.location.href;

            var _startIndex = _url.indexOf("\//") + 2;

            var _subStartIndex = _url.indexOf("\/", _startIndex);

            var _strMark = _url.substring(_subStartIndex + 1, _url.indexOf("\/", _subStartIndex + 1));

            $(".main_meau li").each(function (index, item) {

                var flag = $(item).children("a").attr("href").indexOf(_strMark);

                if (flag > -1) {

                    $(this).removeClass("dh_4");

                    $(this).addClass("dh_4");

                }

            });

        });

    </script>

</head>

<body>

    <div class="top_head">

        <div class="tophead_left">

            <div class="left_logo">

                <img src="~/Images/logo_01.gif" />

            </div>

            <div class="main_meau">

                <ul>

                    <li>

                        <a href="/DataInfoAndCal/Index" onclick="javascript:location.replace(this.href);event.returnValue=false;">数据源导入</a></li>

                    <li>

                        <a href="/InqueryAllReward/Index" onclick="javascript:location.replace(this.href);event.returnValue=false;">奖金查询</a></li>

                    <li>

                        <a href="/BadDebt/Create/" onclick="javascript:location.replace(this.href);event.returnValue=false;">坏账登记</a></li>

                    <li>

                        <a href="/SaleRelationship/Index" onclick="javascript:location.replace(this.href);event.returnValue=false;">销售带队关系</a></li>

                    @if ((Session["User"] as GM360_REWARD_Model.User) != null && (Session["User"] as GM360_REWARD_Model.User).UserName == "admin")

                    {

                        <li>

                            <a href="/home/DownLoad/" onclick="javascript:location.replace(this.href);event.returnValue=false;">历史数据下载</a>

                        </li>

                    }

                </ul>

            </div>

        </div>

        <div class="tophead_right">

            <div class="top_right_zi">

                <div class="zi_left">

                    欢迎您！<b id="username">@if ((Session["User"] as GM360_REWARD_Model.User) != null)

                                         { @((Session["User"] as GM360_REWARD_Model.User).UserName);

                                         }</b>&nbsp;

                </div>

                <div class="zi_right">

                    <ul>

                        <li>

                            <a href="/User/Exit">退出系统</a></li>

                    </ul>

                </div>

            </div>

        </div>

    </div>

    @RenderBody()

    <div class="foot">

        <div class="foot_con">

            版本信息 2013@copyright xxxxxxxxxxxxxxxxxxxx

        </div>

    </div>

    @*@Scripts.Render("~/bundles/jquery")

    @RenderSection("scripts", required: false)*@

</body>

</html>

这是Shared 文件夹下的_Layout.cshtml文件，以后所有的View页面都是以这个页面为模板的  简单的给大家说下，希望高手指正， 给新手一点参考    顶部是 引用的两个命名空间

@using GM360_REWARD_Model;

@using GM360_REWARD_UTILITY;

引用都要用到的CSS JS 文件 以及给页面另外存放的 地方

  @Styles.Render("~/Content/style.css", "~/themes/default/easyui.css")

    @Scripts.Render("~/Scripts/jquery-1.4.2.min.js")

    @RenderSection("js_css", false)
  @RenderBody()

上面的这个  @RenderBody() 是添加内容的地方，页面的大概布局就是这个样子 ，明天继续，因为这个项目已经完成了 ，不太能重现当时的错误，所以只能按照开发的顺利 来一点一点的讲解，有什么问题可以留言。因为不经常发文章所以uk按起来可能会比较乱，多指正.

 
 
 

MVC4.0系统开发新手历程1的更多相关文章

  1. MVC4.0系统开发新手历程（一）

    接手了一个简单的销售奖金计算的项目,虽然不算大但是业务逻辑比较复杂,还夹杂了很多的特殊情况,毕竟是大公司什么样的人都有,好了不多说切入正题,项目是公司的一个前辈负责的,在他做系统架构的时候让我们了解下 ...

  2. MVC4.0系统开发新手历程（二）

    登录页 首先声明登录页不是我开发完成的 所以就简单的发下供大家参考 思路:由于是奖金系统,里面涉及到Money,所以在验证方面上下了很大的功夫,我看了下 主要的思想是 获取到那几个人会用到这个系统,然 ...

  3. MVC4.0系统开发新手历程（四）数据列表查询

    任何系统都不可避免的就是数据的查询展示,我觉得这里最值得一说的就是分部视图以及数据分页了 首先添加控制器 在控制其上面的名字为Index的Action上面右击,添加视图即可添加对应的视图,分部视图呈现 ...

  4. MVC4.0系统开发新手历程（三）---数据导入计算

      数据导入计算 数据的重要意义就不需要我多说了吧,本项目中的数据来源是来自荆艺系统(熟悉物流报关的朋友应该知道)导出的一张Excel,包含了一段时间内整个公司所有销售的全部记录,保密级别那是杠杠的, ...

  5. 跟我一起学习ASP.NET 4.5 MVC4.0（一）（转）

    由于上面一个项目使用的是ASP.NET4.0 MVC3.0,在招人的时候发现很多人有听说过MVC,但是却是没用过,对MVC也只是一知半解,最近想给团队成员做一个系统的解说,让大家都可以学习一下ASP. ...

  6. 跟我一起学习ASP.NET 4.5 MVC4.0（一）

    跟我一起学习ASP.NET 4.5 MVC4.0(一)   由于上面一个项目使用的是ASP.NET4.0 MVC3.0,在招人的时候发现很多人有听说过MVC,但是却是没用过,对MVC也只是一知半解,最 ...

  7. 跟我一起学习ASP.NET 4.5 MVC4.0 （转)

    跟我一起学习ASP.NET 4.5 MVC4.0(一)   由于上面一个项目使用的是ASP.NET4.0 MVC3.0,在招人的时候发现很多人有听说过MVC,但是却是没用过,对MVC也只是一知半解,最 ...

  8. 建筑材料系统 ASP.NET MVC4.0 + WebAPI + EasyUI + Knockout 的架构设计开发

    框架介绍: 1.基于 ASP.NET MVC4.0 + WebAPI + EasyUI + Knockout 的架构设计开发 2.采用MVC的框架模式,具有耦合性低.重用性高.生命周期成本低.可维护性 ...

  9. MVC通用控件库展示-MVC4.0+WebAPI+EasyUI+Knockout--SNF快速开发平台3.0

    在我们开发中怎么才能提高效率,就是要有大量的公共组件(控件)可以直接使用而不用自己再开发一遍,既然是公共控件那也得简单实用才行.下面就介绍一下SNF-MVC当中的控件库. 总体控件库展示: 1.通用用 ...

随机推荐

  1. Android 4.4 沉浸式透明状态栏与导航栏

    Android 系统自4.2 開始 UI 上就没多大改变,4.4 也仅仅是添加了透明状态栏与导航栏的功能,如图 那么如今我就来给大家解说下怎样使用这个新特性,让你的 app 尾随潮流,当然假设你不在乎 ...

  2. 七牛云存储C#例用小例子 C#笔记

    最近有需求要把网站的图片传到云存储上去.于是就找到了七牛.看上面的SDK...看了才发现里面注释很少.当时看的头大.在网上搜一下,基本上没有好的例子.给初学者带来很大的不便!不过最后还是做出来了.在这 ...

  3. 多个Storyboard切换

    - (void)showStoryboard { // 实例化MainStoryboard UIStoryboard *storyboard = [UIStoryboard storyboardWit ...

  4. Entity Framework 处理并发

    Entity Framework 处理并发 在以前的两个教程你对关联数据进行了操作.本教程展示如何处理并发性.您将创建工作与各Department实体的 web 页和页,编辑和删除Department ...

  5. PDF.NET SOD Ver 5.1完全开源

    PDF.NET SOD Ver 5.1完全开源 前言: 自从我2014年下半年到现在的某电商公司工作后,工作太忙,一直没有写过一篇博客,甚至连14年股票市场的牛市都错过了,现在马上要过年了,而今天又是 ...

  6. 2. SQL Server数据库状态监控 - 错误日志

    原文:2. SQL Server数据库状态监控 - 错误日志 无论是操作系统 (Unix 或者Windows),还是应用程序 (Web 服务,数据库系统等等) ,通常都有自身的日志机制,以便故障时追溯 ...

  7. C# 截取图片区域，并返回所截取的图片

    /// <summary> /// 截取图片区域,返回所截取的图片 /// </summary> /// <param name="SrcImage" ...

  8. [翻译]初识SQL Server 2005 Reporting Services Part 4

    原文:[翻译]初识SQL Server 2005 Reporting Services Part 4 这一篇是关于SQL Server 2005 Reporting Services四篇文章中最后一篇 ...

  9. 使用CountDownLatch和CyclicBarrier处理并发线程

    闲话不说,首先看一段代码: { IValueCallback remoteCallback = new IValueCallback.Stub() { <strong><span s ...

  10. nginx+lua+redis高并发应用建设

    ngx_lua将lua嵌nginx,让nginx运行lua脚本.高并发,非堵塞过程中的各种请求. url要求nginxserver,然后lua查询redis,返回json数据. 一.安装lua-ngi ...