用MVC4练习,后台用aspx,数据库DemoDb《MvcUserDemo》

时间:2023-03-10 00:26:51
用MVC4练习,后台用aspx,数据库DemoDb《MvcUserDemo》

将ado.net的cs文件SqlHelper.cs放入解决方案

 using System;
 using System.Collections.Generic;
 using System.Linq;
 using System.Text;
 using System.Configuration;
 using System.Data.SqlClient;
 using System.Data;

 namespace MvcUserDemo
 {
     public static class  SqlHelper
     {
         public static readonly string connstr =
             ConfigurationManager.ConnectionStrings["connstr"].ConnectionString;

         public static SqlConnection OpenConnection()
         {
             SqlConnection conn = new SqlConnection(connstr);
             conn.Open();
             return conn;
         }

         public static int ExecuteNonQuery(string cmdText,
             params SqlParameter[] parameters)
         {
             using (SqlConnection conn = new SqlConnection(connstr))
             {
                 conn.Open();
                 return ExecuteNonQuery(conn, cmdText, parameters);
             }
         }

         public static object ExecuteScalar(string cmdText,
             params SqlParameter[] parameters)
         {
             using (SqlConnection conn = new SqlConnection(connstr))
             {
                 conn.Open();
                 return ExecuteScalar(conn, cmdText, parameters);
             }
         }

         public static DataTable ExecuteDataTable(string cmdText,
             params SqlParameter[] parameters)
         {
             using (SqlConnection conn = new SqlConnection(connstr))
             {
                 conn.Open();
                 return ExecuteDataTable(conn, cmdText, parameters);
             }
         }

         public static int ExecuteNonQuery(SqlConnection conn,string cmdText,
            params SqlParameter[] parameters)
         {
             using (SqlCommand cmd = conn.CreateCommand())
             {
                 cmd.CommandText = cmdText;
                 cmd.Parameters.AddRange(parameters);
                 return cmd.ExecuteNonQuery();
             }
         }

         public static object ExecuteScalar(SqlConnection conn, string cmdText,
             params SqlParameter[] parameters)
         {
             using (SqlCommand cmd = conn.CreateCommand())
             {
                 cmd.CommandText = cmdText;
                 cmd.Parameters.AddRange(parameters);
                 return cmd.ExecuteScalar();
             }
         }

         public static DataTable ExecuteDataTable(SqlConnection conn, string cmdText,
             params SqlParameter[] parameters)
         {
             using (SqlCommand cmd = conn.CreateCommand())
             {
                 cmd.CommandText = cmdText;
                 cmd.Parameters.AddRange(parameters);
                 using (SqlDataAdapter adapter = new SqlDataAdapter(cmd))
                 {
                     DataTable dt = new DataTable();
                     adapter.Fill(dt);
                     return dt;
                 }
             }
         }

         public static object ToDBValue(this object value)
         {
             return value == null ? DBNull.Value : value;
         }

         public static object FromDBValue(this object dbValue)
         {
             return dbValue == DBNull.Value ? null : dbValue;
         }
     }
 }

SqlHelper

在web.config中配置连接数据库文件

 <connectionStrings>
     <add name="connstr" connectionString="server=.;uid=sa;pwd=321654;database=DemoDb"/>
   </connectionStrings>

add

创建一个控制器和页面,并获取数据库中的UserInfo表中的数据,把数据传递到前台页面进行展示

 using System;
 using System.Collections.Generic;
 using System.Data;
 using System.Linq;
 using System.Web;
 using System.Web.Mvc;

 namespace MvcUserDemo.Controllers
 {
     public class UserInfoController : Controller
     {
         //
         // GET: /UserInfo/

         public ActionResult Index()
         {
             //获取数据库中的UserInfo表中的数据
             DataTable dt=SqlHelper.ExecuteDataTable("select Id, UserName, Age from dbo.UserInfo");

             //把数据传递到前台页面进行展示
             ViewData["dt"] = dt;
             return View();
         }

     }
 }

UserInfoController.cs

前台页面展示数据库中的数据

 <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

 <%@ Import Namespace="System.Data" %>

 <!DOCTYPE html>

 <html>
 <head runat="server">
     <meta name="viewport" content="width=device-width" />
     <title>Index</title>
 </head>
 <body>
     <div>
         <%
             DataTable dt = (DataTable)ViewData["dt"]; 

         %>

         <table>
             <tr>
                 <th>编号</th>
                 <th>姓名</th>
                 <th>年龄</th>
             </tr>

             <%foreach (DataRow dataRow in dt.Rows)
               {%>

             <tr>
                 <td />
                 <%:dataRow["Id"] %><td />
                 <td />
                 <%:dataRow["UserName"]%><td />
                 <td><%:dataRow["Age"]%>
                 <td />
             </tr>

             <%}%>
         </table>
     </div>
 </body>
 </html>

Index.aspx

用户注册模块(拿到表单里面传递过来的数据,往数据库插入数据,返回首页)

 using System;
 using System.Collections.Generic;
 using System.Data;
 using System.Linq;
 using System.Web;
 using System.Web.Mvc;
 using System.Data;
 using System.Data.SqlClient;

 namespace MvcUserDemo.Controllers
 {
     public class UserInfoController : Controller
     {
         #region 用户列表

         //
         // GET: /UserInfo/

         public ActionResult Index()
         {
             //获取数据库中的UserInfo表中的数据
             DataTable dt = SqlHelper.ExecuteDataTable("select Id, UserName, Age from dbo.UserInfo");

             //把数据传递到前台页面进行展示
             ViewData["dt"] = dt;
             return View();
         }
         #endregion

         #region 用户注册页面
         public ActionResult Add()
         {
             return View();
         }

         #endregion
         //用户注册方法
         public ActionResult ProcessAdd(FormCollection collection)
         {
             // 拿到表单里面传递过来的数据
             string userName = Request["UserName"];
             int Age = Convert.ToInt32(Request["Age"]);
             //int Age = int.Parse(collection["Age"] ?? "0");
             //往数据库插入数据
             string insertSql = "insert UserInfo values(@UserName,@Age)";
             SqlHelper.ExecuteNonQuery(insertSql,
                 new SqlParameter("@UserName", userName),
                 new SqlParameter("@Age", Age));

             // return Content("OK");
             return RedirectToAction("Index");
         }

     }
 }

ProcessAdd

 <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

 <!DOCTYPE html>

 <html>
 <head runat="server">
     <meta name="viewport" content="width=device-width" />
     <title>用户注册</title>
 </head>
 <body>
     <div>
         <form method="post" action="/UserInfo/ProcessAdd">
             <table>
                 <tr>
                     <td>用户名:</td>
                     <td>
                         <input type="text" name="UserName"></td>
                 </tr>
                 <tr>
                     <td>年龄:</td>
                     <td>
                         <input type="text" name="Age"></td>
                 </tr>
                 <tr>
                     <td colspan=">
                         <input type="submit" value="用户注册"></td>
                 </tr>
             </table>
         </form>
     </div>
 </body>
 </html>

用户注册前台页面

 

强类型视图

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

 namespace MvcUserDemo.Models
 {
     public class UserInfo
     {
         public string UserName { get; set; }
         public int Id { get; set; }
         public int Age { get; set; }
     }
 }

创建一个类

(显示用户)显示models中的数据

 using System;
 using System.Collections.Generic;
 using System.Data;
 using System.Linq;
 using System.Web;
 using System.Web.Mvc;
 using System.Data;
 using System.Data.SqlClient;
 using MvcUserDemo.Models;

 namespace MvcUserDemo.Controllers
 {
     public class UserInfoController : Controller
     {
         #region 用户列表

         //
         // GET: /UserInfo/

         public ActionResult Index()
         {
             //获取数据库中的UserInfo表中的数据
             DataTable dt = SqlHelper.ExecuteDataTable("select Id, UserName, Age from dbo.UserInfo");

             //把数据传递到前台页面进行展示
             ViewData["dt"] = dt;
             return View();
         }
         #endregion

         #region 用户注册页面
         public ActionResult Add()
         {
             return View();
         }

         #endregion
         //用户注册方法
         public ActionResult ProcessAdd(FormCollection collection)
         {
             // 拿到表单里面传递过来的数据
             string userName = Request["UserName"];
             int Age = Convert.ToInt32(Request["Age"]);
             //int Age = int.Parse(collection["Age"] ?? "0");
             //往数据库插入数据
             string insertSql = "insert UserInfo values(@UserName,@Age)";
             SqlHelper.ExecuteNonQuery(insertSql,
                 new SqlParameter("@UserName", userName),
                 new SqlParameter("@Age", Age));

             // return Content("OK");
             return RedirectToAction("Index");
         }

         #region 显示用户
         public ActionResult Show()
         {
             UserInfo userInfo = new UserInfo();
             userInfo.Id = ;
             userInfo.UserName = "你懂的";
             userInfo.Age = ;
             ViewData.Model = userInfo;
             return View();
         }
         #endregion
     }
 }

后台代码

 <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<MvcUserDemo.Models.UserInfo>" %>

 <%@ Import Namespace="MvcUserDemo.Models" %>
 <!DOCTYPE html>

 <html>
 <head runat="server">
     <meta name="viewport" content="width=device-width" />
     <title>Show</title>
 </head>
 <body>
     <div>
         <table>
             <tr>
                 <td>ID:</td>
                 <td><%:Model.Id %></td>
                 <td>姓名:</td>
                 <td><%:Model.UserName %></td>
                 <td>年龄:</td>
                 <td><%:Model.Age %></td>
             </tr>
         </table>
     </div>
     <%:Html.ActionLink("回到首页","Index") %>
 </body>
 </html>

前台代码

用户的删除

修改Index页面,并引入jquery文件

前台代码
 <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

 <%@ Import Namespace="System.Data" %>

 <!DOCTYPE html>

 <html>
 <head runat="server">
     <meta name="viewport" content="width=device-width" />
     <title>Index</title>
     <script src="../../Scripts/jquery-1.8.2.min.js"></script>
     <script>
         $(function () {
             $("a:contains('删除')").click(function () {
                 return confirm("请问是否删除此数据?");

             });
         });

     </script>

 </head>
 <body>
     <div>
         <%
             DataTable dt = (DataTable)ViewData["dt"]; 

         %>

         <table>
             <tr>
                 <th>编号</th>
                 <th>姓名</th>
                 <th>年龄</th>
                 <th>删除</th>
             </tr>

             <%foreach (DataRow dataRow in dt.Rows)
               {%>

             <tr>
                 <td />
                 <%:dataRow["Id"] %><td />
                 <td />
                 <%:dataRow["UserName"]%><td />
                 <td><%:dataRow["Age"]%>
                 <td />
                 <td><%:Html.ActionLink("删除", "Delete", "UserInfo", new { Id = dataRow["Id"] }, new { })%>
                 <td />
             </tr>

             <%}%>
         </table>
     </div>
 </body>
 </html>

在UserInfo中添加一个新的方法

  #region 删除
         public ActionResult Delete(int Id)
         {
             //根据Id删除用户的数据
             string sql = "delete from UserInfo where Id=@Id";
             SqlHelper.ExecuteNonQuery(sql, new SqlParameter("@Id", Id));

             //页面跳转到删除后的首页

             return RedirectToAction("Index");
         }
         #endregion

后台代码

用户的修改

   #region 修改用户

         [HttpGet]
         public ActionResult Edit(int Id)
         {
             string sql = "select UserName,Id,Age from UserInfo where Id=@Id";
             DataTable dt = SqlHelper.ExecuteDataTable(sql, new SqlParameter("@Id", Id));

             //把dt转成UserInfo对象
             UserInfo userInfo = new UserInfo();
             userInfo.Id = Convert.ToInt32(dt.Rows[]["Id"]);
             userInfo.Age = Convert.ToInt32(dt.Rows[]["Age"]);
             userInfo.UserName = dt.Rows[]["UserName"].ToString();
             ViewData.Model = userInfo;
             return View();
         }

         //只是显示用户修改的页面
         [HttpPost]
         public ActionResult Edit(int Id, int Age, string UserName, UserInfo userInfo)
         {
             string updateSql = "update UserInfo set UserName=@UserName,Age=@Age where Id=@Id";
             SqlParameter idParameter = new SqlParameter("@Id", userInfo.Id);
             SqlParameter ageParameter = new SqlParameter("@Age", userInfo.Age);
             SqlParameter nameParameter = new SqlParameter("@UserName", userInfo.UserName);
             SqlHelper.ExecuteNonQuery(updateSql, idParameter, ageParameter, nameParameter);
             return RedirectToAction("Index");
         }
         #endregion

后台代码

 <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<MvcUserDemo.Models.UserInfo>" %>

 <!DOCTYPE html>

 <html>
 <head runat="server">
     <meta name="viewport" content="width=device-width" />
     <title>Edit</title>
     <script src="../../Scripts/jquery-1.8.2.min.js"></script>
     <script>
         $(function () {
             $("#xiugai").click(function () {

                 return confirm("请问是否修改此数据?");
             });

         });

         </script>
 </head>
 <body>

     <%using (Html.BeginForm())
       {%>
     <table>
         <tr>
             <td>用户编号:</td>
             <td><%:Model.Id %>
                 <%:Html.HiddenFor(u=>u.Id)%>
             </td>
         </tr>
         <tr>
             <td>用户名:</td>
             <td><%:Html.TextBoxFor(u=>u.UserName) %></td>
             <tr>
         <tr>
             <td>年龄:</td>
             <td><%:Html.TextBoxFor(u=>u.Age)%></td>
         </tr>
         <tr>
             <td colspan=">
                 <input type="submit" value="修改" id="xiugai" /></td>
         </tr>

     </table>
     <%} %>
 </body>
 </html>

前台代码