asp.net 加入html,css,js的步骤与错误总结
asp.net 加入html,css,js的步骤与错误总结
介绍
asp.net加入html,css,js会比自己原本自带的可以增加更多的界面效果。拿到前端代码时,我主要想着如何在html中加入函数,方便我在后端调用,在网上查了一下,最后选择将html文件转为 aspx文件,在aspx.cs的文件中写入相关函数
html转为aspx
- 建立一个Web窗体,利用它现有的框架,把自己html文件复制进去,尤其是
runat="server"
,在每一个需要在后端调用的标签中都要加入,要不然会可能运行时点击标签没有反应,准确地说每一个容器标签都要加,像上面的form
%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="Web2.test" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
</form>
</body>
</html>
- 若要为一个按钮增加事件可这样写入,主要是
asp:Button ID="submit" runat="server"
和onserverclick="SubmitInfo"
不是onclick,其中SubmitInfo代表就是点击按钮调用的函数,在aspx.cs文件实现函数,注意参数不能改
<input asp:Button ID="submit" runat="server" type="submit" value="提交" class="btn btn-primary btn6 mr10" onserverclick="SubmitInfo">
protected void SubmitInfo(object sender, EventArgs e){ }
错误总结
- html的出现中文乱码,加入在
<head>
标签下写入<meta charset="utf-8">
,再不行,可以用多个浏览器尝试打开 - 提交修改的用户信息,数据库没有改变,前端界面没有改变,原因是在修改用户信息加载用了
Page_Load(object sender, EventArgs e)
,这个在界面刷新时就会调用一次,提交时会把修改的信息覆盖,改成Page_Init(object sender, EventArgs e)
就好,只会在初始化调用