c#-MVC基础操作-数据的展示及增删改、登录页面及状态保持
一、数据展示
1、View代码：
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %> <%@ Import Namespace="MvcApplication1.Models" %> <!DOCTYPE html> <html>
<head runat="server">
<meta name="viewport" content="width=device-width" />
<title>Main</title>
</head>
<body> <table style="width: 100%; text-align: center;" cellspacing="" cellpadding="" border="">
<tr style="background-color:navy;color:white;">
<td>序号</td>
<td>用户名</td>
<td>密码</td>
<td>昵称</td>
<td>性别</td>
<td>生日</td>
<td>民族</td>
<td>班级</td>
</tr> <%
List<Users> ulist = new UsersData().Select();
foreach (Users u in ulist)
{
%>
<tr>
<td><%=u.ids %></td>
<td><%=u.username %></td>
<td><%=u.password %></td>
<td><%=u.nickname %></td>
<td><%=u.sex %></td>
<td><%=u.birthday %></td>
<td><%=u.nation %></td>
<td><%=u.@class %></td>
</tr>
<%} %>
</table> </body>
</html>
View视图展示页面
2、页面展示
3、属性扩展 性别、生日、民族、班级
代码：
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %> <%@ Import Namespace="MvcApplication1.Models" %> <!DOCTYPE html> <html>
<head runat="server">
<meta name="viewport" content="width=device-width" />
<title>Main</title>
</head>
<body> <table style="width: 100%; text-align: center;" cellspacing="" cellpadding="" border="">
<tr style="background-color:navy;color:white;">
<td>序号</td>
<td>用户名</td>
<td>密码</td>
<td>昵称</td>
<td>性别</td>
<td>生日</td>
<td>民族</td>
<td>班级</td>
</tr> <%
List<Users> ulist = new UsersData().Select();
foreach (Users u in ulist)
{
%>
<tr>
<td><%=u.ids %></td>
<td><%=u.username %></td>
<td><%=u.password %></td>
<td><%=u.nickname %></td>
<td><%=Convert.ToBoolean(u.sex)?"男":"女" %></td>
<td><%=Convert.ToDateTime(u.birthday).ToString("yyyy年MM月dd日") %></td>
<td><%=u.Nation1.nationname %></td>
<td><%=u.Class1.classname %></td>
</tr>
<%} %>
</table> </body>
</html>
View视图展示页面
页面展示：
二、添加数据
1、设置<添加>按钮
代码：
<a href="/Home/Insert">添加</a>
2、Home控制器下Insert动作代码：
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %> <!DOCTYPE html> <html>
<head runat="server">
<meta name="viewport" content="width=device-width" />
<title>Insert</title>
</head>
<body>
<h1>添加新用户</h1>
<span>用户名：</span><input type="text" /><br />
<span>密码：</span><input type="text" /><br />
<span>确认密码：</span><input type="text" /><br />
<span>昵称：</span><input type="text" /><br />
<span>性别：</span><input type="text" /><br />
<span>生日：</span><input type="text" /><br />
<span>民族：</span><input type="text" /><br />
<span>班级：</span><input type="text" /><br />
<input type="submit" value="添加" />
</body>
</html>
Home控制器下Insert动作的代码
页面展示：
3、<添加>按钮代码 提交按钮所在的form表单
action：提交到的服务端
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %> <!DOCTYPE html> <html>
<head runat="server">
<meta name="viewport" content="width=device-width" />
<title>Insert</title>
</head>
<body>
<form action="/Hoome/Insert1" method="post">
<h1>添加新用户</h1>
<span>用户名：</span><input type="text" name="username" /><br />
<span>密码：</span><input type="text" name="password" /><br />
<span>确认密码：</span><input type="text" name="password1" /><br />
<span>昵称：</span><input type="text" name="nickname" /><br />
<span>性别：</span><input type="text" name="sex" /><br />
<span>生日：</span><input type="text" name="birthday" /><br />
<span>民族：</span><input type="text" name="nation" /><br />
<span>班级：</span><input type="text" name="class" /><br />
<input type="submit" value="添加" />
</form>
</body>
</html>
form表单提交数据
控制器下动作代码：
//向数据库添加数据并跳转页面
public ActionResult Insert1(string username, string password, string nickname, string sex, string birthday, string nation, string @class)
{
Users u = new Users();
u.username = username;
u.password = password;
u.nickname = nickname;
u.sex = Convert.ToBoolean(sex);
u.birthday = Convert.ToDateTime(birthday);
u.nation = nation;
u.@class = @class; using (Data0928DataContext con = new Data0928DataContext())
{
con.Users.InsertOnSubmit(u);
con.SubmitChanges();
} return RedirectToAction("Main", "Home");
}
接收form提交的数据，向数据库添加数据，并重新定向
三、删除数据（地址栏传值）
1、添加“删除”操作列
<tr>
<td><%=u.ids %></td>
<td><%=u.username %></td>
<td><%=u.password %></td>
<td><%=u.nickname %></td>
<td><%=Convert.ToBoolean(u.sex)?"男":"女" %></td>
<td><%=Convert.ToDateTime(u.birthday).ToString("yyyy年MM月dd日") %></td>
<td><%=u.Nation1.nationname %></td>
<td><%=u.Class1.classname %></td>
<td><a href="/Home/Delete?Duname=<%=u.username %>">删除</a></td>
</tr>
添加“删除”操作列
2、控制器动作代码
//删除数据并重新定向
public ActionResult Delete()
{
string UName = Request["Duname"]; using (Data0928DataContext con = new Data0928DataContext())
{
Users u = con.Users.Where(r => r.username == UName).FirstOrDefault();
if (u != null)
{
con.Users.DeleteOnSubmit(u);
con.SubmitChanges();
}
} return RedirectToAction("Main", "Home");
}
删除数据并重新定向
3、弹出提示框
<td><a href="/Home/Delete?Duname=<%=u.username %>" onclick="return confirm('确定要删除吗？')">删除</a></td>
四、修改数据（路由传值+ViewBag传值）
1、路由传值 - 从view界面传一个值到控制器下的动作中，值为string类型
<a href="/Home/Update/<%=u.username %>">修改</a>
2、ViewBag传值 - 从动作将数据传递到View层中进行绑定，值为任意类型
//查询到数据，用ViewBag带到界面进行绑定
public ActionResult Update(string id)
{
Users u=null;
using (Data0928DataContext con = new Data0928DataContext())
{
u = con.Users.Where(r => r.username == id).FirstOrDefault();
}
ViewBag.UUser = u;
return View();
}
ViewBag传值
3、View层绑定数据 记得引用命名空间
<body>
<%
Users u = ViewBag.UUser as Users;
%> <form action="/Home/Update1" method="post">
<h1>添加新用户</h1>
<span>用户名：</span><input type="text" name="username" readonly="readonly" value="<%=u.username %>" /><br />
<span>密码：</span><input type="text" name="password" value="<%=u.password %>" /><br />
<span>昵称：</span><input type="text" name="nickname" value="<%=u.nickname %>" /><br />
<span>性别：</span><input type="text" name="sex" value="<%=u.sex %>" /><br />
<span>生日：</span><input type="text" name="birthday" value="<%=u.birthday %>" /><br />
<span>民族：</span><input type="text" name="nation" value="<%=u.nation %>" /><br />
<span>班级：</span><input type="text" name="class" value="<%=u.@class %>" /><br />
<input type="submit" value="确认修改" />
</form>
</body>
view层ViewBag绑定数据
4、<确认修改>按钮代码
//form表单提交数据，自动组对象，需要name属性值与字段名完全一致
public ActionResult Update1(Users u)
{
Users uu = u;
using (Data0928DataContext con = new Data0928DataContext())
{
Users uuu = con.Users.Where(r=>r.username==u.username).FirstOrDefault();
uuu.password = uu.password;
uuu.nickname = uu.nickname;
uuu.sex = uu.sex;
uuu.birthday = uu.birthday;
uuu.nation = uu.nation;
uuu.@class = uu.@class; con.SubmitChanges();
} return RedirectToAction("Main","Home");
}
form提交数据，自动组对象后重新定向
五、登录页面及状态保持
1、新建控制器 UserLoginController ，并添加登录页面视图，系统是在Views文件夹中自动生成一个新文件夹
2、登录界面代码
<body>
<form action="/UserLogin/Login1" method="post">
<h2>用户登录</h2>
用户名：<input type="text" name="UserName" /><br />
密 码：<input type="password" name="Pwd" /><br />
<input type="submit" value="登录" />
</form>
</body>
登录界面view代码
登录按钮执行控制器下动作
//登录
public ActionResult Login1(string UserName, string Pwd)
{
Users u = null;
using (Data0928DataContext con = new Data0928DataContext())
{
u = con.Users.Where(r => r.username == UserName && r.password == Pwd).FirstOrDefault();
}
if (u == null)
{
return RedirectToAction("Login", "UserLogin");
} return RedirectToAction("Main", "Home");
}
<登录>按钮
3、状态保持 - cookies
Response.Cookies["UserName"].Value = UserName;
return RedirectToAction("Main", "Home");
在主页面进行判断是否Cookies为空，若为空跳回登录页面，若不为空则展示主页面内容
public ActionResult Main()
{
if (Request["UserName"] == null)
{
return RedirectToAction("Login","UserLogin");
} return View();
}
判断登录是否为空
4、退出登录
//<退出>按钮
public ActionResult Exit()
{
Response.Cookies["UserName"].Expires = DateTime.Now.AddDays(-);
return RedirectToAction("Login","UserLogin");
}
<退出>登录
5、登录失败提示
控制器下登录动作添加一个session赋值
//登录
public ActionResult Login1(string UserName, string Pwd)
{
Users u = null;
using (Data0928DataContext con = new Data0928DataContext())
{
u = con.Users.Where(r => r.username == UserName && r.password == Pwd).FirstOrDefault();
}
if (u == null)
{
Session["LoginIsOk"] = "";
return RedirectToAction("Login", "UserLogin");
} Response.Cookies["UserName"].Value = UserName;
return RedirectToAction("Main", "Home");
}
若Session为0则账户名或密码错误，若为Null则不提示
view页面进行判断
<%
if (Session["LoginIsOk"] != null)
{
%>
<span style="color: red;">用户名或密码错误！</span>
<%
Session["LoginIsOk"] = null;
}
%>
判断一次结束就赋空值
c#-MVC基础操作-数据的展示及增删改、登录页面及状态保持的更多相关文章
- MYSQL基础操作之单表的增删改查
一.添加数据. -- 1.创建表,并插入一定的数据. CREATE TABLE STUDENT( ID INT, USERNAME ), SERVLET INT, JSP INT, ADDRESS ) ...
- MVC基础操作
C#-MVC基础操作-数据的展示及增删改.登录页面及状态保持一.数据展示1.View代码: <%@Page Language="C#" Inherits="Syst ...
- 【转载】salesforce 零基础开发入门学习（六）简单的数据增删改查页面的构建
salesforce 零基础开发入门学习(六)简单的数据增删改查页面的构建 VisualForce封装了很多的标签用来进行页面设计,本篇主要讲述简单的页面增删改查.使用的内容和设计到前台页面使用的 ...
- 第三百零七节，Django框架,models.py模块，数据库操作——表类容的增删改查
Django框架,models.py模块,数据库操作——表类容的增删改查 增加数据 create()方法,增加数据 save()方法,写入数据 第一种方式 表类名称(字段=值) 需要save()方法, ...
- 五 Django框架,models.py模块，数据库操作——表类容的增删改查
Django框架,models.py模块,数据库操作——表类容的增删改查 增加数据 create()方法,增加数据 save()方法,写入数据 第一种方式 表类名称(字段=值) 需要save()方法, ...
- JQuery Easyui/TopJUI 用JS创建数据表格并实现增删改查功能
JQuery Easyui/TopJUI 用JS创建数据表格并实现增删改查功能 html <table id="productDg"></table> &l ...
- mvc模式jsp+servel+dbutils oracle基本增删改查demo
mvc模式jsp+servel+dbutils oracle基本增删改查demo 下载地址
- mvc模式jsp+servel+jdbc oracle基本增删改查demo
mvc模式jsp+servel+jdbc oracle基本增删改查demo 下载地址
- 搭建ssm框架，可实现登录和数据展示以及增删改查
需求: 后台使用ssm(spring-springMVC-mybatis)进行整合 前台使用bootstrap框架 前后台交互使用Ajax进行发送 表结构: 登录页面后显示所有用户信息,可对每条进行增 ...
随机推荐
- Golang基本结构之练习(day2)
笔记: . 任何一个代码文件隶属于一个包 . import 关键字,引用其他包: import(“fmt”) import(“os”) 通常习惯写成: import ( “fmt” “os” ) . ...
- intval()
1.将字符串转换成整数 2.取数字的整数部分
- PhpStorm 合理标注目录让索引和扫描更加地高效
在项目开发过程中,以下几种情况让 PhpStorm 加重了索引扫描的负担: 1.npm install 之后产生的 node_modules 目录 2.runtime 运行时产生的目录 3.stora ...
- max文件属性设置，
之前一直都没找到 用到的时候就是用net 弄了.哎.还在开发东西都是在9上面, 这次脚本必须在 max8 上面 逼的我找到了他 getFileAttribute <filename_string ...
- dojo学习（一）入门
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- php CI框架输出空行问题排查
今天在使用 curl 命令行工具调试一个功能时,发现输出的内容总是会在最开始莫名其妙的多一行空行: 项目框架是 php 的 CodeIgniter,感觉这种问题在网上不好查找,因为可以确定这个是业务出 ...
- [label][phalcon] How to install Phalcon extension for Zend Server 6.3.0 for windows 7 64bit
At first , you should download Phalcon DLL file. You can download from this link under. http://stati ...
- 浅议Github的注册和使用
Self-introduction:编者本人叫司明周,现就读于南通大学计算机学院网络工程142班.爱好数学和音乐,喜欢数学中的逻辑性和天马行空的思维 编程能力:可以跳过略过得过且过吗..好吧,面对现实 ...
- ASP.NET系列：自定义配置节点的复用
appSettings太简单,为每个程序自定义配置节点太复杂,因此要解决app.config&web.config自定义配置的复用问题. 1.读取不依赖SectionName,根节点可以定义为 ...
- scala 删除一个文件夹以及其子目录和文件
/** * 删除一个文件夹,及其子目录 @param dir */ def deleteDir(dir: File): Unit = { val files = dir.listFiles() fil ...