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进行发送 表结构: 登录页面后显示所有用户信息,可对每条进行增 ...
随机推荐
- Gcc And MakeFile Level1
简单介绍gcc And make 的使用 基本编译 gcc a.c b.c -o exeName 分步编译 gcc -c a.c -o a.o gcc a.o b.c -o main.o 使用Make ...
- python之selenium调用js(execute_script)
转载: http://www.cnblogs.com/fnng/p/3230768.html 本节重点: 调用js方法 execute_script(script, *args) 在当前窗口/框架 同 ...
- UX术语详解：任务流，用户流，流程图以及其它全新术语
以下内容由Mockplus(摹客)团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 用户体验拥有一长串专业的术语和可交付内容.当在线查看UX相关职位描述时,所罗列的这类术语更是 ...
- webform版部分视图与请求拦截
.主控前台页面 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFor ...
- qt学习(二) buttong layout spinbox slider 示例
开启qt5 creator 新建项目 qt widgets 改写main.cpp #include "mainwindow.h" #include <QApplication ...
- 初识STM32
1.什么是STM32 A.ST是意法半导体,一个公司名,即SOC厂商,生产芯片的厂商.ARM公司是IP厂商,即只生产内核的厂商. B.M-Microelectronics的缩写,表示微控制器,大家注意 ...
- Devexpress VCL Build v2013 vol 13.2.3 发布
继续修修补补,大过年的,就不吐槽了. What's New in 13.2.3 (VCL Product Line) New Major Features in 13.2 What's New i ...
- Oracle学习笔记(四)
六.约束 1.约束的作用 定义规则:什么数据可以输入,什么不可以 确保完整性:数据的精确性和可靠性 2.Oracle五个重要的约束: 非空约束.主键约束.外键约束.检查约束.唯一约束. (1)非空约束 ...
- HDU 1071 The area (数学定积分)
题意:求阴影部分面积. 析:没什么可说的,就是一个普通的定积分. 代码如下: #include <cstdio> #include <iostream> using names ...
- SpringMVC源码解析- HandlerAdapter初始化
HandlerAdapter初始化时,主要是进行注解解析器初始化注册;返回值处理类初始化;全局注解@ControllerAdvice内容读取并缓存. 目录: 注解解析器初始化注册:@ModelAttr ...