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进行发送 表结构: 登录页面后显示所有用户信息,可对每条进行增 ...
随机推荐
- Step By Step Hibernate Tutorial Using eclipse WTP[z]
[shivasoft.in/blog/sql/myqsl/step-by-step-hibernate-tutorial-using-eclipse-wtp/] Hibernate is the O ...
- Halcon中缩放Region或XLD的方法研究
在Halcon中,Region和XLD之间可以彼此转换.但这种转换并不是“无损”的,XLD可以是不闭合的,但是Region一定是闭合的.因此,如果将不闭合的XLD转为Region,然后再转回XLD,那 ...
- [SoapUI] 通过Groovy脚本获取project所在的路径或者直接用${projectDir}
import com.eviware.soapui.support.GroovyUtils def groovyUtils = new GroovyUtils( context ) def proje ...
- Redis持久化（八）
Redis特性: (1)多数据库 (2)Redis事物 (3)一个Redis最多可提供16个数据库,下标[0-15] 选择数据库: select 1 (选择1号数据库,默认连接的是0号数据库)移动数据 ...
- rinetd小记
官网:http://www.boutell.com/rinetd/ 下载地址:http://www.boutell.com/rinetd/http/rinetd.tar.gz 编译安装: 对于Wind ...
- pcd转obj
文件转换 从PCD文件写入和读取点云数据:https://www.cnblogs.com/li-yao7758258/p/6435568.html 点云数据格式PCD(Point Cloud Data ...
- [翻译] FastReport Class Hierarchy (FastReport 组件类层次结构)
"TfrxComponent" is the base class for all FastReport components. Objects of this type have ...
- md1
a b link to baidu 我不懂啊 这是什么意思 http://example.com/ 这里是一段代码' adsfasdf 你 你输得算好了 反正就这样吧,大概也值能这样了注 我想写一段引 ...
- [Erlang31]Erlang trace总结
在一个并行的世界里面,我们很难做到单步断点调试来定位问题(太多的消息飞来飞去),Erlang设计者也深刻体会到这一点,推出了另一个trace机制. 通过这个trace,你可以: .特定进程集内的函数调 ...
- js自执行函数、调用递归函数、圆括号运算符、函数声明的提升
前言 起因是我要在jquery的ajax中需要根据返回值来决定是否继续发起ajax请求,这是一个有条件的循环,符合条件就跳出.可以使用while循环的,但是想了想还是递归调用好用. 调用递归函数 递归 ...