主页搭建——MVC

  首先,新建一个MVC项目,由于我的服务器上只安装了.Net4.0 因此选择4.0的Framework。项目建立完成后,我们可以在右边看到这样的目录结构。

其中Global.asax为整个程序的入口

            AreaRegistration.RegisterAllAreas();
            WebApiConfig.Register(GlobalConfiguration.Configuration);
            FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);
            RouteConfig.RegisterRoutes(RouteTable.Routes);
            BundleConfig.RegisterBundles(BundleTable.Bundles);

  这四个配置文件的注册分别对应到了App_Start中的四个文件

Bundle的作用是将你所使用的css或者js文件合并到一起,解决浏览器只能同时加载6个链接的限制,加快网站的访问速度。

Filter的作用是定义过滤器,在每个action前面可以加上限定的filter,例如[HttpPost],限制这个action只能通过post方式访问。

Route则是网站访问的路由规则。

            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

            routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{id}",
                defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
            );

  url中显示了访问方式。默认为website/Home/Index

  controller对应Controlllers文件夹下的Controller,action则对应每个controller中的动作,id则为要传入的参数。

我们可以看到controller和view的对应关系如下

每个controller对应一个view中的文件夹,每个方法对应文件夹中的cshtml页面。

这是一个简单的返回主页视图的方法,我们可以通过ViewBag与cshtml页面进行数据交互。(X-real-ip为我在nginx中定义的访问IP的header)

在对应的index.cshtml中,我们同样可以使用@ViewBag.ip获取传过来的数据。

当我们运行网站的时候我们的ip就会显示在<h1>标签上了

在Views文件夹中,还有一个_Layout.cshtml

前面加 _  表示不能被直接访问,layout.cshtml则为模板页,我们可以在这里定义整个网站的header以及footer,同时引用所有的css以及js文件,再通过@RenderBody()加载中间内容。

时间: 2024-10-31 19:16:24

主页搭建——MVC的相关文章

ExtJS 4.2 业务开发(一)主页搭建

本篇开始搭建一个ExtJS 4.2单页面应用, 这里先介绍主页的搭建,内容包括:主页结构说明.扩展功能等方面. 目录 1. 主页结构说明 2. 扩展功能 3. 在线演示地址 1. 主页结构说明 1.1 主页布局 传统的ExtJS 4.2应用,基本布局如下: 1.2 主页布局分析 根据上面的主页布局图,可转换具体试图结构: header:存放系统的名称.logo.用户信息等内容. menu:菜单区域,以Tree形态展现业务入口. tab:业务区域,具体的业务都以tab页的形式嵌入到此区域. 1.3

从0开始,一起搭框架、做项目(1)搭建MVC环境 注册区域

简述 从今天开始,我们从0开始搭建一个框架,并且完成一个任务管理系统的项目.这并不是什么大项目,只是对于不熟悉MVC以及不熟悉面向接口开发和依赖注入的朋友们有所启发,因为是从0开始,所以有些地方比较啰嗦,希望大家理解! 希望新手朋友们抛弃“拿来主义”,动手跟着一步一步的做,当做完这个框架和项目,一定会让新手朋友们的水平有很大提升! 同时,希望大家多多推荐,让更多的朋友参与进来,这不是我一个人教大家开发,是我们边学边做一起开发,有疑问,有问题,有更好的建议或解决方案,希望大家踊跃提出来,每下一篇,

ioc初步理解(一) 简单实用aotufac搭建mvc三层+ioc(codeFirst)

1]首先搭好框架 1.1]搭建ui层 1.2]创建其他内库文件 整个项目基本部分搭建完毕之后如下 2]使用nuget引用文件 先在每一个项目中引入ef 然后再UI层引入以下两个文件autofac和Autofac.Mvc5 3]因为本demo实用codefirst,所以先去model层完善 3.1]创建几个model 创建一个  User.cs.里面放几个属性 id.name.pwd. 3.2]创建DBContext.cs这个文件的作用是自动生成数据库 内容如下 3.3]创建DbModelCont

maven搭建MVC项目具体步骤

一.目标 在这篇文章中,我将要向您展示如何使用spring Frameworks 和 Maven build创建您的第一个J2ee 应用程序. 二.信息 Maven是一个Java项目的构建工具(或者自动构建工具).它与Ant或Gradle很想.Maven可以自动下载您项目中依赖的组件. 三.要求 1.应用于Java EE 的Spring Tool Suite(STS) (http://spring.io/tools/sts/all). 请选择与您的操作系统对应的安装文件.我比较喜欢下载具有可移植

Spring搭建MVC WEB项目[转]

原文链接:http://blog.csdn.net/initphp/article/details/8208349 1.创建一个web项目 2.假设,我们已经安装完毕Spring所需要的依赖包,以及一些其它的扩展包,以及Jetty容器,ps:Jetty容器安装看上一节文章. 3.运行web项目,必须有web.xml配置文件,web.xml放置在WebContent/WEB-INF/目录下面. [html] view plaincopyprint? <?xml version="1.0&qu

ioc初步理解(二) 简单实用autofac搭建mvc三层+automapper=》ioc(codeFirst)

之前在园子闲逛的时候,发现许多关于automapper的文章,以及用aotufac+automapper合在一起用.当然发现大多数文章是将automapper的特点说出或将automapper几处关键代码放出.当然有过基础的人看这种文章没有什么问题,但是对于完全没有基础的小白来看完全是灾难级别的(我就是),经常按着博文一点一点的写,突然发现少了一部分导致代码无法运行.在搜索各种文章之后,终于用自己的理解写出了一个简单的运用automapper的demo,日后待我对automapper理解加深会进

Asp.Net Core 空白模板搭建Mvc架构

一 创建一个空白Mvc二 手动创建Controllers.Models.Views三 注册MVC服务 public void ConfigureServices(IServiceCollection ServiceCollection) { ServiceCollection.AddMvc(); } 四 注册MVC中间件,并配置路由规则 public void Configure(IApplicationBuilder app, IHostingEnvironment env) { if (en

个人博客主页搭建随笔

经常在各种论坛.博客还有 github 上活跃的朋友不难发现,许多大牛都有自己的网站,也多以博客为主.博主作为一个立志前端的大白,难道不应该和大牛学习么? 说干就干,前端部分和 web 开发博主做了很多学习和总结,不少也写成了博客.对于后端,博主不敢说完全没有经验,但接触的也都比较简单.于是乎,博主去年六月底开始看 Node 和 Express,利用空闲时间做了自己的博客,现阶段还有许多不足,需要后续不断改进.不过这不妨碍博主先总结一下自己的感受. UI设计 和 架构设计 博主深刻的感受到自己并

Spring Framework4——搭建MVC项目

>>版权声明:本文为原创文章,请不要拷贝转载. 1.第一部分 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 2.第二部分 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx