小试牛刀MVC简单网页
上次我们创建了第一个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简单网页的更多相关文章
- MVC简单分页
对Car汽车表分页 实现简单分页,放在这里方便查看回顾,自定义每页几条有点问题,有待完善······ 1.新建mvc项目 2.添加linq to sql 数据库连接 3.添加CarBF类 using ...
- Spring mvc系列一之 Spring mvc简单配置
Spring mvc系列一之 Spring mvc简单配置-引用 Spring MVC做为SpringFrameWork的后续产品,Spring 框架提供了构建 Web 应用程序的全功能 MVC 模块 ...
- Asp.Net MVC学习总结(一)——Asp.Net MVC简单入门
一.MVC简单入门 1.1.MVC概念 视图(View) 代表用户交互界面,对于Web应用来说,可以概括为HTML界面,但有可能为XHTML.XML和Applet. 模型(Model) 表示用户对其数 ...
- ASP.NET MVC 简单介绍①
ASP.NET MVC 简单介绍① 只做了重要描述,内容出自菜鸟教程网站内容. 目录 1布局 2HTML 帮助器 3.Razor 语法 4.添加样式 5.Layout 6. Controllers ...
- 12月4日学习爬虫007.使用Urllib模块进行简单网页爬取
笔记如下: 1.https是http加强版协议(安全协议)http(普通网络通信协议) 爬数据 如果爬https发现和理想中的数据不同,可以改为http 直接去掉s即可 2.使用Urllib爬取简单网 ...
- ASP.NET MVC 简单事务添加
ASP.NET MVC 简单事务 //实例化查询上下文 using ( BookStoreEntities db = new BookStoreEntities()) { //找到需要价格和名称的数据 ...
- ASP.NET MVC 简单分页代码
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...
- MVC学习一:MVC简单流程
MVC学习一:MVC初次接触 1.MVC简单流程 1.1.服务器接收客户端请求后,解析URL(根据 路由表里配置的URL来分析 类名(控制器名)和方法名)根据请求的类名,创建对应的控制器类对象,并调用 ...
- Python爬虫之路——简单网页抓图升级版(添加多线程支持)
转载自我的博客:http://www.mylonly.com/archives/1418.html 经过两个晚上的奋斗.将上一篇文章介绍的爬虫略微改进了下(Python爬虫之路--简单网页抓图),主要 ...
随机推荐
- php中intval()函数
格式:int intval(mixed $var [, int $base]); 1.intval()的返回值是整型,1或者0.可作用于数组或者对象(对象报错信息:Notice: Object of ...
- 自己一晚上总结的php基础知识!好累。好充实。
为了巩固自己的基础提升自己的技术.花了一晚上的时间结合w3c上的非常基础的东西,和自己的部分见解,写了不少,望大神们指正,指导.. <?php /* 这段话必须要写在开篇啊!死老猫,你又刺激我! ...
- sendBroadcast 无法接收
项目中遇到已经sendbroadcast,但是在对应的BroadcastReceiver中却无法调用onReceiver 真是个纠结的问题.找了许久. 终于发现Intent中传递了一个参数(自定义类继 ...
- 多分类问题multicalss classification
多分类问题:有N个类别C1,C2,...,Cn,多分类学习的基本思路是"拆解法",即将多分类任务拆分为若干个而分类任务求解,最经典的拆分策略是:"一对一",&q ...
- STM32F0xx_TIM输入捕获(计算频率)配置详细过程
前言 关于STM32的定时器,可谓是功能强大,估计没有多少人研究完STM32定时器的所有功能(包括我也没有),只是使用常用的一些功能,后续我会推出关于STM32定时器的更多功能. STM32芯片多数为 ...
- 多线程异步加载图片async_pictures
异步加载图片 目标:在表格中异步加载网络图片 目的: 模拟 SDWebImage 基本功能实现 理解 SDWebImage 的底层实现机制 SDWebImage 是非常著名的网络图片处理框架,目前国内 ...
- java读取各类型的文件
java读取各类型的文件 用到的几个包 bcmail-jdk14-132.jar/bcprov-jdk14-132.jar/checkstyle-all-4.2.jar/FontBox-0.1.0-d ...
- hdu 5253 连接的管道
题目连接 http://acm.hdu.edu.cn/showproblem.php?pid=5253 连接的管道 Description 老 Jack 有一片农田,以往几年都是靠天吃饭的.但是今年老 ...
- minihttp http://www.acme.com/software/mini_httpd/
1.安装mini_httpd 1.1把下载的mini_httpd-1.19.tar.gz拷贝到根目录 1.2 解压tar -xvfzmini_httpd-1.19.tar.gz ,会在根目录产生一 ...
- php判断来源网址地址并且限制非法来源
$fromHost = array( 'paipai.com', 'localhost', '127.0.0.1' ); $s = 'http://www.paipai.Com/chong/abc.s ...