前言
最近没什么写的，写个MVC注册巩固一下
HTML

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>注册 - 瑰园美食</title>

    <link rel="icon" href="~/Content/Images/Icon/Logo.png" />

    <link href="~/Plugin/layui/css/layui.css" rel="stylesheet" />

    <link href="~/Content/Css/LoginStyle.css" rel="stylesheet" />

</head>

<body>

    <h1>

        <span>瑰园美食</span>

        <span>享受美食带来的欢乐~</span>

    </h1>

    <div class="LoginFrom">

        <h2>注册</h2>

        <div class="LoginFrom_Input">

            <input  spellcheck="false" class="Input_User" type="text" placeholder="账号" />

            <input class="Input_Pass" type="password" placeholder="密码" />

            <input class="SuccessButton" type="button" value="点我注册" />

            <input onclick="window.location.href='/Main/Login'" type="button" value="已有账户?点击登录" />

        </div>

    </div>

    <footer>

        <p>2019 Yolx</p>

    </footer>

    <script src="~/Plugin/layui/layui.all.js"></script>

    <script>

        var User = document.querySelectorAll(".Input_User")[0];

        var Pass = document.querySelectorAll(".Input_Pass")[0];

        var xhr1 = new XMLHttpRequest();

        var SuccessButton = document.querySelectorAll(".SuccessButton")[0]

        SuccessButton.onclick = function () {

            if (User.value == "" || Pass.value == "") {

                alert("请填写完整!")

            } else {

                xhr1.open("Get", "/Main/RegisterUser?User=" + User.value + "&Pass=" + Pass.value + "");

                xhr1.responseType = "json";

                xhr1.send();

                xhr1.onreadystatechange = function () {

                    if (xhr1.status == 200 && xhr1.readyState == 4) {

                        if (xhr1.response.MsgState == true) {

                            alert(xhr1.response.MsgText);

                            window.location.href = "/Main/Login"

                        } else {

                            alert(xhr1.response.MsgText);

                        }

                    }

                }

            }

        }

    </script>

</body>

</html>

CSS

body {

    margin: 0;

    padding: 0;

    background-image: url('../Images/LoginBG.jpg');

    background-repeat: no-repeat;

    background-size: 100%;

}

h1 {

    position: fixed;

    top: 50%;

    left: 10%;

    transform: translateY(-50%);

    color: #fff;

}

    h1 span {

        display: block;

        font-size: 3vh;

    }

        h1 span:nth-child(1) {

            font-size: 5vh;

            position: relative;

            padding: 0.5vh 0px 1vh;

        }

            h1 span:nth-child(1):after {

                content: '';

                position: absolute;

                left: 0;

                top: 0;

                width: 9.8vh;

                height: 0.35vh;

                background: #fff;

            }

.LoginFrom {

    width: 24vw;

    height: 40vh;

    position: fixed;

    top: 50%;

    right: 10%;

    transform: translateY(-50%);

    background: rgba(255, 255, 255, .8);

    border-radius: 0.5vh;

    overflow: hidden;

}

    .LoginFrom h2 {

        text-align: center;

        padding: 2vh;

        background: #fff;

        font-size: 2vh;

    }

    .LoginFrom .LoginFrom_Input {

        width: 100%;

        padding: 2vh 0px;

    }

        .LoginFrom .LoginFrom_Input input {

            border: 0;

            width: 80%;

            height: 5vh;

            display: block;

            padding: 0 1vh;

            font-size: 2vh;

            margin: 1vh auto;

            box-sizing: content-box;

            position: relative;

        }

.ForgetPass, .RegisterUser {

    font-size: 1vh !important;

    position: absolute !important;

    background: none;

    width: auto !important;

    height: auto !important;

    bottom: 0px;

}

.SuccessButton {

    background:#fff;

}

.SuccessButton:after {

    content:'';

    position:absolute;

    left:0px;

    bottom:0px;

    height:2px;

    width:10px;

    background:#67b968;

}

/*.SuccessButton:hover {

    border-bottom:1vh solid #67b968;

}*/

.ForgetPass {

    left:0px;

}

.RegisterUser {

    right:0px;

}

footer {

    position: fixed;

    bottom: 0px;

    left: 0px;

    width: 100%;

}

    footer p {

        text-align: center;

        color: rgba(255, 255, 255, 0.8);

        padding: 1.5vh 0px;

        font-size: 1.5vh;

    }

/*开关组*/

.OAO_YC {

    width: 7vh;

    height: 3vh;

    background: #fff;

    border-radius: 1vh;

    padding: .5vh;

    transition: all ease 0.5s;

    position: relative;

    overflow: hidden;

    margin: 1vh 3.8vh;

}

    .OAO_YC p {

        position: absolute;

        top: 0px;

        left: 0px;

        margin: 0;

        padding: 0;

        font-size: 1.5vh;

        height: 100%;

        width: 8vh;

        text-align: center;

        line-height: 2.7em;

        opacity: 0;

        transition: all ease 0.5s;

    }

    .OAO_YC:hover p {

        opacity: 1;

    }

    .OAO_YC:hover span {

        opacity: 0.3;

    }

    .OAO_YC span {

        height: 100%;

        background: #e47575;

        border-radius: 1vh;

        display: block;

        width: 3.7vh;

        transition: all ease 0.5s;

    }

.OAO_YC_On {

    transition: all ease 0.5s;

}

    .OAO_YC_On span {

        transform: translateX(3vh);

        background: #67b968;

}

控制器

public ActionResult RegisterUser(string User, string Pass)

        {

            msg.MsgState = false;

            var list = (from tbUser in MyModel.PW_User

                        where tbUser.UserName == User.Trim()

                        select tbUser).ToList();

            if (list.Count == 0)

            {

                PW_User pW_User = new PW_User();

                pW_User.UserName = User;

                pW_User.UserPass = Pass;

                MyModel.PW_User.Add(pW_User);

                if (MyModel.SaveChanges() > 0)

                {

                    msg.MsgState = true;

                    msg.MsgText = "注册成功";

                    return Json(msg, JsonRequestBehavior.AllowGet);

                }

            }

            else

            {

                msg.MsgText = "已存在用户";

                return Json(msg, JsonRequestBehavior.AllowGet);

            }

            msg.MsgText = "注册失败!";

            return Json(msg, JsonRequestBehavior.AllowGet);

        }

登录页面点击注册按钮跳转到注册页面


注册效果

后言
本文结束了，如果觉得本技术文章对你有帮助请给我点个赞,如果有什么不足的地方，给我提意见，让我加以改进

MVC注册的更多相关文章

  1. asp.net mvc 注册中的邮箱激活功能实现（一）

    基本流程图 注册页面就不再写出,现在将发送邮件的代码粘贴出来 public ActionResult SendEmial() { ; string validataCode = System.Guid ...

  2. 更改MVC注册Areas的顺序，掌控Areas的运作

    [转自:http://www.cnblogs.com/dozer/archive/2010/04/14/change-order-of-MVC-Areas.html] 一.前言 首先,有人要问,为什么 ...

  3. asp.net mvc 注册中的邮箱激活功能实现

    基本流程图 注册页面就不再写出,现在将发送邮件的代码粘贴出来   public ActionResult SendEmial() { ; string validataCode = System.Gu ...

  4. asp.net mvc 注册中的邮箱激活功能实现（二）

    邮件发送功能封装 /// <summary>        /// 发送注册邮件        /// </summary>        /// <param name ...

  5. Asp.Net MVC及Web API框架配置会碰到的几个问题及解决方案(转)

      前言 刚开始创建MVC与Web API的混合项目时,碰到好多问题,今天拿出来跟大家一起分享下.有朋友私信我问项目的分层及文件夹结构在我的第一篇博客中没说清楚,那么接下来我就准备从这些文件怎么分文件 ...

  6. Asp.Net MVC及Web API框架配置会碰到的几个问题及解决方案

    前言 刚开始创建MVC与Web API的混合项目时,碰到好多问题,今天拿出来跟大家一起分享下.有朋友私信我问项目的分层及文件夹结构在我的第一篇博客中没说清楚,那么接下来我就准备从这些文件怎么分文件夹说 ...

  7. 转-Asp.Net MVC及Web API框架配置会碰到的几个问题及解决方案

    前言 刚开始创建MVC与Web API的混合项目时,碰到好多问题,今天拿出来跟大家一起分享下.有朋友私信我问项目的分层及文件夹结构在我的第一篇博客中没说清楚,那么接下来我就准备从这些文件怎么分文件夹说 ...

  8. 【转】Asp.Net MVC及Web API框架配置会碰到的几个问题及解决方案

    前言 刚开始创建MVC与Web API的混合项目时,碰到好多问题,今天拿出来跟大家一起分享下.有朋友私信我问项目的分层及文件夹结构在我的第一篇博客中没说清楚,那么接下来我就准备从这些文件怎么分文件夹说 ...

  9. 深入研究 蒋金楠（Artech）老师的 MiniMvc（迷你 MVC），看看 MVC 内部到底是如何运行的

    前言 跟我一起顺藤摸瓜剖析 Artech 老师的 MiniMVC 是如何运行的,了解它,我们就大体了解 ASP.NET MVC 是如何运行的了.既然是“顺藤摸瓜”,那我们就按照 ASP.NET 的执行 ...

随机推荐

  1. netty全局分析1

    这个系列都是别人的分析文 https://www.jianshu.com/p/ac7fb5c2640f 一丶 Netty基础入门 Netty是一个高性能.异步事件驱动的NIO框架,它提供了对TCP.U ...

  2. linux学习（四）Linux 文件基本属性

    一.引言 Linux系统是一种典型的多用户系统,不同的用户处于不同的地位,拥有不同的权限. 为了保护系统的安全性,Linux系统对不同的用户访问同一文件(包括目录文件)的权限做了不同的规定. 在Lin ...

  3. Mac鼠标灵敏度调节

    系统的调节到最大还是无法满足你的时候那么你就该看看我接下来的操作了,请看: 查看 首先打开终端,输入一下命令: defaults read -g com.apple.mouse.scaling 此命令 ...

  4. 数据库图形表Navicat Premium

    1.什么是数据库? 存储数据,为了方便查询和使用 web时代使用最广泛的关系型数据库 2.历史: 瑞典公司开发,卖给SUN,SUN又卖给ORACLE 开源,免费,支持多平台 3.数据库图形表Navic ...

  5. .NETCore在析构函数（Finalize）在Linux下引起程序异常退出现象

    目       录 1.      现象概述... 1 2.      操作数据库的代码... 2 3.      引起的异常... 2 4.      异常信息分析... 3 5.      分析结 ...

  6. 线上Redis高并发性能调优实践

    项目背景 最近,做一个按优先级和时间先后排队的需求.用 Redis 的 sorted set 做排队队列. 主要使用的 Redis 命令有, zadd, zcount, zscore, zrange ...

  7. Spring Environment对象获取属性

    String[] activeProfiles = env.getActiveProfiles();//获取当前是启用哪一个个配置文件 System.out.println(Arrays.toStri ...

  8. C# lock 死锁问题排查方法

    多线程程序发生死锁,某些重要线程卡住,不正常工作.排查起来非常麻烦.以下内容记录排查方法 1.确定死锁的位置,一般死锁会lock到某一行具体的代码,比如我就死锁在类似如下代码中 public void ...

  9. 重启springboot

    前言:springboot项目开发时,会遇到项目重新启动的情况.在百度上资料比较零碎需要整理,实践时需要踩坑,自己在项目中已经实现的功能拿出来与大家分享.希望每一位coder能在编程的路上少走一些弯路 ...

  10. PADS Layout VX.2.3 灌铜之后没有显示整块铜皮的原因

    操作系统:Windows 10 x64 工具1:PADS Layout VX.2.3 灌铜之后没有显示整块铜皮,如下图所示: 点击菜单Tools > Options...(快捷键:Ctrl + ...