asp.net登录界面创建IIS发布

环境:win10,vs2019

1.创建一个asp.net项目

制作一个纯前端的登录界面
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
点击创建,生成asp项目
选择空模板即可
在这里插入图片描述
右键项目创建web窗体,开始写HTML
在这里插入图片描述
在这里插入图片描述

登录界面代码:

获取当前时间弹出,还获取了输入框的数据

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Login_net.Login" %>

<!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>
    <script language="javascript">
        function loginHandle() {
            var now = new Date();
            var month = now.getMonth()+1;//获取月份
            var day = now.getDate();//获取当前日期的某一天
            var hour = now.getHours();//获取小时
            var min = now.getMinutes();//获取分钟

            //获取id为TextBox1标签里输入的内容
            var name = document.getElementById("TextBox1").value;

            //获取id为Label1标签里输入的内容
            //var username = document.getElementById("Label1").innerText;
            alert(name+":你好,"+"当前时间是:" + month + "月" + day + "日" + hour + ":" + min+",欢迎登录!");
        }
    </script>
<body>
    <form id="form1" runat="server">
        <center>
            <div>
            <asp:Label ID="Label1" runat="server" Text="用户名"></asp:Label>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />

            <asp:Label ID="Label2" runat="server" Text="密码"></asp:Label>
             <asp:TextBox ID="TextBox2" runat="server" TextMode="Password"></asp:TextBox><br />

            <asp:Button ID="Button1" runat="server" Text="登录" OnClientClick="loginHandle()"/>


        </div>
        </center>
    </form>
</body>
</html>

效果如下:
在这里插入图片描述

下面就到发布流程–IIS

1.在d盘新建一个空文件夹,用于存放编译后的项目
2.visual stdudio 中右键 项目,点击发布
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
点击完成
在这里插入图片描述
在这里插入图片描述
最后点发布
在这里插入图片描述
在这里插入图片描述
打开IIS服务
网站-》添加网站
在这里插入图片描述
在这里插入图片描述
点击浏览看效果
在这里插入图片描述
然后就403
在这里插入图片描述
双击默认文档
在这里插入图片描述
在这里插入图片描述
再刷新浏览器就ok了
在这里插入图片描述
在这里插入图片描述
发布结束!!!

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值