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 />

        密&nbsp;码：<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进行发送表结构: 登录页面后显示所有用户信息,可对每条进行增 ...

随机推荐

python在windows环境安装MySQLdb
一.环境系统:win7,64位 python版本:2.7.15 pip版本:10.0.1 二.安装 1. 用pip安装 pip install MySQLdb 报错: Could not find ...
Rotate image and fit show use canvas
Description In the field of image processing, We always to show image after modified the image raw d ...
PolyCluster: Minimum Fragment Disagreement Clustering for Polyploid Phasing 多聚类:用于多倍体的最小碎片不一致聚类
摘要分型是计算生物学的一个新兴领域,在临床决策和生物医学科学中有着重要的应用. 虽然机器学习技术在许多生物医学应用中显示出巨大的潜力,但它们在分型中的用途尚未完全理解. 在本文中,我们研究了基于聚类 ...
小程序报错Do not have xx handler in current page的解决方法
看到小程序这一大串的“Do not have bindName handler in current page: pages/card/card. Please make sure that bind ...
在iOS项目中引入MVVM
本文翻译自:http://www.objc.io/issue-13/mvvm.html.为了方便读者并节约时间,有些不是和文章主题相关的就去掉了.如果读者要看原文的话可以通过前面的url直接访问.作者 ...
ADO接口之_RecordsetPtr
转自:http://hi.baidu.com/%CE%D2%B6%CF%C1%CB%CB%BC%C4%EE/blog/item/e057c526c6af6c29c995596e.html _Recor ...
DW2.0
一.DW2.0从企业的角度,吸引企业的原因: 1.数据仓库基础设施的成本不再持续增长.在第一代数据仓库中,技术基础设施的成本是不断增长的,随着数据量的增长,基础设施的成本会以指数级增长.但是使用DW2 ...
Head First iOS Programming
内部分享: Head First iOS Programming http://www.slideshare.net/tedzhaoxa/head-first-ios-programming-4606 ...
VS2017安装时自动退出
电脑重装系统后 win10,安装VS2017,一直不成功:保持一定时间后就自动退出,而没有跳到具体安装选择项界面.重复了好几次,并且电脑也重启还是这样. 最后在系统盘下面找到文件夹:C:\Progra ...
[转]解决Mysql InnoDB: Failing assertion: ret || !assert_on_error问题
国庆回来后,发现mysql停止服务了,没办法继续启动了.查看日志,看到: 131008 09:56:03 mysqld_safe Starting mysqld daemon with databas ...

c#-MVC基础操作-数据的展示及增删改、登录页面及状态保持

c#-MVC基础操作-数据的展示及增删改、登录页面及状态保持的更多相关文章

随机推荐

热门专题