asp.net课程设计心得(一)

<!--[if gte mso 9]><xml><w:WordDocument><w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel><w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery><w:DisplayVerticalDrawingGridEvery>2</w:DisplayVerticalDrawingGridEvery><w:DocumentKind>DocumentNotSpecified</w:DocumentKind><w:DrawingGridVerticalSpacing>7.8</w:DrawingGridVerticalSpacing><w:View>Normal</w:View><w:Compatibility></w:Compatibility><w:Zoom>0</w:Zoom></w:WordDocument></xml><![endif]-->

前言:

每学期一度的课程设计又到了!谈到课程设计,真是几家欢喜几家愁啊。有想法的,基础好的同学,四五天就完事了;而那些学完了这门课还没弄明白的学的是什么的同学,就头痛了。上网下载、图书馆借指导书成了他们的必选的途径。对于我呢,前不久刚刚自学过JavaScript,可以将它应用到这次课程设计上,这也给我省了不少事。

有句话说得好:实践出真知。实践能检验真理,也能让你提升自己。

通过这次asp.net课程设计,我确实了解了不少东西,接下来与大家分享一下;有写的不对的地方,还请睿智的您给予改正。

正文:

一.JavaScript

刚刚开始学习asp.net时,我就想做一个人网站。所以在课程设计开始前的几天,我就开始构想,但苦于知识匮乏,想的东西都可能实现不了,也不知道用啥实现,所以打开电脑,将Firefox打开,Google一下;在搜索框里输入“个人网站”,弹出了一大堆与“个人网站”相关的信息,其中头一个就是“优秀个人网站欣赏,优秀个人主页欣赏”;点击进入,里面有100多个优秀网站吧,看看,模仿模仿。一直是这样认为的,中国人善于模仿,不善于原创。

浏览过别人做的优秀网站后,发现他们都引用到了很多东西,而这些东西正是自己没学过的,自己缺乏的,怎么办呢?那么多东西都不懂,放弃做个人网站的构想?在挣扎过后,还是确定了按照自己最初的梦想。对于课程设计,老师有要求,就是必须要用到数据库。我猜测老师的用意:无非就是要我们熟悉数据库,和ado.net嘛!上学期自学了MSSQLserver,还用在了winForm课程设计上,所以关于数据库的东西还是有些研究;但是ado.net就没怎么研究了,每次要操作数据库,连接这块都得现找书,现查资料。这点确实有点头痛,下学期想彻底的学学ado.net。虽然没有了数据库做后台管理,前台页面会显得那么单调,但是有JavaScript来修饰,静态的东西还是会动起来的。

鉴于我的猜测,和自己的想法,我还是想给老师看看我新学的东西:JavaScript

与其说我做的是一个人网站,还不如说是一个小相册。因为很多地方多是在对图片进行操作。但就是在这个小小的操作中,存在着很多大大的学问。

下面来看看我的小相册。

加载页面

当我们点击进入某个网页的时候,就向服务器端发送了我们的请求,然后等待服务器端响应我们的请求,传送回数据,这样我们才可以看到完整的精美的网页内容。发送请求到数据完全传送回客户端,这段时间内,用户能看到加载进度,要么显示在标题栏里,要么显示在状态栏里。

我的加载页面里有两个<input type="text".../>标签,一个<inputtype="Button".../>作为页面触发事件,就是单击这个button的时候就开始加载页面,模拟客户端服务器之间的请求——回传数据。第二个<inputtype="text".../>标签显示加载进度,用“|”显示,第三个<inputtype="text".../>标签显示加载百分比。下面是js代码:

Code:
  1. varbar=0;//变量声明
  2. varline="|";//loading的样式
  3. varamount="|";//进度线总数
  4. Button1_onclick();//调用函数
  5. functionButton1_onclick(){
  6. document.forms[0].Text0.value="载入中,请稍等......";
  7. bar=bar+1;
  8. amount=amount+line;
  9. document.forms[0].Text1.value=amount;
  10. document.forms[0].Text2.value=bar+"%";
  11. if(bar<99){
  12. setTimeout("Button1_onclick()",50);//50毫秒之后再次调用Button1_onclick()函数
  13. }
  14. else{
  15. //进度条满后,显示另一个页面
  16. window.location="http://localhost:1675/webSite2/home.aspx";
  17. }
  18. }

这里设置了50毫秒自动调用Button1_onclick()函数,但是在实际应用中,应该是根据你的当前下载速度(360的流量监控器里的“下载”)和你请求的数据量的大小,来进行计算,得出页面加载进度。

这里用到了document对象,用它的forms属性来获取页面对象,并对此对象赋值。用setTimeout()函数来周期性调用Button1_onclick()函数;setTimeout(code,delay)code表示周期执行的代码,delay表示周期;它与window对象的另一个方法很像,setInterval(code,delay)。关于这两个函数,写书的人这样写道:

setTimeout()window对象的方法,可以在打开窗口一定时间后,执行一个自定义函数或者语句,起到一个定时器的功能。

setInterval()window对象的方法,表示周期性地执行指定的代码,间隔指定的时间后,执行一个自定义函数或者语句。

当加载完成以后就进入主页面了,这里用到了window对象的location属性,来定义跳转页面。

JavaScript中实现页面跳转的常用方法有3个:

1.使用window对象的location属性,将window.location属性值设置为要跳转的页面URL地址,会引发浏览器装载并显示URL所指的页面。

2.设置Location对象的href属性,

Code:
  1. window.location.href="http://www.baidu.com"

3.使用Location对象的assign("URL")方法,

Code:
  1. window.location.assign("http://www.baidu.com")

没有更多推荐了,返回首页