一个简单的ASP.NEW MVC4网站(二)

                            

一个简单的ASP.NEW MVC4网站(二)

      今天给网站增加了注册见面,代码为:

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Registration</title>
    <link rel="shortcut icon" href="~/ICO/MP3.ico" type="image/x-icon" />
    <link href="~/Themes/css/index.css" rel="stylesheet" />
    <link href="~/Themes/css/Registration.css" rel="stylesheet" />
    <script src="~/Themes/easyui/jquery.easyui.min.js"></script>
    <link href="~/Themes/easyui/themes/gray/validatebox.css" rel="stylesheet" />
    <link href="~/Themes/easyui/themes/icon.css" rel="stylesheet" />
    <script src="~/Themes/easyui/plugins/jquery.validatebox.js"></script>
    <script src="~/Themes/easyui/locale/easyui-lang-zh_CN.js"></script>
    <script src="~/Themes/js/md5.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#sub").click(function () {
                $.ajax({
                    method: "post",
                    url: "/User/RegistrationIn",
                    async: true,
                    data:
                    {
                        user: $("#user").val(),
                        pwd: hex_md5($("#pwd").val()),
                        rpwd: hex_md5($("#pwd").val())
                    },
                    datatype: JSON,
                    callback: loading,
                    success: AjaxSuccess
                });
            });
        });
    </script>
</head>
<body>
    <div id="div">
        <div id="head">
            <img src="/Themes/img/newhead.jpg" alt="发哥MUSIC" />
        </div>
        <div id="nav">
            <ul>
                <li><a>古典</a></li>
                <li><a>摇滚</a></li>
                <li><a>爵士</a></li>
                <li><a>民谣</a></li>
                <li><a>流行</a></li>
                <li><a>校园</a></li>
                <li><a>草原</a></li>
                <li><a>电子</a></li>
                <li class="search" id="search_text">
                    <input type="text" /></li>
                <li class="search" id="search_btn">
                    <img src="~/Themes/img/search.png" /></li>
            </ul>
        </div>
        <div id="r_div">
            <div id="r_head">
                <image src="~/Themes/img/UserGroup.png" id="user_img" />
                <h2>用户注册</h2>
            </div>
            <div id="r_input">
                <span>邮&nbsp;&nbsp;&nbsp;&nbsp;箱:</span><input type="text" name="user" id="user" class="r_input" /><br />
                <br />
                <span>密&nbsp;&nbsp;&nbsp;&nbsp;码:</span><input type="text" name="pwd" id="pwd" class="r_input" /><br />
                <br />
                <span>再次输入:</span><input type="text" name="rpwd" class="r_input" id="rpwd" /><br />
                <br />
                <span>验证码&nbsp;&nbsp;:</span><input type="text" name="user" id="ver_input" /><image src="../Common/VerCode" id="vercode" /><br />
                <br />
                <button type="button" id="sub">注册</button>
            </div>
        </div>
    </div>
</body>
</html>

      虽然是后端人员,但是自己认为前端还是做得不错!

一个简单的ASP.NEW MVC4网站(二)

时间: 2024-10-04 18:00:35

一个简单的ASP.NEW MVC4网站(二)的相关文章

[.NET] 一步步打造一个简单的 MVC 电商网站 - BooksStore(二)

一步步打造一个简单的 MVC 电商网站 - BooksStore(二) 本系列的 GitHub地址:https://github.com/liqingwen2015/Wen.BooksStore 前:<一步步打造一个简单的 MVC 电商网站 - BooksStore(一)> 简介 上一次我们尝试了:创建项目架构.创建域模型实体.创建单元测试.创建控制器与视图.创建分页和加入样式,而这一节我们会完成两个功能,分类导航与购物车. 主要功能与知识点如下: 分类.产品浏览.购物车.结算.CRUD(增删

Asp.Net MVC4开发二: Entity Framework在Asp.Net MVC4中的应用

ORM作为一种数据库访问机制已广泛地应用于各种项目当中,在.Net开发中,应用比较广泛的ORM框架大致有下面几个: 官方支持的有:Linq to SQL,Entity Framework.三方的有:NHibernate.前面介绍过Linq to SQL的应用,这篇介绍一下Entity Framework在Asp.Net MVC4中的应用. 首先用Visual Studio(2012或2013,其它版本需要安装Asp.Net MVC4)创建一个Asp.Net MVC4的项目,项目创建完成后会发现E

[.NET] 一步步打造一个简单的 MVC 电商网站 - BooksStore(四)

一步步打造一个简单的 MVC 电商网站 - BooksStore(四) 本系列的 GitHub地址:https://github.com/liqingwen2015/Wen.BooksStore <一步步打造一个简单的 MVC 电商网站 - BooksStore(一)>(发布时间:2017-03-30 ) <一步步打造一个简单的 MVC 电商网站 - BooksStore(二)>(发布时间:2017-03-31) <一步步打造一个简单的 MVC 电商网站 - BooksSto

一个简单的 ASP.NET MVC 例子演示如何在 Knockout JS 的配合下,使用 TypeScript 。

前言 TypeScript 是一种由微软开发的自由和开源的编程语言.它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程.安德斯·海尔斯伯格,C#的首席架构师,已工作于TypeScript的开发.TypeScript扩展了 JavaScript 的句法,所以任何现有的JavaScript程序可以不加改变的在TypeScript下工作.TypeScript是为大型应用之开发而设计,而编译时它产生 JavaScript 以确保兼容性.TypeScript

从一个简单的ASP.NET 5站点开启.NET跨平台之旅

在经历了阿里云上“黑色1秒”的空欢喜之后,我们“被迫”考虑实现.NET的跨平台,将Web服务器由Windows换成Linux.而这种“被迫”在一个存在已久的愿望下,变得水到渠成.这个愿望就是 —— “Mac上写.NET程序,Linux上跑.NET程序”. 既然水也到了,渠也成了,那我们还等什么,动身起程吧. 今天我们以我们迈出的第一步——一个部署在Linux上基于dnx/corefx/coreclr的非常简单的ASP.NET 5/MVC 6站点——宣布“.NET跨平台之旅”开启了! 这个基于跨平

完成一个简单的时间片轮转多道程序内核代码(二)

完成一个简单的时间片轮转多道程序内核代码 重要汇编代码分析 asm volatile( "movl %1,%%esp\n\t" "pushl %1\n\t" "pushl %0\n\t" "ret\n\t" "popl %%ebp\n\t" : : "c" (task[pid].thread.ip),"d" (task[pid].thread.sp) ); 保存恢复进

一个简单的ASP.NET Web Forms应用程序

ASP.NET 支持三种不同的开发模式: Web Pages(Web 页面).MVC(Model View Controller 模型-视图-控制器).Web Forms(Web 窗体) 我给大家展示的是Web Forms(Web 窗体) 第一:我们需要了解下,什么是Web Forms. Web Forms 是三种创建 ASP.NET 网站和 Web 应用程序的编程模式中的一种. Web Forms 是最古老的 ASP.NET 编程模式,是整合了 HTML.服务器控件和服务器代码的事件驱动网页.

ASP.NET MVC4网站部署在阿里ECS云服务器(WIndows Server 2012+IIS8环境)

首先交代一下服务器的环境配置 系统是WIndows Server2012(配置的时候选的是全能环境),服务器是IIS8 由于装了VS2012,所以系统也自动装上了.Net Framework4.5,MVC4等 数据库为SqlServer2005,直接在服务器上装的数据库系统 如果在服务器上装vs2012这些软件的时候装不上去又不知道怎么回事的时候 去阿里售后提交一下工单就好了,把问题描述一下,他会说这是第三方软件的问题,会给你一个专门处理这些问题的第三方公司 然后给你一张代金卷,金额刚好是那个公

iOS开发UI篇—使用UItableview完成一个简单的QQ好友列表(二)

一.实现效果             二.实现代码 1.数据模型部分 YYQQGroupModel.h文件 1 // 2 // YYQQGroupModel.h 3 // 02-QQ好友列表(基本数据的加载) 4 // 5 // Created by apple on 14-5-31. 6 // Copyright (c) 2014年 itcase. All rights reserved. 7 // 8 9 #import <Foundation/Foundation.h> 10 11 @i