[英]How to create.cshtml when button is invoked on your MVC web application?
谁能帮助我,我的视图布局上有一个用于登录的创建按钮,它有这个字段用户名和密码,登录按钮(这验证用户是否存在)和创建(我正在努力链接它)。
我在我的AppStart
,下面的RouteConfig.cs
逻辑上有这个; 我是否需要在此文件上创建该逻辑的问题(在RouteConfig.cs
上创建页面功能)
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Routing;
namespace eNtsaPortalWebsiteProject
{
public class RouteConfig
{
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.MapRoute(
name: "Default",
url: "{controller}/{action}/{id}",
defaults: new { controller = "Account", action = "Login", id = UrlParameter.Optional }
);
}
}
}
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Routing;
namespace eNtsaPortalWebsiteProject
{
public class RouteConfig
{
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.MapRoute(
name: "Default",
url: "{controller}/{action}/{id}",
defaults: new { controller = "Account", action = "Create", id = UrlParameter.Optional }
);
}
}
}
Views/Account/Create.cshtml
页面将链接此路由以处理来自网络的负载? 我不知道请帮助我,因为我还是 MVC Web 开发的新手。
在Views/Account/login.cshtml
上登录的逻辑:
@model eNtsaPortalWebsiteProject.Models.Login
@{
ViewBag.Title = "Login";
}
@{
Layout = "~/Views/Shared/_LoginLayout.cshtml";
}
<script src="~/Scripts/jquery-1.9.1.js"></script>
<script src="~/bootstrap/js/bootstrap.min.js"></script>
<script src="~/Scripts/jquery.min.js"></script>
<link href="~/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<div data-="mainContent">
<section class="container">
<div class="logo col-sm-12 text-center col-md-12"> <img alt="" src="~/Images/eNtsa.png" /></div>
<div class="clearfix"></div>
<div class="container">
<div class="row">
<div id="MyWizard" class="formArea LRmargin">
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
<div id="divMessage" class="text-center col-md-12 col-md-offset-12 alert-success">
@Html.ValidationSummary()
</div>
<div class="glyphicon-log-out col-sm-12 text-center col-md-12"> <img alt="" src="~/Images/gcobani.jpg" /></div>
<div class="clearfix"></div>
<div class="col-md-12 col-md-offset-10 col-xs-12">
<div class="loginPage panel-info">
<span class=""><i class="glyphicon glyphicon-user">Username</i></span>
<div class="form-group text-center">
@Html.TextBoxFor(model => model.username, new { @class = "form-control text-center", autocomplete = "off" })
@Html.ValidationMessageFor(model => model.username)
</div>
<div class="form-group">
<span class=""><i class="glyphicon glyphicon-user">Password</i></span>
@Html.PasswordFor(model => model.password, new { @class = "form-control text-center", autocomplete = "off" })
@Html.ValidationMessageFor(model => model.password)
</div>
</div>
<div class="form-group">
<input id="BtnLogin" type="submit" class="btn btn-success btn-pressure" name="BtnLogin" value="Login" />
<input id="BtnReset" type="reset" value="Create" class="btn btn-info btn-pressure" name="BtnReset" value="Reset" />
</div>
</div>
}
<div class="clear"></div>
</div>
</div>
您的“创建”按钮类型设置为“重置”:
<div class="form-group">
<input id="BtnLogin" type="submit" class="btn btn-success btn-pressure" name="BtnLogin" value="Login" />
<input id="BtnReset" type="reset" value="Create" class="btn btn-info btn-pressure" name="BtnReset" value="Reset" />
</div>
根据 W3Schools,这会将表单重置为其初始值: https : //www.w3schools.com/tags/att_button_type.asp
示例: https : //www.w3schools.com/tags/tryit.asp?filename=tryhtml_button_type
如果您希望“创建”按钮将表单发送回您的控制器,我建议您尝试将按钮类型更改为“提交”
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.