上次我们创建了第一个MVC的网站，没用下，这次就简单来运行下，首先大家要去理解下MVC模式到底什么关系。在这里我就不多说，直接创建一个网页，用来显示一些数据，数据库的话我就先简单用这样创建先，为了方便嘛。。。好，看图

这里我先选择数据里ADO.NET实体数据类型

选择从数据库中来导入到我新建的ADO.NET的实体类中，刚好我的数据库有一个tb_user的表，里面就是保存一些学生信息，包括学号之类的东西，我只是随便弄一个表格来展示一下这个数据而已，所以你们弄个什么表格都可以。

Ok,这样我就生成了一个ADO.NET的Model，关于学生的，接下来就来把学生的信息在表格里面展示出来，完成我们的第一个MVC网页。

来新建一个叫Stu的控制器，控制器统一要在名称后加上Controller后缀，这个不是必需的，但大家应该都要遵守，否则合作起来就比较难。

StuController.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Mvc;

namespace MVC.Controllers

{

    public class StuController : Controller

{

    //在全局这里定义我的数据访问类，方便后面对数据直接操作

        Models.collectsystemEntities db = new Models.collectsystemEntities();

        public ActionResult Index()

        {

            //这里使用了下LINQ语句，从ADO.NET中查询数据并放到List里面

            List<MVC.Models.tb_user> list = (from s in db.tb_user select s).ToList();

            //通过return View();括号里面填内容来传参，模式传到视图中的Model属性中

            //可以在视图通过Model来访问到，后面我会教下大家从控制器传参到视图的几种方法

            return View(list);

        }

    }

}

先生成一个空的视图，当然，visual studio会默认帮你生成和控制器里面的action方法名一致的视图。一个简单的table，代码如下：

Index.cshtml

@{

    Layout = null;

}

@using MVC.Models;

<!DOCTYPE html>

<html>

<head>

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

    <title>Index</title>

</head>

<body>

    <div>

        <table >

            <tr>

                <th>ID</th>

                <th>学号</th>

                <th>姓名</th>

            </tr>

            @foreach(tb_user user in Model as List<tb_user>)

            {

                <tr>

                    <td>@user.Id</td>

                    <td>@user.Number</td>

                    <td>@user.Name</td>

                </tr>

            }

        </table>

    </div>

</body>

</html>

运行后的效果如下图：

很明显，可以访问到里面的数据，不过明显很丑啦，哎。。。。，先用着bootstrap的css文件随便弄的漂亮点先，后面给大家讲解视图模板的时候心情才会好一点。先建立一个CSS文件，把css文件复制进去，然后给我们的table添加class属性。

添加css到文件中，其实这个应该在后面讲到的视图模板中来全局添加比较好，一个个添加的话如果到了要修改的时候就会很麻烦，代码冗余。截图如下：

这下就漂亮多了，哈哈，勉强先接受吧。。。。。

小试牛刀MVC简单网页的更多相关文章

  1. MVC简单分页

    对Car汽车表分页 实现简单分页,放在这里方便查看回顾,自定义每页几条有点问题,有待完善······ 1.新建mvc项目 2.添加linq to sql 数据库连接 3.添加CarBF类 using ...

  2. Spring mvc系列一之 Spring mvc简单配置

    Spring mvc系列一之 Spring mvc简单配置-引用 Spring MVC做为SpringFrameWork的后续产品,Spring 框架提供了构建 Web 应用程序的全功能 MVC 模块 ...

  3. Asp.Net MVC学习总结（一）——Asp.Net MVC简单入门

    一.MVC简单入门 1.1.MVC概念 视图(View) 代表用户交互界面,对于Web应用来说,可以概括为HTML界面,但有可能为XHTML.XML和Applet. 模型(Model) 表示用户对其数 ...

  4. ASP.NET MVC 简单介绍①

    ASP.NET  MVC 简单介绍① 只做了重要描述,内容出自菜鸟教程网站内容. 目录 1布局 2HTML 帮助器 3.Razor 语法 4.添加样式 5.Layout 6. Controllers ...

  5. 12月4日学习爬虫007.使用Urllib模块进行简单网页爬取

    笔记如下: 1.https是http加强版协议(安全协议)http(普通网络通信协议) 爬数据 如果爬https发现和理想中的数据不同,可以改为http 直接去掉s即可 2.使用Urllib爬取简单网 ...

  6. ASP.NET MVC 简单事务添加

    ASP.NET MVC 简单事务 //实例化查询上下文 using ( BookStoreEntities db = new BookStoreEntities()) { //找到需要价格和名称的数据 ...

  7. ASP.NET MVC 简单分页代码

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

  8. MVC学习一：MVC简单流程

    MVC学习一:MVC初次接触 1.MVC简单流程 1.1.服务器接收客户端请求后,解析URL(根据 路由表里配置的URL来分析 类名(控制器名)和方法名)根据请求的类名,创建对应的控制器类对象,并调用 ...

  9. Python爬虫之路——简单网页抓图升级版（添加多线程支持）

    转载自我的博客:http://www.mylonly.com/archives/1418.html 经过两个晚上的奋斗.将上一篇文章介绍的爬虫略微改进了下(Python爬虫之路--简单网页抓图),主要 ...

随机推荐

  1. Apache中RewriteCond规则参数介绍

    Apache中 RewriteCond语句对于我来说一直是个难点,多次试图去把它搞明白,都没有结构,这次我终于算大概知道它的意思了.RewriteCond就像我们程序中的if语句一样,表示如果符合某个 ...

  2. linux中文显示乱码的解决办法

    linux中文显示乱码的解决办法 linux中文显示乱码是一件让人很头疼的事情. linux中文显示乱码的解决办法:[root@kk]#vi /etc/sysconfig/i18n将文件中的内容修改为 ...

  3. 正整数转换成N进制的数组

    给定一个正整数,按照N进制转换成数组元素存储 //给定一个整数,把它转换成按照N进制存储的数组 #include <stdio.h> #include <stdlib.h> # ...

  4. 007-python基础-pyc是什么

    3.1 解释型语言和编译型语言 计算机是不能够识别高级语言的,所以当我们运行一个高级语言程序的时候,就需要一个"翻译机"来从事把高级语言转变成计算机能读懂的机器语言的过程.这个过程 ...

  5. python Django 学习笔记（一）—— Django安装

    注:本人python版本2.7.5 ,win7系统 安装Django https://www.djangoproject.com/download/ 官方下载Django-1.5.5.tar.gz 1 ...

  6. struts2 s:if标签以及 #,%{},%{#}的使用方法等在资料整理

    <s:if>判断字符串的问题: 1.判断单个字符:<s:if test="#session.user.username=='c'"> 这样是从session ...

  7. NOJ1103-全排列

    全排列 时间限制(普通/Java) : 1000 MS/ 3000 MS          运行内存限制 : 65536 KByte总提交 : 1148            测试通过 : 302  ...

  8. knockoutjs表格增加更新删除

    <!DOCTYPE html> <html> <head> <meta name="viewport" content="wid ...

  9. Your First ASP.NET 5 Application on a Mac

    Your First ASP.NET 5 Application on a Mac By Daniel Roth, Steve Smith, Rick Anderson ASP.NET 5 is cr ...

  10. C#语法功能结构

    1.File打开指定文件夹或者文件,"\"为转义字符System.Diagnostics.Process.Start(Application.StartupPath + " ...