1、 本科毕业论文 (科研训练、毕业设计 ) 题 目: Blog 模版编辑器 姓 名: 学 院:软件学院 系:软件学院 专 业:软件工程 年 级: 学 号: 指导教师(校内): 职称: 指导教师(校外): 职称: 年 月 日 Blog 模版编辑器 摘要 Blog 正越来越流行起来,人们用 Blog 编写网上日记,与其它人交流,获取各式各样的信息。本系统主要提供一个 Html 编辑器,可以在网上编 辑 Blog 的模版,以及把编辑的模版转化成可以显示用户 Blog 日志的动态页面 ,还提供简单的搜索日记的功能。 关键词 blog 网页编辑 搜索 代码生成 中文分词Abstract Blog has
2、become more and more popular. People can quickly post thoughts, interact with others, and get useful information. This System offers an online Html Editor for bloggers to design their templates. Then turn the templates to active pages in order to show blogs. The system also offers a simple search en
3、ergize for searching blogs. Keyword blog html editor search code generation Chinese word segmentation 目录 引言 . 1 第一章 绪论 . 2 1.1 Blog 的由来及作用 . 2 1.1.1 Blog 的定义 . 2 1.1.2 Blog 与传统网络社区的区别 . 2 1.1.3 Blog 的应用 . 2 1.2 中文分词与搜索引擎 . 3 1.3 blog 系统流程介绍 . 3 1.4 编程语言和平台 . 5 第二章 在线可视化 HTML 编辑器 . 6 2.1 HTML 编辑界面 .
4、6 2.1.1 可视化的编辑窗口 . 6 2.1.2 代码编辑窗口 . 7 2.2 Html 编辑器的实现 . 8 2.2.1 DHTML EDIT CONTROL 控件 . 8 2.2.2 工具栏以及命令处理函数 . 9 2.2.3 代码编辑模式 .12 2.3 编辑器的初始化与关键变量的更新 .12 第三章 Blog 系统与代码的动态生成 .14 3.1 Blog 系统流程 .14 3.1.1 用户的登陆和注册 .14 3.1.2 用户 blog 主页面的编辑 .16 3.1.3 Blog 日记的发表 .18 3.1.4 错误显示以及模版选择 .19 3.2 代码的动态生成与动态控件的编写
5、 .20 3.2.1 根据标签格式化代码生成 blog 主页面 .20 3.2.2 动态控件的编写 .21 第四章 中文分词在搜索引擎中的应用 .24 4.1 关键字检索 .24 4.2 在搜索引擎中应用分词 .25 4.2.1 中文分词技术 .25 4.2.2 在搜索引擎中应 用分词 .28 4.3 分词应用下的不同搜索方式的比较 .30 结论 .33 致谢语 .34 Blog 模版编辑器 1 引言 Blog,就是网上日记。一个 Blog 就是一个网页 , 内容就是一个个的日记体帖子。下面我们将讨论怎样通过 Html 编辑器生成一个自定义的个性化的页面,从而动态生成 blog 主页,建立一个
6、新型的 Blog 网站。 Blog 模版编辑器 2 第一章 绪论 1.1 Blog 的由来及作用 1.1.1 Blog 的定义 Blog 是 Weblog 的简称 , 是在网络上的一种流水记录形式 ,中文称为博客 。 一个 Blog就是一个网页,内容就是一个个的日记体帖子,频繁更新并充分利用超链接。它是继 Email,BBS, ICQ 之后出现的第四种新鲜的 网络交流方式。 Blogger,是指习惯于日常记录并使用 blog 工具的人。 1.1.2 Blog 与传统网络社区的区别 Blog,是纵横交错的联系网。 单用户的 Blog 是以个人为中心的,它用帖子在无声的表达着作者的思想和风格。然而
7、在文章的末尾,它加上了互动的评论机制,这样,原来的纵向结构中又融合了横向的话题讨论,接下来进一步加强联系的 trackback、 RSS 等技术使它们开始融合,开始形成一张网。而在多用户的 Blog 中这个网开始立体化。首先,多用户 Blog 对用户进行了分类,这样,有共同爱好的 Blogger 被划 分到一起,然后又通过关键字将有相关内容的帖子集聚到一起,形成专题,再通过最近更新和最近最热等方式将不同的 Blogger 和帖子展现给用户。这一切都极大地加强了原本离散的帖子之间的联系,从而使原来的散沙变成了结构严密的塔。综上我们可以看出,网络社区类的程式在向强调个体和个体之间的联系发展。强调了
8、个体就是个性化,而强调联系则是人性化,使用户很容易的得到想要的信息。正是满足了现有程式无法满足的这两大需求,使得 Blog 在世界范围内流行。而根据 Blog 的用途 Blog 也可日记类型的 Blog(D-blog),新闻类型的 Blog(J-Blog),照片 Blog 等各种形式。 1.1.3 Blog 的应用 Blog 可以用于用户交流信息 , 我们可以用 Blog 工具轻松自如地把自己的生活体验、灵感想法、得意言论、网络文摘、新闻时评等沿着时间的发展灌入 Blog 中,与网友分享。也Blog 模版编辑器 3 可以根据 Blog 提供的各种扩展技术方便的找到自已感兴趣的信息或者服务。 B
9、log 可以应用在学习和教育领域, Blog 简单易用,让一个普通人都可以随意写下自己的看到、听到或者想到的信息。而如果一个学习者看到很有价值的信息,也可以随手摘录到 Blog 中,日后就可以更好地加以整 理和利用。 Blog 还具备的“分享”功能,也就是出版和公布,则让学习者更上一个层次,把自己的学习与周围的群体交流结合在一起。学习者可以在自己的 Blog 中发表自己的知识和见解,其它有相同兴趣或同样学习范畴的人(例如同学)也可以参考,还可以做出评论(大部分的 Blog 工具都有内置或外接的评论功能),而这个学习者就可以在群体的分享和交流中有更进一步的认识。随着 Blog 的不断积累,学习者
10、还可以在阅读自己的 Blog 过程中复习或者品位自己过去所写的内容,修正自己理解的偏差,从而产生更多的体会和感受。这样的过程不断持续下去 ,就形成了一个终身受用的学习习惯。 Blog 简单易用,几乎没有学习门槛。所以使用者可以从小学生一直到耄耋老人,这也说明它会成为学习者可以终身应用的一个学习和知识管理工具。透过 Blog,出现了很多新的学习方式和学习群体。借助 Blog 应用中的延伸技术,例如 RSS 技术和聚合工具(例如, SharpReader),教师无需进入每个学生自己的 Blog 中去浏览他们的进展,或者提交的作业。而是可以透过一个聚合工具,自动获得每个学生最新更新的内容,并对他们做
11、出评价。 Blog 也可以应用在企业以及人们生活的方方面面。 1.2 中文分词与搜索引擎 信息的飞速增长,使搜索引擎成为人们查找信息的首选工具,在 Blog 中我们也要利用搜索引擎来找到自已所需要的信息。 对于搜索引擎来说,最重要的并不是找到所有结果,因为在上百亿的网页中找到所有结果没有太多的意义,没有人能看得完,最重要的是把最相关的结果排在最前面,这也称为相关度排序。中文分词的准确与否,常常直接影响到对搜索结果的相关度排序。 中文分词也可以应用在用户输入的关键字做为一个整体找不到时,可以通过分词尝试来找出关键字中的字段再交给搜索引擎去搜索。 1.3 blog 系统流程 介绍 图 1.1 bl
12、og 系统流程图 Blog 模版编辑器 4 Blog 用户在登陆后可以通过提供的 Html 编辑器,进行用户 Blog 主页面的编辑, Html编辑器提供了可视化方式和代码方式两种编辑模式。在可视化方式下不仅提供了丰富的菜单命令,而且可以把编辑结果以可视化的方式呈现出来。 在编辑完用户主页面后,通过用户插入的预先定义好的 Blog 标签,在页面中插入完成相应功能的代码,从而生成用户 Blog 主页面。根据动态插入的代码,使得用户 Blog 主页面拥有显示用户日记,显示日历等各种功能。 用户可以用搜索引擎来对用户发表的日记进行 搜索,这里提供了三种搜索方式,普通搜索,相关搜索,智能搜索。普通搜索
13、就是平常的搜索方式,查找用户输入的关键字。相关搜索会把用户输入的关建字先拆分成词后,再进行搜索,这样就可以扩大搜索范围,找到相关的信息。智能搜索会对搜索结果进行分词分析,看搜索出来的结果是否与用户的输入匹配,从而对搜索出来的信息进行排序。 Blog 模版编辑器 5 1.4 编程语言和平台 采用 C# 以及 Javascript 语言来编写系统,基于 Microsoft 的 Asp.Net 构架。 Html 编辑器的可视化效果要求 IE5.0 以上。系统运行在 IIS 5 和 .net framework1.1 上。 开发环境 Visual Studio 2003 测试平台 : windows
14、xp (sp1) IIS 5.1 .Net Framework 1.1 Blog 模版编辑器 6 第二章 在线可视化 HTML编辑器 本章介绍在线的可视化 HTML 编辑器的功能以及实现的关键技术。 Hmtl 编辑器,提供编辑 Html 文件所需的各种其本功能,像编辑文字,插入表格,插入图片,编辑样式等等,并且提供了可视化编辑和代码编辑两种模式。 Html 编辑器采用 Dhtml Edit Control 控件来达到可 视化效果,使用 div 层动态生成工具栏,对每个控纽提控了相应的处理函数来实现的相应功能。并有一定的容错功能,使得能纠正一些在代码编辑窗口用户输入的不正确的 Html 代码。 2.1 HTML 编辑界面 2.1.1 可视化的编辑窗口 图 2.1 从上图中可以看到, Html 编辑器提供的功能按纽有 编辑源代码,剪切,拷贝,粘贴,打印,查找,撤消,重做,全选,删除格式,编辑超链接,删除超链接,插入图像,插入表格(单元格,行,列的插入、删除、合并、切分),字体以及字体格式,字体大小的选择,颜色的选择,字的各种对齐方式 ,以及 Html 各种表单元素(表单、单选按纽、复选按纽、输入框、输入区域、按纽)的编辑。 图 2.2