全部文章浏览模式: 标准 | 列表

运用JQuery框架实现的局部更新

Posted by 欧阳振华 on 2008-8-6 16:26:08

    今天下午没事就在家里看了看JQuery的AJAX,学JQuery最主要的就是想用用她的AJAX,所以在看完相关的知识点以后,就写了个实例,没想到一次就成功了,现挂出来作个笔记.

    Default.aspx文件:

  1. <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %> 
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   
  4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" > 
  7. <head runat="server"> 
  8.     <title>Ajax 留言板</title> 
  9.     <script type="text/javascript" src="jquery-1.2.6.pack.js"></script> 
  10.     <script type="text/javascript"> 
  11.         $(document).ready(function(){  
  12.                GetAllMsg();           
  13.         });    
  14.         function GetAllMsg(){  
  15.             $("#AllMsg").html("&nbsp;&nbsp;<img src='images/loading.gif'/>");  
  16.             $.ajax({  
  17.                 type:"POST",  
  18.                 url:"ajaxAllMsg.aspx?act=getAll",  
  19.                 dataType:"html",  
  20.                 data:"",  
  21.                 success:function(result)  
  22.                 {  
  23.                     $("#AllMsg").html(result);  
  24.                 }  
  25.             });  
  26.         }  
  27.     </script> 
  28. </head> 
  29. <body> 
  30.  <form id="form1" runat="server"> 
  31.                               
  32.         <div id="AllMsg">             
  33.         </div>                
  34. </form>       
  35.  
  36. </body> 
  37. </html> 

Read the rest of this article »
javascript| Comments:0 | Viewvers:221

用上JQuery的登陆例子

Posted by 欧阳振华 on 2008-8-5 17:42:23

     今天刚接触JQuery,做了一个小小的实例,效果还是出来了,等有机会了把现在用的prototype框架换成jquery框架.

    jquery.aspx文件:

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="jquery.aspx.cs" Inherits="jquery" %> 
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   
  4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" > 
  7. <head runat="server"> 
  8.     <title>无标题页</title> 
  9.      <script type="text/javascript" src="JavaScript/jquery-1.2.6.pack.js" ></script> 
  10.        <script type="text/javascript" src="JavaScript/postmethod.js" ></script> 
  11. </head> 
  12. <body> 
  13.     <form id="form1" runat="server"> 
  14.     <div> 
  15.       <input name="writer" id="writer" type="text" value="" />   
  16.         <input name="pass" id="pass" type="password" value="" />   
  17.         <input type="submit" name="button" id="button" value="提交"  />    
  18.       </div> 
  19.       <div id="login_confirm" > </div>   
  20.  
  21.     </form> 
  22. </body> 
  23. </html> 

Read the rest of this article »
javascript| Comments:0 | Viewvers:428

开发ASP.NET博客的第六步——在Model项目里创建实体类

Posted by 欧阳振华 on 2008-8-3 17:14:56

      在解决方案里,一共有七个项目,它们实现的先后顺序是:

  1. 创建Model，实现业务实体。
  2. 创建IDAL，实现接口。 
  3. 创建SQLServerDAL，实现接口里的方法。 
  4. 增加web.config里的配置信息，为SQLServerDAL的程序集。 
  5. 创建DALFactory，返回程序集的指定类的实例。
  6. 创建BLL，调用DALFactory，得到程序集指定类的实例，完成数据操作方法。 
  7. 创建WEB，调用BLL里的数据操作方法。

    所以,我们首先要在Model项目里创建实体类,我们先创建一个文章实体类ArticleInfo.cs,ArticleInfo类的代码结构如下:


Read the rest of this article »
开发ASP.NET博客实例| Comments:0 | Viewvers:274

开发ASP.NET博客的第五步——了解"命名空间"

Posted by 欧阳振华 on 2008-8-1 19:45:32

      今天之所以要讲这么一个概念,是因为在我们开始写程序代码之前首先要接触到的就是命名空间.了解命名空间对于接下来的代码调用会清晰很多.因为我们前面在解决方案里建立的各个项目,在生成解决方案以后,就是可以供程序引用的命名空间.

     命名空间使用关键字 namespace 定义,例如我们在解决方案里的Model里添加一个ArticleInfo.cs(添加的步骤是:选中项目→右键→添加→新建项→选择类文件),那么ArticleInfo.cs的代码结构是:

  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.Text;  
  4.  
  5. namespace KaiBo.Model  
  6. {  
  7.     class ArticleInfo  
  8.     {  
  9.     }  
  10. } 

上面代码中,KaiBo.Model是命名空间的名称,ArticleInfo是这个命名空间中的一个类名.在其它项目中引用此命名空间及它里面的类的方法如下:

  1. 使用关键字using 来引入命名空间 
    1. using KaiBo.Model; 
  2. 引用命名空间后,在代码中就可以直接使用所引用的命名空间中的各种元素的名称了.例如: 
    1. private ArticleInfo articleinfo = new ArticleInfo(); 
    上面一行码实际上是下面这行代码的简写:
    Read the rest of this article »
开发ASP.NET博客实例| Comments:0 | Viewvers:243

请大家帮忙设计博客后台的布局

Posted by 欧阳振华 on 2008-7-30 16:57:09

    自开始做这个博客以来,在程序方面没有遇到过很大的困难,但是在美工上却是力不从心,仅前台的布局及美化就已让我够呛.整了几天才马马虎虎的整出现在这个样子,到现在还有些地方与IE6不兼容.

    开发这个博客系统是兴趣使然,什么事情刚开始的时候想得总是非常美好,我一直想把它打造成一个非常完美的系统,但是我现在发现软件这东西,特别是网站,永远没有完美的时候,今天觉得很好了,明天再看时却又觉得不顺眼.现在才明白,在软件开发方式发生了深刻的变革的大背景下,软件已不再是某一个人精雕细琢的艺术品了,而是一系列合作的结晶.

    很久就想把这个系统放在网上供人下载,为初学者提供一些参考了,但一直觉得它不够完美,所以没有轻易的放出来.现在整个网站的程序做得差不多了,但是后台的布局却十分的凌乱.请有意帮忙设计后台的人参照下面我提供的信息来设计,完成以后联系我,将来系统开源的时候必将联合暑名.后台信息如下:


Read the rest of this article »
kaibo系统的开发记事| Comments:1 | Viewvers:304

文章分类自由排序的实现

Posted by 欧阳振华 on 2008-7-29 10:29:02

    前几天突然想为文章的分类做个可以自由排序的功能，今天把它实现了。方法及思路如下：

    首先,在数据库里加一个字段DisplaySequence用来记录排序的序号,在查询的时候以序号的升序来排列.最后的显示效果如下图所示：

    我想要实现的功能是这样的：如果把4改为1以后,那么原有的1,2,3就应该变为2,3,4了。而如果把4改为9,那么,原有的5,6,7,8,9就应该变为4,5,6,7,8。刚开始,我想了很多很复杂的办法,想过用存储过程,还想过用游标.但是,最后我发现要实现这个功能其实很简单,二个判断加二个Update语句就可以把问题解决非.具体实现的方法是这样的：


Read the rest of this article »
kaibo系统的开发记事| Comments:0 | Viewvers:241