随笔分类 - 我的博客网站开发

摘要: 在页面中,用户可以通过关键字的搜索功能搜索博文。可以实现类似百度和Google的页面搜索功能,可实现多个关键字的搜索。搜索后,在搜索的结果中有关键字的高亮度的提示如:在搜索的结果页面,模仿Google的搜索页面的快照功能,实现简单的快照查看搜索博文的功能。点击搜索页的快照按钮,页面右侧会出现博文的内容,如:搜索页的基本功能实现。接下来就是功能逻辑代码的实现部分。首先要解决一个基本的问题就是:如何传送多个关键字进行查询。我最初的想法是既然是多个关键字的搜索,类似百度和Google的搜索的话,我感觉就应该用一个数组来装载这些关键字,加以区分这些关键字的是空格,然后将其使用spilit函数对字符串进阅读全文
posted @ 2012-05-07 14:36 Ghost Soar 阅读(421) | 评论 (0) 编辑
摘要: 为实现页面间的统一性和开发时代码的工作量,我们将页面相同的布局做成母版页,变化的内容在内容页进行变化。如下图:这样,我们在写博文的显示全文页面时,我们只需在新增页面引用母版页就可实现,页面相同页面的内容的统一性。我们在点击阅读博文的全文的链接后,跳转到全文显示的页面BlogContent.aspx。在该页面下,除母版页的内容外,内容页中有博文的全文、评论、评论的编辑器。博文的全文显示和评论的内容只是简单的数据绑定Html代码: 1 <div id="blogEssayTitle"> 2 <%=gettitle()%> 3 </div> 4阅读全文
posted @ 2012-05-06 21:33 Ghost Soar 阅读(228) | 评论 (0) 编辑
摘要: 在很多的网站都可看见对文章摘要的显示,这种用户体验使读者在未完全打开文章全部内容时,就可对文章有一个大概的了解,需进一步了解文章内容时再进行点开阅读。 实现博客主要的博文显示,其中包括博文的标题、博文的摘要(通过算法实现)、博文的相关信息的显示。由于是使用GridView控件,只需要对控件进行数据控件的绑定即可。其中最主要的还是对博文摘要的相关处理。由于后面还会涉及到博文编辑器的实现,博文在发表的时候,很多时候都要进行段落和字体的处理,由于我在保存博文时是采用直接将其放进数据库的字段中,自然就会要保存相关的html标签代码。问题就出现在我要对摘要进行显示时,自然就希望摘要不需要那些html标.阅读全文
posted @ 2012-05-06 20:36 Ghost Soar 阅读(273) | 评论 (0) 编辑
摘要: 实现气泡提示功能后,这更能对用户的体验有一定程度的提高。接下来是对博客首页功能的左侧的排行版的实现。为了学习,采取了两种方式,一种是js语言进行数据的绑定,另一种是使用asp.net的GridView控件绑定。(1)Js方法:主要是通过循环语句逐个插入Js代码: 1 $(document).ready(function () { 2 3 var MasterBlogReadSort; //博主博文阅读排名 4 var MasterBlogReadSort_Count; //各博文的阅读次数 5 var M...阅读全文
posted @ 2012-05-06 20:24 Ghost Soar 阅读(264) | 评论 (0) 编辑
摘要: 在完成博客首页的设计之后,接下来就是页面的功能的实现。 在实现功能之前,首先介绍一下jQuery气泡提示控件,显示的图片如下图: 主要实现当鼠标经过页面中“关注”时,会有气泡提示,显示博主关注的博客的动态。控件jquery.poshytipJavascript代码: 1 $('#guanzhu').poshytip({ 2 className: 'tip-skyblue', 3 alignX: 'right', 4 alignY: 'bottom', 5 conte...阅读全文
posted @ 2012-05-06 20:06 Ghost Soar 阅读(350) | 评论 (0) 编辑
摘要: 首先是是对导航菜单的设计,个人感觉对界面的设计还是要以大方和显著为主为好。Html代码: 1 <div id="menu_header"> 2 <ul> 3 <li><a class="menua" href="#">首页</a></li> 4 <li><a class="menua" href="../BlogHomePage.aspx">博客总页</a></li> 5 &l阅读全文
posted @ 2012-05-06 19:44 Ghost Soar 阅读(976) | 评论 (0) 编辑