巧用XML+XSLT+CSS+JQuery创建Asp.Net网站(二)

分类:网站建设| 发布:camnprbubuol| 查看: | 发表时间:2011/6/14


添加一个CSS文件,命名为Style.css,输入以下代码:

   body 
  { 
  background-color: Silver; 
  } 
  h1 
  { 
  color: Gray; 
  } 
  a 
  { 
  color:White; 
  margin-right:6px; 
  }

  编译并运行,即可看到输出的数据:

  查看其源代码:

  用户访问不同页面时,只有这些XML代码会被多次下载,其他客户端的文件都只需下载一次,大大节省了服务器网络资源。

  由于此前在ashx中编写了支持Url参数查询的代码,我们可以通过设置max参数来决定显示的最大数据条目数:

      输出部分至此就完成了,接下来是输入部分:

  导入JQuery代码jquery-1.3.2.js到项目中。

  添加一个JS文件,命名为Post.js,输入以下代码:


 ///  
  $(function() { 
  $("#PostName").click(function() { 
  $.post("./webservice.asmx/AddName", { "Name": $("#Name").attr("value") }, function() { location.reload(); }) 
  }); 
  } 
  );


  可以看到,通过JQuery在JS代码文件中为按钮注册处理函数非常简单,这样就将交互部分完全分离开来。

  添加一个WebService,命名为WebService.asmx,在其后台代码文件WebService.cs中输入如下代码:


 using System; 
  using System.Collections.Generic; 
  using System.Linq; 
  using System.Web; 
  using System.Web.Services; 
  using System.Data.OleDb; 
  ///  
  ///WebService 的摘要说明 
  ///  
  [WebService(Namespace = "http://tempuri.org/")] 
  [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] 
  //若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
  // [System.Web.Script.Services.ScriptService] 
  public class WebService : System.Web.Services.WebService { 
  public WebService () { 
  //如果使用设计的组件,请取消注释以下行 
  //InitializeComponent(); 
  } 
  [WebMethod(Description="添加一个新的用户名")] 
  public void AddName(string Name) { 
  OleDbConnection c = new OleDbConnection(string.Format(@"Provider=Microsoft.Jet.OLEDB.4.0;Data Source=""{0}"";Persist Security Info=True", HttpContext.Current.Server.MapPath(@"~\App_Data\Database.mdb"))); 
  c.Open(); 
  new OleDbCommand(string.Format("INSERT INTO [User] VALUES (’{0}’,’{1}’)",Guid.NewGuid(),Name),c).ExecuteNonQuery(); 
  c.Close(); 
  } 
  }

  编译并执行,测试提交数据:

  提交成功后会刷新页面(JS里的回调函数所为),刷新后的输出数据:

  此范例完成,解决方案资源管理器中显示的目录结构如下:

  可预见的问题

  一定要用JQuery吗?

  不,只是方便而已,其他框架或自写JS也都可以实现。

  我的网站需要侧边栏显示一些热门文章排行之类的东西,该怎么实现呢?

  可以通过Ajax的方式,配合WebService异步获取数据,但这样的话搜索引擎没法收录这些数据。

  也可以将这些数据直接写在XML里,但这样的话又会造成冗余。

  比较妥当的方法是将XSLT也改为由ashx处理程序动态生成,在里面写入这些数据,但这样会增加服务器负荷,注意设好缓存应该影响不大,另外的副作用就是使后台开发人员和设计师又亲密接触了。

  怎么使用Session?怎么使用Membership?

  我们的XML文件是使用ashx处理的,实质上它和aspx没多大区别,可以通过HttpContext.Current.Session访问到Session,要干什么都可以在里面干了。如果要由客户端改变Session的值,只要通过WebService就可以了。

  使用Membership也是同样道理,只不过少了那些登录控件什么的,你必须手动编写代码来控制了。

  结语

  XML是XHtml的终极目标,虽然现在将XML用于网站开发或许还不够成熟,但是应该距成熟不远了,Ajax的诞生进一步奠定了前往XML的路,这路必定会越来越好走的。

  我承认,我喜欢研究一些非主流的东西=。=,此前还研究过用XAML做网页,HOHO,也许RIA才是未来的王者也说不定。

引自:http://www.evget.com/zh-CN/Info/catalog/11880.html
365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/archives/347.html