个性化可定制在线WEB编辑器的设计与实现-软件工程专业论文.docx

万方数据 万方数据 独 创 性 声 明 本人声明所呈交的学位论文是本人在导师指导下进行的研究工作 及取得的研究成果。据我所知，除了文中特别加以标注和致谢的地方 外，论文中不包含其他人已经发表或撰写过的研究成果，也不包含为 获得电子科技大学或其它教育机构的学位或证书而使用过的材料。与 我一同工作的同志对本研究所做的任何贡献均已在论文中作了明确的 说明并表示谢意。 签名： 日期： 年 月 日 论 文 使 用 授 权 本学位论文作者完全了解电子科技大学有关保留、使用学位论文 的规定，有权保留并向国家有关部门或机构送交论文的复印件和磁盘， 允许论文被查阅和借阅。本人授权电子科技大学可以将学位论文的全 部或部分内容编入有关数据库进行检索，可以采用影印、缩印或扫描 等复制手段保存、汇编学位论文。 （保密的学位论文在解密后应遵守此规定） 签名： 导师签名： 日期： 年 月 日 万方数据 万方数据 摘要 摘 要 随着网络技术和 Web 应用的快速发展，Web2.0 时代的以用户为中心的特性影 响着每个人的生活，人们也开始从被动的信息接受者转变为信息的主动发布者和 创造者，有着丰富的在线编辑体验。诸如论坛发贴、新闻发布、商品描述编辑、 BLOG 日志编辑，邮件内容编辑、在线教育平台、精品课程建设平台等任何需要 输入信息的地方。网站管理者提供的在线编辑器的功能强弱不一，界面与功能无 法定制，人们只能根据编辑器提供的功能来完成信息发布，有时还要借助 Word、 Dreamweaver 等桌面工具处理发布的信息。 本文设计的在线 Web 编辑器不仅可以为用户提供更好的在线编辑体验，而且 很好地了解决上述问题。为用户提供了两种风格的界面：一种是 Offic 风格界面， 适合熟悉 Word 操作的用户群；另一种是 Dreamweaver 风格界面，适合于熟悉和使 用 Dreamweaver 进行网页设计的用户群。并允许网站管理员预设默认界面，用户 也可以根据自己的喜好选择其中一种界面风格、定制功能来使用。 本文根据精品课程建设平台在后台编辑中的实际需求，同时兼顾了在线编辑 器目前的发展趋势，选择使用 B/S 模式、Ajax 技术及 JavaScript 框架技术来完成在 线编辑器的设计与开发。主要研究工作包括如下： 1. 实现类似于 Word、Dreamweaver 的功能和界面风格。 2. 实现用户对功能和界面的定制需求。用户可以根据个人对功能与界面风格 的喜好定制符合个人需要的界面元素。 3. 提供个性化功能。根据在线编辑器的发展趋势，用户对个性化方面的需求 越来越明显，在此为用户提供了较为实用的个性化功能：网页模版、QQ 在线交流、 Google Maps 等。 本文设计实现的在线编辑器已在新疆工业高等专科学校精品课程建设平台中 使用，运行稳定，较好地满足了课程建设中对各类教学资源的编辑需求，今后将 进一步对其进行改进与完善。 关键词：在线编辑器，个性化定制，网页模板 I ABSTRACT ABSTRACT With the network technology and the Web applications developing rapidly, User-centric features affect everyones life in Web 2.0 era; people began to shift from passive recipients of information to activity information publishers and creators, with plenty of online editing experience. Such as posting in forum, publishing the news, describing the products, editing the blog, editing the mail content, online education platform and courses construction platform etc. at anywhere can be input messages. Website administrators provide different scope of functional of online editor, interface and function cant be customized, people have to publish information according to the provided functions of the online editor, sometimes ev