ASP.NET程序设计教程3---简单课表查询网站

通过前面两讲,学会了一些简单的ASP.NET操作,下面我们根据前面学习的知识,做一个简单的课表查询网站。
1.3 创建一个简单课表查询网站
假设明星学校有三个班级(分别是网络一班、信息一班、土木一班)。要求设计并实现一个能在网络中通过浏览器进行各个学生班级课表查询的ASP.NET网站。
接下来是实现的关键步骤说明,首先建立一个空网站,在空网站中添加一个Web窗体,如果这里不清楚的同学,可以去查看一下上一讲的内容,后续课程不再赘述。
在“视图设计器”中,添加一个Label控件,“Text”修改为“明星学校课表查询”。将Label控件设置为“居中”,设置结果如图1所示。

图1 设置标题居中
家下来插入一个1行3列的表,在设计视图中“表”-->“插入表”中选择,具体位置可以参考图2。
图2 插入表
点击后,选择一个1行3列的表,如图3所示。
图3 插入1行3列表格
接下来,向刚刚插入的1行3列表格中添加HyperLink控件,一次插入3个控件,显示的结果如图4所示。
图4 插入HyperLink控件后的显示结果
下一步,添加3个用于显示各班级课表的页面Class1.aspx、Class2.aspx、Class3.aspx。添加过程为在visual studio左侧的“解决方案资源管理器”中的项目名称点击右键,选择“添加新项”,在弹出的对话框中选择“Web窗体”。注意修改网页的名称。 在新建的Class1.aspx的页面上右键选择“视图设计器”,然后添加如图5所示的结果。第一行的“2019~2020第一学期网络一班课程表”是一个Label控件,添加后修改其Text属性即可。第二行的“返回”是一个HyperLink控件,修改其Text属性为返回。接下来是一个插入的表格(4行5列),其中的内容可以按照需求填入,这里为了简化操作,随机填入了“语文”、“数学”、“英语”三门课。其余两个班级的课表添加过程类似,这里不再赘述,可以直接将图5中的页面拷贝到其他两个班级,然后修改第一行Label的Text属性为对应的班级即可。
图5 设计课表内容Class1.aspx
接下来,回到Default.aspx页面的“视图设计器”下,修改第一个HyperLink控件的属性,修改内容如图6所示。
图6 第一个HyperLink控件的属性修改
图6中Text属性改为“网络一班”,NavigateUrl属性通过菜单栏进行选择,Target属性通过下拉菜单选择。其余两个HyperLink控件属性性钙如图7、图8所示。
图7 第二个HyperLink控件的属性修改
图8 第三个HyperLink控件的属性修改
最后一步修改,切换到Class1.aspx页面的“视图设计器”下,将“返回”这个HyperLink控件按照如图9所示的内容进行修改。
图9 Class1.aspx中的HyperLink控件属性修改
对Class2.aspx和Class3.aspx两个页面按照图9中的修改同样操作一遍。 最后运行程序(快捷键ctrl + F5)。得到如图10的运行结果。
图10 课表查询网页运行结果
在运行结果中,点击“网络一班”、“信息一班”、“土木一班”这几个控件,分别跳转到对应的各个班级页面。不过,细心的同学可以发现网站的名称有些奇怪(图10中左上角红色框中),此时可以通过修改代码来实现,在“解决方案资源管理器”中右键点击“Default.aspx”页面,选择“查看代码”,修改代码如下:
protected void Page_Load(object sender, EventArgs e)
    {
        this.Title = "欢迎访问课表查询系统";
    }

再次运行,可以看到如图11的结果。

图11 修改默认页面title后的运行结果
根据图11的结果可以看到页面的title修改为了“欢迎访问课表查询系统”。不过,点击“网络一班”以后,显示的title同样有些奇怪(图11中左数第二个红框)。同样的,可以在“解决方案资源管理器”中右键点击“Class1.aspx”页面,选择“查看代码”,修改代码如下:
protected void Page_Load(object sender, EventArgs e)
    {
        this.Title = "网络一班课表";
    }

运行结果如图12所示。

图12 修改Class1.aspx的title后的运行结果
类似的修改可以应用到Class2.aspx和Class3.aspx。到这里,一个简单的课表查询网站就完成了。
  • 3
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值