MVC之查询demo
2015-08-13 21:31
381 查看
上篇已经说过如何建立MVC项目,这次主要讲述例子的实现。其主要的功能就是从数据库中查询一些基本信息。
前边我们已经将实体引入到了项目中,这时Model文件夹中已经出现了我们建立的newsSystem.edmx文件,其中会包含着我们的实体类中所有的信息,以及关系图:
![](https://img-blog.csdn.net/20150813212510198?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
首先需要在controller文件夹中建立一个控制器,右键--添加--控制器,这时要注意,控制器的命名必须以Controller结尾
![](https://img-blog.csdn.net/20150813212532751?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
建好控制器之后需要添加视图,视图也就是显示数据和输入数据的界面(相当于三层中的U层),直接在控制器中的ActionResult中,右键--添加视图:
![](https://img-blog.csdn.net/20150813212554619?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
功能实现的基本模块都已经建立好,下面就开始代码的书写了:
控制器中的代码如下:
using System;
usingSystem.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
usingMVCNewSystem.Models;
namespaceMVCNewSystem.Controllers
{
public class HomeController : Controller
{
//
// GET: /Home/
//实例化实体model
newsSystemEntities db = newnewsSystemEntities();
public ActionResult Index()
{
//使用Linq语句,查询新闻
List<news> list = (from d indb.news select d).ToList();
//将集合传给视图
ViewData["DataList"]=list;
//加载视图
return View();
}
}
}
视图中的代码如下:
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport"content="width=device-width" />
<title>Index</title>
<style type="text/css">
#newsList{
border:1px solid #0094ff;
width:1000px;
margin:10px auto;
border-collapse:collapse;
}
#newsList th.a, td.a {
width: 100px;
padding: 10px;
border: 1px solid #0094ff;
}
#newsList th.b, td.b {
width: 150px;
padding: 10px;
border: 1px solid #0094ff;
}
#newsList th.c, td.c {
width: 400px;
padding: 10px;
border: 1px solid #0094ff;
}
</style>
</head>
<body>
<table id="newsList">
<tr>
<thclass="a">id</th>
<th class="a">标题</th>
<th class="c">内容</th>
<th class="b">创建时间</th>
<th class="a">类别ID</th>
<th class="a">操作</th>
</tr>
@foreach (MVCNewSystem.Models.news n inViewData["DataList"] as List<MVCNewSystem.Models.news>)
{
<tr>
<tdclass="a">@n.id</td>
<tdclass="a">@n.title</td>
<tdclass="c">@n.content</td>
<tdclass="b">@n.createTime</td>
<tdclass="a">@n.caID</td>
<td class="b">
<a href="">删除</a>
<a href="">修改</a>
</td>
</tr>
}
</table>
</body>
</html>
其效果如下:
这样我们的一个小小的MVC例子就做完了,虽然这只是一个简单的demo,但是对我初次理解MVC确有很大的帮助,知道了这个实现的过程,为自己深入的学习MVC奠定了一个很好的基础。
前边我们已经将实体引入到了项目中,这时Model文件夹中已经出现了我们建立的newsSystem.edmx文件,其中会包含着我们的实体类中所有的信息,以及关系图:
首先需要在controller文件夹中建立一个控制器,右键--添加--控制器,这时要注意,控制器的命名必须以Controller结尾
建好控制器之后需要添加视图,视图也就是显示数据和输入数据的界面(相当于三层中的U层),直接在控制器中的ActionResult中,右键--添加视图:
功能实现的基本模块都已经建立好,下面就开始代码的书写了:
控制器中的代码如下:
using System;
usingSystem.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
usingMVCNewSystem.Models;
namespaceMVCNewSystem.Controllers
{
public class HomeController : Controller
{
//
// GET: /Home/
//实例化实体model
newsSystemEntities db = newnewsSystemEntities();
public ActionResult Index()
{
//使用Linq语句,查询新闻
List<news> list = (from d indb.news select d).ToList();
//将集合传给视图
ViewData["DataList"]=list;
//加载视图
return View();
}
}
}
视图中的代码如下:
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport"content="width=device-width" />
<title>Index</title>
<style type="text/css">
#newsList{
border:1px solid #0094ff;
width:1000px;
margin:10px auto;
border-collapse:collapse;
}
#newsList th.a, td.a {
width: 100px;
padding: 10px;
border: 1px solid #0094ff;
}
#newsList th.b, td.b {
width: 150px;
padding: 10px;
border: 1px solid #0094ff;
}
#newsList th.c, td.c {
width: 400px;
padding: 10px;
border: 1px solid #0094ff;
}
</style>
</head>
<body>
<table id="newsList">
<tr>
<thclass="a">id</th>
<th class="a">标题</th>
<th class="c">内容</th>
<th class="b">创建时间</th>
<th class="a">类别ID</th>
<th class="a">操作</th>
</tr>
@foreach (MVCNewSystem.Models.news n inViewData["DataList"] as List<MVCNewSystem.Models.news>)
{
<tr>
<tdclass="a">@n.id</td>
<tdclass="a">@n.title</td>
<tdclass="c">@n.content</td>
<tdclass="b">@n.createTime</td>
<tdclass="a">@n.caID</td>
<td class="b">
<a href="">删除</a>
<a href="">修改</a>
</td>
</tr>
}
</table>
</body>
</html>
其效果如下:
这样我们的一个小小的MVC例子就做完了,虽然这只是一个简单的demo,但是对我初次理解MVC确有很大的帮助,知道了这个实现的过程,为自己深入的学习MVC奠定了一个很好的基础。
相关文章推荐
- 分享微信开发Html5轻游戏中的几个坑
- 插件管理框架 for Delphi(一)
- 使用CSS框架布局的缺点和优点小结
- Zend的MVC机制使用分析(二)
- 列举PHP的Yii 2框架的开发优势
- ASP.NET MVC 4 捆绑和缩小实例介绍
- ASP.NET MVC中将控制器分离到类库的实现
- asp.net实现在非MVC中使用Razor模板引擎的方法
- ASP.NET MVC中的AJAX应用
- Windows窗体的.Net框架绘图技术实现方法
- 浅谈JavaScript 框架分类
- 轻量级javascript 框架Backbone使用指南
- javascript实现框架高度随内容改变的方法
- JS刷新框架外页面七种实现代码
- 超赞的动手创建JavaScript框架的详细教程
- javascript demo 基本技巧
- 如何在MVC应用程序中使用Jquery
- ASP.NET MVC小结之基础篇(二)
- ASP.NET小结之MVC, MVP, MVVM比较以及区别(一)
- Asp.net实现MVC处理文件的上传下载功能实例教程