快速判断网站开发语言,个人微企业网站模板,手机建站免费,麦当劳订餐网站 是谁做的目录
一、使用的软件
1、下载 2、新建文件#xff08;写一个简单的web网页#xff09; 二、相关知识点
1、Web窗体网页的组件
#xff08;1#xff09;可视化组件
#xff08;2#xff09;用户接口逻辑
2、Web Form网页的代码模型
#xff08;1#xff09;单文件…目录
一、使用的软件
1、下载 2、新建文件写一个简单的web网页 二、相关知识点
1、Web窗体网页的组件
1可视化组件
2用户接口逻辑
2、Web Form网页的代码模型
1单文件模型
2代码隐藏页模型
3、简单的应用
1实现Label和Button的简单交互
问题1 为什么双击之后不显示.aspx.cs文件
然后第二个错误又出现了(显示你的连接不是专用连接)编辑 2学习visible属性
问题3修改了名称之后引用的时候依旧是原来的名字这是为什么
4、Web Form页的显示过程
5、Web Form页的处理阶段
1Page_Load()事件
2控件事件
3Click TextChanged SelectIndexChanged
6、HTML服务器端控件
7、web服务器控件
三、写一个简单的网页
1、要求
2、实现过程 问题一为什么里面的内容设置了内边距但是外面的边框不会变化
问题二为什么控件拖不进去这个登陆页面
1设置文本框的大小的方法
2添加图片控件的方法
3在一个.aspx.cs文件中调用一个.aspx文件的方法
4想要跳出一个小窗口显示某些文字 一、使用的软件 1、下载
这个软件使用的空间很大所以再下载的时候最好不要放在默认盘下如我的默认盘是c盘所以我放在了D盘下具体的下载步骤已经选择哪几个可以参考这篇文章(侵权联系删除)
asp.net 可视化操作一——asp.net安装与使用_c#asp.net可视化编程教程-CSDN博客 2、新建文件写一个简单的web网页 首先打开这个软件。第一次打开的时候 会很慢所以耐心等待打开后选择创建新项目 按照下图选择选择之后点击下一步
项目名称可以修改可以不改位置最好是改一下修改到你能找到的地方路径中最好不要出现中文虽然不知道这个软件会不会出错但是以前遇到的软件都挺爱出错的所以以防万一吧 点击创建然后选择--空再点击创建 等待创建完成之后就可以新建项目了。右击这个选择添加 然后新建项 选择web窗体点击添加 添加后就可以使用了 当前显示的是源如果想设计直接拖动某些工具新建的话就可以点击设计然后在设计中添加 点开标准选择相应的工具就可 比如这里我随机拖一个button按钮然后双击就可以编辑这个按钮的功能了这里生成的文件后缀为.aspx.cs。 .aspx.cs文件和.aspx是相互关联的下面就开始学习相关知识吧~ 二、相关知识点
1、Web窗体网页的组件 Web Form网页中用户接口程序设计被分成两个部分可视化组件、用户接口逻辑。
1可视化组件 我的理解就是用户可以看到直接排版的。在这个软件中设计的那一部分应该就属于是一种可视化组件。
2用户接口逻辑 这个就应该是需要用户自己编码实现的部分。
这里是自己的理解明天查找一下资料再看理解是否正确吧我先就这样理解了。下面是老师的PPT
2、Web Form网页的代码模型
有两种单文件模型和代码隐藏页模型。
1单文件模型 两种组件都在.aspx文件中。即不双击工具箱中的控件不改变什么东西只是修改.aspx文件中的源和设计。
2代码隐藏页模型 可视化组件位于.aspx文件中而用户逻辑位于.aspx.cs文件中。即编辑相应控件的作用改变控件的作用。
上面的理解可能有点狭义但是我目前的知识水平只停留在这里所以后面学习深入了再慢慢修改吧。 3、简单的应用
1实现Label和Button的简单交互
首先在.aspx文件的设计中拖出来一个Label和一个button
然后双击空白处给Label设一个初值这个实现的是Label的初始化
问题1 为什么双击之后不显示.aspx.cs文件
没清楚为什么但是解决办法新建一个项目 上图中的CodeBehind最好不要轻易修改不然可能会出现某些错误老师说的我还没修改过呢
这时候可以出现Page_Load然后再里面给第一个标签赋值 这里的label1表示本项目中的第一个标签标签的符号依次类推。当然也可以给他修改名字下一个例子再进行修改吧。
然后在.aspx文件设计中双击button为button设置一个功能我这里设置的是双击button前面的标签显示“好运与你相伴”
保存后将.aspx文件进行启动查看生成的网页
然后第二个错误又出现了(显示你的连接不是专用连接)
解决办法在新建的时候关闭 高级为https配置即去掉下图的哪个勾 然后重新启动.aspx文件就可以看到我们的初始化了 然后点击button就可以看到我们设置的点击button实现的显示了 整体代码
.aspx
% Page LanguageC# AutoEventWireuptrue CodeBehindWebForm1.aspx.cs InheritsWebApplication4.WebForm1 %!DOCTYPE htmlhtml xmlnshttp://www.w3.org/1999/xhtml
head runatserver
meta http-equivContent-Type contenttext/html; charsetutf-8/title/title
/head
bodyform idform1 runatserverdiv/divpasp:Label IDLabel1 runatserver TextLabel/asp:Label/ppasp:Button IDButton1 runatserver OnClickButton1_Click TextButton //p/form
/body
/html这个代码是根据我们在设计中拖动的控件自己生成的不需要我们自己写当然也可以自己写来实现某些功能后面我们会学习到。
.aspx.cs文件
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;namespace WebApplication4
{public partial class WebForm1 : System.Web.UI.Page{protected void Page_Load(object sender, EventArgs e){Label1.Text 你好啊;}protected void Button1_Click(object sender, EventArgs e){Label1.Text 好运与你相伴;}}
} 这个文件里面的标准项这些是系统自动生成的我们只需要双击某个控件在里面添加功能即可。 2学习visible属性
visible属性的功能 所以可以通过这个属性实现某些控件的显示和隐藏这里还是以Label为例
实现要求设置两个button一个为Label显示一个为Label隐藏 启动.aspx文件
打开之后看到的是初始化界面
点击隐藏Label按钮
可以看到Label就被隐藏了然后若要让它显示就点击显示Label按钮 这样就实现了Label的显示和隐藏其他空间应该也差不多只不过我还没有尝试
实现代码 .aspx设计中的即为实现的功能也可以看一下自动生成的代码
% Page LanguageC# AutoEventWireuptrue CodeBehindWebForm1.aspx.cs InheritsWebApplication4.WebForm1 %!DOCTYPE htmlhtml xmlnshttp://www.w3.org/1999/xhtml
head runatserver
meta http-equivContent-Type contenttext/html; charsetutf-8/title/title
/head
bodyform idform1 runatserverdiv/divpasp:Label IDLabel1 runatserver TextLabel/asp:Label/ppasp:Button IDButton1 runatserver OnClickButton1_Click Text隐藏Label //ppasp:Button IDButton2 runatserver OnClickButton2_Click Text显示Label //p/form
/body
/html.aspx.cs文件
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;namespace WebApplication4
{public partial class WebForm1 : System.Web.UI.Page{protected void Page_Load(object sender, EventArgs e){Label1.Text 你好啊;}protected void Button1_Click(object sender, EventArgs e){Label1.Visible false;}protected void Button2_Click(object sender, EventArgs e){Label1.Visible true;}}
}
问题3修改了名称之后引用的时候依旧是原来的名字这是为什么
这个问题是我上课遇到的当时时间比较急所以没有慢慢寻找原因在这里尝试一下吧。就将Label修改为QY试试引用的时候的名称。 解决办法修改掉杂项里面的ID才是修改这个标签的名称 4、Web Form页的显示过程 我们首次调用该文件的时候非常慢这就是因为没有生成编译过的dll文件而执行之后生成了该文件所以后面调用的时候就直接跳过编译这一步就使得执行的时候速度变快。
下面是官方说法
5、Web Form页的处理阶段 但是这5个处理阶段最常见的有以下几个
1Page_Load()事件 常用于控件的初始化比如我们在前面说的给Label初始化。 这里再举个例子设置一个文本输入框初始化为”请输入内容“然后设置一个button名称为”提交“ 但是我们实现后可以发现每一次修改文本框里的内容点击提交之后文本框里的内容总是初始化的内容如果我们想要让这个初始化只在第一次输入的时候显示其他时候都不显示这时候我们就需要Page.IsPostBack属性了。 Page.IsPostBack属性获取一个值该值指示页是第一次呈现还是为了响应回发而加载。简单的说就是第一次访问是假值后面访问就是真值 Page.IsPostBack 属性 (System.Web.UI) | Microsoft Learn 所以将代码按照要求进行修改
初始化内容 点击一次之后 2控件事件 用户在客户端浏览器上触发的各种事件。 3Click TextChanged SelectIndexChanged 这个表示的就是文本的改变会触发某个事件的发生即做回传了。而这里的回传就和TextBox的AutoPostBack属性有关了。 AutoPostBack属性为true时回传为false时不回传。 具体的解释可以看这篇侵权联系删除 ASP.Net的AutoPostBack属性_在使用dropdownlist控件时,需要修改( )属性的值为true,才会触发selectedin-CSDN博客 下面使用一个例子看看这个属性这个例子我感觉不太合适怎么修改这个都会回传因为文本框内容的修改会触发那个事件啊怎么能不改变呢我不理解明天问问老师再说吧所以这个例子就先不继续了。
依旧使用QY标签然后设置文本框的内容为QY的内容首先不修改AutoPostBack即为false; 现在启动查看QY的内容是否会因为文本框里的内容修改而修改
初始状态 修改之后发现QY的值也是变化了这是为什么呢 原因自己发现的不知道是否正确没有给Label初始化。 初始化之后再尝试是否会回传
初始状态 修改之后 没有回传了。。
但是再修改文本框内容之后QY中的东西会隐藏起来是不是这个回车触动了隐藏Label这个按钮呢删掉这两个按钮试试会不会隐藏 结果又回传了
为什么啊
是因为前面的没删除 这句话的意思
OnTextChanged是一个事件属性通常用于Web开发中的ASP.NET或类似的技术中。当文本框TextBox的内容发生变化时会触发名为TextBox1_TextChanged的事件处理程序event handler这样可以执行一些特定的操作或逻辑以响应文本框内容的变化。这种机制通常用于实现与用户输入相关的交互功能比如实时搜索、自动补全等。
所以在删除某些控件后启动项目的时候需要查看源里的内容是否有没删除干净的必须完全删除否则会干扰其他的功能。
删除这句话之后再去修改文本框里的内容可以发现不回传了。 然后将AutoPostBack属性修改为true试一下是否会回传 启动
初始状态 6、HTML服务器端控件 ID控件的名称runat运行的位置
例 asp:Label IDQY runatserver TextQY/asp:Label这句话中控件时Label它的名字叫QY在server(服务器)运行Text该Label在外面显示的是QY。
7、web服务器控件 服务器控件共有属性 三、写一个简单的网页
前面一篇文章写过一个网站但是是先建一个web.html文件然后再运行VS code实现。这个是新建项目后在里面编辑直接启动VS studio实现。
这里会用到前面的内容所以先复习一下吧
.net框架和c#程序设计第一次测试-CSDN博客
复习之后我们就开始使用这个软件进行创建网页了
1、要求 2、实现过程
首先按照以前学过的html的相关知识生成一个满足上述要求的界面 这里就要在添加——新建项——样式表 然后按照以前学的开始编写代码 这里面的内容需要自己输入了再不想VS code会自动生成这里rel是必须的特性不能少。 问题一为什么里面的内容设置了内边距但是外面的边框不会变化
不清楚为什么在right中设置padding为30px就需要各自减掉60px。 问题二为什么控件拖不进去这个登陆页面
要在登录后面回车然后再插入就可以了。
1设置文本框的大小的方法
方法一在设计中修改属性 方法二在源中添加属性但是要注意这个不能填错位置了不然不会显示想要的结果 2添加图片控件的方法
将某个图片放在目前项目下 然后拖一个imagebutton再添加上一个图片名即可。 3在一个.aspx.cs文件中调用一个.aspx文件的方法
使用下面语句进行调用
Response.Redirect(admin.aspx);
4想要跳出一个小窗口显示某些文字
Response.Write(Script alert(用户名或密码错误请重新输入);/Script );
但是使用上面的语句是跳转到某个空白的网页显示若是想要在当前的网页显示那么就可以使用下面的语句 this.ClientScript.RegisterStartupScript(this.GetType(), , Script alert(用户名或密码错误请重新输入);/Script ); 最终结果 实现代码
.aspx.cs代码
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;namespace WebApplication4
{public partial class WebForm1 : System.Web.UI.Page{protected void ImageButton1_Click(object sender, ImageClickEventArgs e){/*ImageButton1.ImageUrl{ ,};*/}protected void Button1_Click(object sender, EventArgs e){if(TextBox1.Textadmin TextBox2.Text 123456){Response.Redirect(admin.aspx);}else{/* Response.Write(Scriptalert(用户名或密码错误请重新输入);/Script );*/this.ClientScript.RegisterStartupScript(this.GetType(), , Scriptalert(用户名或密码错误请重新输入);/Script);}}}
} .aspx文件这里面有自己写的也有自动生成的
% Page LanguageC# AutoEventWireuptrue CodeBehindWebForm1.aspx.cs InheritsWebApplication4.WebForm1 %!DOCTYPE htmlhtml xmlnshttp://www.w3.org/1999/xhtml
head runatserver
meta http-equivContent-Type contenttext/html; charsetutf-8/title练习网页/titlelink hrefStyleSheet1.css relstylesheet/style typetext/css.auto-style1 {width: 100%;height: 132px;}.auto-style2 {width: 142px;}.auto-style3 {height: 0px;margin-top: 0px;}.auto-style4 {margin-left: 0px;}/style
/head
bodyform idform1 runatserverdiv idlogindiv idleftp登录/ptable classauto-style1 trtd classauto-style2用户名/tdtdasp:TextBox IDTextBox1 runatserver CssClassauto-style4 Height50px Width382px/asp:TextBox/td/trtrtd classauto-style2密码/tdtdasp:TextBox IDTextBox2 runatserver CssClasstxt Height50px Width382px/asp:TextBox/td/tr/tablepasp:Button IDButton1 runatserver Height62px Text登录 Width145px OnClickButton1_Click /nbsp;asp:LinkButton IDLinkButton1 runatserver Font-Size16px ForeColor#0099FF OnClickLinkButton1_Click修改密码/asp:LinkButton/pp classauto-style3nbsp;/ppnbsp;/p/divdiv idright欢迎来到这个网页br /br /br /asp:ImageButton IDImageButton1 runatserver Height70px ImageUrl1.png OnClickImageButton1_Click Width74px /br /br /br /br /
nbsp;/divpnbsp;/p/div/form/body
/html.css文件这里面还有几个问题需要我在后面的时候注意的点还有我没有搞清楚的点
body {background-color:aquamarine;font-size:24px;/*默认文字大小为26px*/
}
#login{width:900px;height:500px;border:1px black;background-color:antiquewhite;/*text-align:center;这里要让表格居中的话就得用margin了*/margin:50px auto;
}
#left {width: 600px;height: 500px;border: 1px solid black;float: left;}
#left table {font-size: 18px;text-align:center;
}
#left p { /*编辑left中段落p的属性*/font-size: 48px;text-align: center; /*这个是文字的对齐方式要记住*//*发现光是居中了但是和上边的距离太大了这时候就要用到内边距padding了*/padding: 20px; /*???为什么不需要修改这里修改了内边距那么就要修改边框的值这里左右上下个为15px所以就是左右减去30px,上下减去30px (我理解的)*/}
/*若想要设置文本框的大小就需要使用到内部样式,且在源中要引用这个格式*/
.txt{width:300px;height:50px;}
#right {width: 196px;height: 400px;border: 1px solid black;float: right;padding:50px;text-align:center;font-size:30px;
}
使用管理员身份成功登录之后里面有一句话和重新登录的链接所以也有一个admin.aspx文件:
% Page LanguageC# AutoEventWireuptrue CodeBehindadmin.aspx.cs InheritsWebApplication4.admin %!DOCTYPE htmlhtml xmlnshttp://www.w3.org/1999/xhtml
head runatserver
meta http-equivContent-Type contenttext/html; charsetutf-8/title/title
/head
bodyform idform1 runatserverdiv欢迎来到管理员界面br /br /br /asp:LinkButton IDLinkButton1 runatserver OnClickLinkButton1_Click重新登陆/asp:LinkButton/div/form
/body
/htmladmin.aspx.cs文件
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;namespace WebApplication4
{public partial class admin : System.Web.UI.Page{protected void LinkButton1_Click(object sender, EventArgs e){Response.Redirect(WebForm1.aspx);}}
}
OK这次就到这吧。
里面的错误等到我问一下老师再进行修改吧。。。
