MVC3+Entity Framework 实现投票系统(三)
来源:互联网 发布:海南广电网络 编辑:程序博客网 时间:2024/05/17 08:02
接上一节,我们通过控制器来添加视图页面:
1.着先在view目录中的Shared(共享)目录中添加新建项,MVC视图母版页:
2.添加完成后如下:
3.打开控制器目录中的HomeController类,对着Index方法点右建,添加视图,并选择“强类型”,添写内容为List<MvcApplication16.Models.Users>,选择母板页为刚刚添加的ViewwMasterPage.Master页面。生成如下代码:
- <%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/ViewMasterPage.Master" Inherits="System.Web.Mvc.ViewPage<List<MvcApplication16.Models.Users>>" %>
- <asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
- Index
- </asp:Content>
- <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
- <script type="text/javascript">
- var i = 0;
- function MyVote(id) {
- $.get("Vote.ashx?i="+i, { id: id }, function (data) {
- if (data != "0") {
- $("#a" + id).html(data);
- alert("投票成功!");
- } else {
- alert("投票失败!");
- }
- i++;
- });
- }
- </script>
- <h2>Index</h2>
- <a href="/Admin/Index/">管理投票</a>
- <table bgcolor="#3333ff" cellpadding="1" cellspacing="1" width="95%" align="center" >
- <tr>
- <% foreach (var v in Model)
- { %>
- <td align="center" bgcolor="white">
- <img src="/Content/<%=v.UserPicPath %>" width="110" height="110" /><br />
- 姓名: <%=v.UserName %> 票数:<span id="a<%=v.id %>"><%=v.VoteCount %></span><br />
- <input type="button" id="tp" onclick="MyVote(<%=v.id %>)" value="投票" />
- </td>
- <%} %>
- </tr>
- </table>
- </asp:Content>
4.为AdminController控制器Index方法添加视图,并指定强类型MvcApplication16.Models.Users,生成代码如下:
- <%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/ViewMasterPage.Master" Inherits="System.Web.Mvc.ViewPage<MvcApplication16.Models.Users>" %>
- <asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
- Index
- </asp:Content>
- <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
- <h2>添加要参与投票的用户:</h2>
- <% List<MvcApplication16.Models.Users> list = (List<MvcApplication16.Models.Users>)View.List; //获取list集合,并转换为List<Users>类型
- %>
- <table bgcolor="#3333ff" cellpadding="1" cellspacing="1" width="95%" align="center" >
- <tr><th>用户名</th><th>票数</th><th>头像</th><th>操作</th></tr>
- <%foreach (var v in list)
- {%>
- <tr><td bgcolor="white"><%=v.UserName %></td><td bgcolor="white"><%=v.VoteCount %></td><td bgcolor="white"><%=v.UserPicPath %></td><td bgcolor="white"><a href="/Admin/Delete/?id=<%=v.id %>">删除</a> <a href="">修改</a></td></tr>
- <% } %>
- </table>
- <%using (Html.BeginForm("Create", "Admin", FormMethod.Post, new { enctype = "multipart/form-data" }))
- {%>
- <table bgcolor="#3333ff" cellpadding="1" cellspacing="1" width="95%" align="center" >
- <tr height="40"><td bgcolor="white">用户名:</td><td bgcolor="white"><%=Html.TextBoxFor(m => m.UserName)%></td></tr>
- <tr height="40"><td bgcolor="white">头像:</td><td bgcolor="white"><input type="file" name="up" /> </td></tr>
- <tr height="40"><td bgcolor="white">票数:</td><td bgcolor="white"><%=Html.TextBoxFor(m => m.VoteCount)%></td></tr>
- <tr height="40"><td bgcolor="white">操作:</td><td bgcolor="white"><input type="submit" value="添加用户" /></td></tr>
- </table>
- <%} %>
- </asp:Content>
6.为AdminController控制器中Edit(GET)方法添加视图,并指定强类型MvcApplication16.Models.Users,代码如下:
- <%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/ViewMasterPage.Master" Inherits="System.Web.Mvc.ViewPage<MvcApplication16.Models.Users>" %>
- <asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
- Edit
- </asp:Content>
- <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
- <h2>Edit</h2>
- <%using (Html.BeginForm("Edit", "Admin", FormMethod.Post, new { enctype = "multipart/form-data" }))
- {%>
- <table bgcolor="#3333ff" cellpadding="1" cellspacing="1" width="95%" align="center" >
- <tr height="40"><td bgcolor="white">用户名:</td><td bgcolor="white"><%=Html.TextBoxFor(m => m.UserName)%></td></tr>
- <tr height="40"><td bgcolor="white">头像:</td><td bgcolor="white"><input type="file" name="up" /> </td></tr>
- <tr height="40"><td bgcolor="white">票数:</td><td bgcolor="white"><%=Html.TextBoxFor(m => m.VoteCount)%></td></tr>
- <tr height="40"><td bgcolor="white">操作:</td><td bgcolor="white"><input type="submit" value="添加用户" /></td></tr>
- </table>
- <%} %>
- </asp:Content>
以上代码中,MvcApplication16,为项目的名称及命名空间,可以改为你的项目名或命名空间。
内容源码如下:(无数据库,请自建)
下载源码
- MVC3+Entity Framework 实现投票系统(三)
- MVC3+Entity Framework 实现投票系统(一)
- MVC3+Entity Framework 实现投票系统(二)
- MVC学习笔记之入门篇(三)mvc3集合使用实体框架Entity Framework
- 基于Zend framework的投票系统的实现
- Entity Framework:三种开发模式实现数据访问
- 我的WCF4 Rest Service及Entity Framework with POCO之旅(三)——用Entity Framework和POCO Template实现数据模型及存储
- MVC4,MVC3,VS2012+ entity framework Migration from Sqlserver to Mysql
- 投票系统原代码(JSP实现)
- 投票系统原代码(JSP实现)
- Entity Framework Code First (三)Data Annotations
- Zend framework 之投票系统流程图
- Entity Framework的表间关系实现篇(一)
- 微信投票管理系统(三)E-R图
- [hystar整理]Entity Framework 教程 续三
- JSP实现投票系统源码!
- Entity Framework技术系列之2:三种开发模式实现数据访问
- Entity Framework技术系列之2:三种开发模式实现数据访问
- 学习java必去之处
- OpenGL模版测试
- 算法入门--快速排序2(随机产生分割主元素)
- python消除print的换行符、引用模块和异常处理
- MVC3+Entity Framework 实现投票系统(二)
- MVC3+Entity Framework 实现投票系统(三)
- 内核时钟机制
- Android的桌面上的应用介绍
- MAKELONG, MAKELPARAM, MAKEWPARAM,MAKELRESULT
- Windows Phone 7之HelloWorld!
- 微软100题面试题总结
- WPF中绘画和动画
- UVA 152 - Tree's a Crowd
- Unix环境高级编程学习笔记 第9章 进程关系