mvc模式套普通的html页面

facefriends 2014-09-28 11:04:58

<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<ECInvoice.Models.PhoneNumModel>" %>

<asp:Content ID="loginTitle" ContentPlaceHolderID="TitleContent" runat="server">
发票
</asp:Content>

<asp:Content ID="loginContent" ContentPlaceHolderID="MainContent" runat="server">
<h2>发票</h2>

<script src="<%: Url.Content("~/Scripts/jquery.validate.min.js") %>" type="text/javascript"></script>
<script src="<%: Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js") %>" type="text/javascript"></script>
<script src="<%: Url.Content("~/Content/jquery-1.3.2.min.js") %>" type="text/javascript"></script>
<script>
$(function () {
$("#imgurl").attr("src", "/Content/code.jpg" + "?" + Math.random() * 10);
});

function Changeimg() {
$.post("/Home/DrawingCode", { length: 5 }, function () {
$("#imgurl").attr("src", "/Content/code.jpg" + "?" + Math.random() * 10);
}, "text");
}
</script>
<% using (Html.BeginForm()) { %>
<%: Html.ValidationSummary(true, "登录不成功。请更正错误并重试。") %>
<div>
<fieldset>
<legend>电子发票查询</legend>

<div class="editor-label">
<%: Html.LabelFor(m => m.PhoneNum) %>
</div>
<div class="editor-field">
<%: Html.TextBoxFor(m => m.PhoneNum) %>
<%: Html.ValidationMessageFor(m => m.PhoneNum) %>
</div>

<div class="editor-label">
<%: Html.LabelFor(m => m.Channel) %>
</div>
<div class="editor-field">
<%: Html.DropDownListFor(m => m.Channel,(SelectList)ViewData["channelList"]) %>
<%: Html.ValidationMessageFor(m => m.Channel) %>
</div>
<div class="editor-label">验证码:</div>
<div class="editor-field">
<%: Html.TextBoxFor(m => m.OrgPath) %>
<img alt="看不清楚，换一张" id="imgurl" name="imgurl" width="80" height="30" style="margin-bottom:-12px;" onclick="Changeimg()" />
<a href="#" onclick="Changeimg()">看不清楚，换一张</a>
</div>

<p>
<input type="submit" value="查询" />
</p>
</fieldset>
</div>
<% } %>
<%:ViewData["message"]%>

</asp:Content>
这个代码如何套到普通的html文件里
<!doctype html>
<html class="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" id="meta_view">
<title>登录</title>
<link rel="stylesheet" href="images/public.css">
<link rel="stylesheet" href="images/nvoice.css">
<script src="images/jquery-1.7.2.min.js" type="text/javascript"></script>
</head>
<body>

<div class="new_head">
<a href="" class="n_logo"></a>
<div class="rg_ahref">
<a href="">商城1</a>
<a href="">旗舰店2</a>
<a href="">商城3</a>
</div>
<div class="clear"></div>
</div>

<div class="contmain">
<div class="leftop">
<div class="faptx">
<h2>电子发票查询</h2>
<h3>您可以通过收货人信息或订单编号查询电子发票</h3>

<div class="baiqh">
<dl>
<dd>
<div class="listd">
<ul>
<li>
<span class="titd">手机号</span>
<input class="w216" type="text" />
<%: Html.TextBoxFor(m => m.PhoneNum) %>
<%: Html.ValidationMessageFor(m => m.PhoneNum) %>
<p class="erry">您的输入有误</p>
</li>
<li>
<span class="titd">购买渠道</span>
<div class="down_s">
<h4>海信商城</h4>
<div class="downlown">
<p>海信商城</p>
<p>京东商城</p>
<p>天猫商城</p>
</div>
</div>
</li>
<li>
<span class="titd">验证码</span>
<input type="text" class="editor-field" />
<a href=""> <img alt="看不清楚，换一张" id="imgurl" name="imgurl" width="80" height="30" style="margin-bottom:-12px;" onclick="Changeimg()" /></a>
</li>
</ul>
<a href="" class="chxd">查询</a>
</div>
</dd>
<dd>
<div class="listd">
<ul>
<li>
<span class="titd">订单编号</span>
<input class="w216" type="text" />
<p class="erry">您的输入有误</p>
</li>
<li>
<span class="titd">购买渠道</span>
<div class="down_s">
<h4>商城1</h4>
<div class="downlown">
<p>商城1</p>
<p>商城2</p>
<p>商城3</p>
</div>
</div>
</li>
<li>
<span class="titd">验证码</span>
<input type="text" class="editor-field" />
<a href=""><img alt="看不清楚，换一张" id="img1" name="imgurl" width="80" height="30" style="margin-bottom:-12px;" onclick="Changeimg()" /></a>
</li>
</ul>
<a href="" class="chxd">查询</a>
</div>
</dd>
</dl>
<div class="clear"></div>
</div>
<div class="aprev jiant"></div>
<div class="anext jiant"></div>
</div>

<div class="resulet">
<h2>电子发票查询结果</h2>
<p class="stext">您的查询结果如下：</p>
<div class="sertovau">
<a href="">3432423432400942</a>
<a href="">3432423432400942</a>
</div>
<a href="" class="backcx">返回重新查询</a>
</div>
</div>

<div class="rlunb">
<ul class="bigmgs">
<li><img src="images/pic1.jpg" width="540" height="388"></li>
<li><img src="images/spic1.jpg" width="540" height="388"></li>
<li><img src="images/spic2.jpg" width="540" height="388"></li>
</ul>
</div>
<div class="clear"></div>
<div class="ajlist">
<a href=""><img src="images/a1.png" width="218" height="96"></a>
<a href=""><img src="images/a2.png" width="218" height="96"></a>
<a href=""><img src="images/a3.png" width="218" height="96"></a>
<a href=""><img src="images/a4.png" width="218" height="96"></a>
<div class="clear"></div>
</div>
</div>


</div>
</body>
<script src="images/nvoice.js"></script>
</html>

请大神手动指导！！！！

...全文