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

前言：

每学期一度的课程设计又到了！谈到课程设计，真是几家欢喜几家愁啊。有想法的，基础好的同学，四五天就完事了；而那些学完了这门课还没弄明白的学的是什么的同学，就头痛了。上网下载、图书馆借指导书成了他们的必选的途径。对于我呢，前不久刚刚自学过JavaScript，可以将它应用到这次课程设计上，这也给我省了不少事。
有句话说得好：实践出真知。实践能检验真理，也能让你提升自己。
通过这次asp.net课程设计，我确实了解了不少东西，接下来与大家分享一下；有写的不对的地方，还请睿智的您给予改正。

 

正文：

一．JavaScript
刚刚开始学习asp.net时，我就想做一个人网站。所以在课程设计开始前的几天，我就开始构想，但苦于知识匮乏，想的东西都可能实现不了，也不知道用啥实现，所以打开电脑，将Firefox打开，Google一下；在搜索框里输入“个人网站”，弹出了一大堆与“个人网站”相关的信息，其中头一个就是“优秀个人网站欣赏,优秀个人主页欣赏”；点击进入，里面有100多个优秀网站吧，看看，模仿模仿。一直是这样认为的，中国人善于模仿，不善于原创。
浏览过别人做的优秀网站后，发现他们都引用到了很多东西，而这些东西正是自己没学过的，自己缺乏的，怎么办呢？那么多东西都不懂，放弃做个人网站的构想？在挣扎过后，还是确定了按照自己最初的梦想。对于课程设计，老师有要求，就是必须要用到数据库。我猜测老师的用意：无非就是要我们熟悉数据库，和ado.net嘛！上学期自学了MS—SQL server，还用在了winForm课程设计上，所以关于数据库的东西还是有些研究；但是ado.net就没怎么研究了，每次要操作数据库，连接这块都得现找书，现查资料。这点确实有点头痛，下学期想彻底的学学ado.net。虽然没有了数据库做后台管理，前台页面会显得那么单调，但是有JavaScript来修饰，静态的东西还是会动起来的。
鉴于我的猜测，和自己的想法，我还是想给老师看看我新学的东西：JavaScript。
与其说我做的是一个人网站，还不如说是一个小相册。因为很多地方多是在对图片进行操作。但就是在这个小小的操作中，存在着很多大大的学问。
下面来看看我的小相册。
加载页面
当我们点击进入某个网页的时候，就向服务器端发送了我们的请求，然后等待服务器端响应我们的请求，传送回数据，这样我们才可以看到完整的精美的网页内容。发送请求到数据完全传送回客户端，这段时间内，用户能看到加载进度，要么显示在标题栏里，要么显示在状态栏里。
我的加载页面里有两个<input type="text".../>标签，一个<input type="Button" .../>作为页面触发事件，就是单击这个button的时候就开始加载页面，模拟客户端服务器之间的请求——回传数据。第二个<input type="text" .../>标签显示加载进度，用“|”显示，第三个<input type="text" .../>标签显示加载百分比。下面是js代码：            

Code:

var bar=0;//变量声明  

var line="|";//loading的样式  

var amount="|";//进度线总数  

Button1_onclick();//调用函数 

function Button1_onclick()   {  

    document.forms[0].Text0.value="载入中，请稍等......";  

    bar=bar+1;  
    amount=amount+line;  
    document.forms[0].Text1.value=amount;  
    document.forms[0].Text2.value=bar+"%";  

    if(bar<99){  

      setTimeout("Button1_onclick()",50);//50毫秒之后再次调用 Button1_onclick()函数

    }  
    else{  

      //进度条满后，显示另一个页面  

      window.location="http://localhost:1675/webSite2/home.aspx";  

    }  
}  

这里设置了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:

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

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

Code:

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