您所在位置： &
&nbsp&&nbsp&nbsp&&nbsp
宠物情缘在线平台的设计与实现毕业论文.doc 50页
本文档一共被下载：
次 ,您可全文免费在线阅读后下载本文档。
下载提示
1.本站不保证该用户上传的文档完整性，不预览、不比对内容而直接下载产生的反悔问题本站不予受理。
2.该文档所得收入(下载+内容+预览三)归上传者、原创者。
3.登录后可充值，立即自动返金币，充值渠道很便利
需要金币：200 &&
你可能关注的文档：
··········
··········
毕业论文（设计）原创性声明
本人所呈交的毕业论文（设计）是我在导师的指导下进行的研究工作及取得的研究成果。据我所知，除文中已经注明引用的内容外，本论文（设计）不包含其他个人已经发表或撰写过的研究成果。对本论文（设计）的研究做出重要贡献的个人和集体，均已在文中作了明确说明并表示谢意。
作者签名：
毕业论文（设计）授权使用说明
本论文（设计）作者完全了解**学院有关保留、使用毕业论文（设计）的规定，学校有权保留论文（设计）并向相关部门送交论文（设计）的电子版和纸质版。有权将论文（设计）用于非赢利目的的少量复制并允许论文（设计）进入学校图书馆被查阅。学校可以公布论文（设计）的全部或部分内容。保密的论文（设计）在解密后适用本规定。
作者签名：
指导教师签名：
注 意 事 项
1.设计（论文）的内容包括：
1）封面（按教务处制定的标准封面格式制作）
2）原创性声明
3）中文摘要（300字左右）、关键词
4）外文摘要、关键词
5）目次页（附件不统一编入）
6）论文主体部分：引言（或绪论）、正文、结论
7）参考文献
9）附录（对论文支持必要时）
2.论文字数要求：理工类设计（论文）正文字数不少于1万字（不包括图纸、程序清单等），文科类论文正文字数不少于1.2万字。
3.附件包括：任务书、开题报告、外文译文、译文原文（复印件）。
4.文字、图表要求：
1）文字通顺，语言流畅，书写字迹工整，打印字体及大小符合要求，无错别字，不准请他人代写
2）工程设计类题目的图纸，要求部分用尺规绘制，部分用计算机绘制，所有图纸应符合国家技术标准规范。图表整洁，布局合理，文字注释必须使用工程字书写，不准用徒手画
3）毕业论文须用A4单面打印，论文50页以上的双面打印
4）图表应绘制于无格子的页面上
5）软件工程类课题应有程序清单，并提供电子文档
5.装订顺序
1）设计（论文）
2）附件：按照任务书、开题报告、外文译文、译文原文（复印件）次序装订
第一章　 系统概述 7
1.1本课题的研究意义 7
1.2、本论文的目的及内容 7
管理系统概述 8
2.2.1 B/S体系结构 9
2.2.2 Dreamweave 10
2.2.3 SQL Server 10
2.2.4 HTML(Hyper Text Markup Language) 11
2.2.5 ASP.Net 11
系统调研及可行性分析 12
系统调研 12
可行性分析 12
经济可行性 12
技术可行性 12
四章　系统需求分析 15
业务流分析 15
数据流分析 16
数据字典 17
五　系统设计 20
系统设计思想 20
数据库需求分析 25
数据库概念结构设计 25
数据库逻辑结构设计 27
宠物情缘在线平台的设计与实现界面设计 31
6．1开发环境简介 31
6．2前台界面的设计 32
6.2.1 首页界面 32
6.2.3 用户注册界面 36
6.2.4宠物查询界面 37
6．3系统登陆界面的设计 37
6.3.2注册用户信息界面的设计 41
6.3.3爱宠常识管理界面的设计 41
系统参数管理界面设计 42
6.4 注册用户后台界面设计 44
6.4.1宠物主人管理界面的设计 44
6.4.2宠物信息管理界面的设计 45
6.5 数据的备份与恢复 46
参考文献 48
宠物情缘在线平台的设计与实现是, 其开发基于B/S模式的网络管理的实现，采用的是ASP。ＮＥＴ+sql 2008模式。电子商务是凌架于互联网系统上的一个管理平台，是地面管理系统的一种延伸和互补，也是注册用户和客户的一种很有效的沟通途径。当下在中国，不同程序实现网络管理的厂商约占７８%左右，剩下的那２２％左右的厂商，都在努力创造着做网络管理的地面物质准备。錾于此，实现网络管理，已经成为未来商场战争中占有优势地位的必不可少的工具了。
正在加载中，请稍后...下次自動登錄
現在的位置:
& 綜合 & 正文
DotNetTextBox V2.0 Web Control(ASP.NET2.0 增強型TextBox控件,完全支持AJAX.NET)
[控件界面]
[控件介紹]
名稱：DotNetTextBox V2.0 Web Control 免費無限制版
類型：ASP.NET2.0 增強型TextBox控件
作者: 小寶.NET2.0
.NET2.0技術討論QQ群：532207
功能：1.功能強大的所見即所得HTML編輯器控件(WYSWYG)，完全支持ASP.NET2.0技術。
2.可完全整合到VS2005開發環境中，方便用戶設計ASP.NET2.0網頁時調用。
3.控件可以完全替代TextBox控件用於BBS、新聞系統、留言簿、評論、郵件、網絡CRM、BLOG等系統。
4.控件支持換膚、輸入模式轉換、外觀定製及WEB上傳等強大功能。更多功能請參看Doc/幫助.CHM
5.支持AJAX.NET，直接將控件拉到UpDatePanel內即可。[使用說明]
本機測試的方法:
1.下載解壓DotNetTextBox目錄到默認站點的根目錄後，必須在Internet信息服務管理器找到該目錄後右擊屬性&創建&確定來創建虛擬目錄，也可以在Internet信息服務管理器直接新建一個名叫DotNetTextBox的虛擬目錄並指向該目錄。設置好後瀏覽器直接輸入就可進入相應的演示頁面。
2.如果瀏覽頁面時出現"/"應用程序中的服務器錯誤並提示未設置為虛擬目錄，請在Internet信息服務管理器中找到DotNetTextBox目錄並右擊屬性&創建&確定，即可創建該目錄的虛擬目錄。
3.編輯Projects目錄下項目文件的時候,請保證DotNetTextBox目錄是放在站點根目錄,即可以訪問到演示頁面,否則項目中控件的圖片顯示將不正確,這時請將用記事本打開sln文件,修改裡面的相關路徑,比如編輯normal項目,如果DotNetTextBox目錄放在默認站點的aspx目錄下,則請將SLN文件里所有修改為即可。
4.本控件不支持ASP.net 1.0/1.1,畢竟ASP.NET2.0全面替代1.0/1.1是大勢所趨了，所以免費版不會提供支持Asp.Net 1.0/1.1的版本了。
頁面及VS2005調用控件的方法:
1.首先必須刪除引用控件的ASPX頁面中&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""&這個定義(VS2005頁面默認會添加這個定義),否則控件將不工作!
2.直接在ASPX頁面引用控件的話，請將DotNetTextBox.dll複製到頁面所在項目的bin目錄下，並在頁面頂部添加： & TagPrefix="dntb" Namespace="DotNetTextBox" Assembly="DotNetTextBox"%&在需要加入控件的地方添加：&DNTB:WebEditor id="控件ID" RegCode="序列號" Skin="設置皮膚文件夾的相對路徑" runat="server"&&/DNTB:WebEditor&
3.VS2005編輯器中可通過工具&選擇工具箱項&.NET Framework組件&瀏覽並選定DotNetTextBox.dll後按確定控件將默認顯示在VS2005編輯器工具箱的常規選項卡(可自行將控件拉到標準選項卡中)，也可以直接在工具箱的標準選項卡列標頭或所屬列任何控件上右擊&選擇項& .NET Framework組件&瀏覽並選定DotNetTextBox.dll後即可直接將控件加入標準選項卡。這樣以後只要在常規選項卡或標準選項卡中將WebEditor控件直接拖放到項目的設計頁面即可完成控件的調用。
[目錄結構]
Bin/ 存放控件運行所需的DotNetTextBox.dll文件，文件可供外部程序引用。
Doc/ 存放控件幫助文件及一些安裝時所需的文件。
Sample-Cs/ 存放控件的C#應用實例及其項目文件。
Sample-Vb/ 存放控件的VB.NET應用實例及其項目文件。
Skin/ 控件所需的皮膚文件，包括控件所調用的圖片及文檔等,可自行製作皮膚。
[皮膚製作說明]
1.控件的皮膚文件都放在skin目錄下,此目錄可放置在任何地方,也可以改名,不過要相應設置一下控件的Skin屬性的路徑即可。
2.Skin目錄下默認有兩個皮膚文件夾，分別是defautl及xp，具體的換膚應用請看mode.aspx的演示。
3.製作皮膚的時候，只要按照default或xp文件夾下的img目錄、emot目錄結構置換圖片即可，但請保持所有文件名不變，否則會出錯，另外文件夾下的所有Aspx頁面都可自由更改頁面結構、顏色、文字、圖片等，但請不要改動裡面的JS代碼及ASP.NET代碼，否則也會出錯。
4.製作的時候建議複製一個default或xp文件夾，然後對裡面進行改動，改好後再為這個文件夾改一個別名，同樣放回skin目錄下，即可按應用模式演示的方法來進行換膚。
[寫於3年前的一個控件,用VS2005重新編譯了一下,因為控件暫時還不是太完善,所以不提供源碼了,等有空的話我會對控件按新思路重寫並提供所有源代碼]
&&&&推薦文章:
【上篇】【下篇】欢迎您来到森林里的郑州市中牟外国语学校：
她是一所民办公助学校。
她是一项报恩工程。
她是一所回报桑梓的低收费学校。
她是一所办学特色明显的学校。
她是一所森林里的学校。
为学生的成功人生打好基础，让家长望子成龙的美梦成真。
将学校打造为政府放心、教育局满意、社会认可、家长信赖、教师向往、学生热爱、同行尊重、各界支持的名优学校。
以人为本，严格管理，从宽待人。
秋风送爽、丹桂飘香，日，郑州市中牟外国语学校顺利召开了学年上学期开学典礼暨教师节表彰大会，会议由赵志国书记主持
六月，是童年的摇篮，是童年的梦乡。 六月，有童年的沃土，有童年的太阳。 六月，是一支歌，一支幸福的歌。日下午，我
源远流长的中华文明如长江黄河流淌千年，生生不息，博大精深的中华经典如天上繁星夺目璀璨，星光熠熠。为了传承与弘扬我国优秀的传统文化，
学校体育工作是素质教育的重要组成部分，也是学校精神文明和校园文化建设的重要组成部分，对于同学们强健体魄、培养合作意识、增强
郑州市中牟外国语学校幼儿园直属于郑州市中牟外国语学校，位于郑州市中牟外国语学校校内，成立于2007年8月，现是郑州市一级幼儿园。
郑州市中牟外国语学校长期招聘优秀骨干教师和名师的公告一、招聘条件1、热爱教育事业，师德高尚，责任心、事业心强，身体健康，年龄45岁以
&&&&&&正文
关于Ewebeditor使用,调用,安装,以及要注意的问题
eWebEditor是一个基于浏览器的在线HTML编辑器，WEB开发人员可以用她把传统的多行文本输入框
&textarea&替换为可视化的富文本输入框。eWebEditor主功能不需要在客户端安装任何的组件或
控件，操作人员就可以以直觉、易用的界面创建和发布网页内容。eWebEditor是非常容易与您现
有的系统集成，简单到您只需要一行代码就可以完成eWebEditor的调用。您可以把eWebEditor应
用于各种基于网页的应用系统中，如内容管理系统、邮件系统、论坛系统、新闻发布系统，等与
内容发布相关的所有应用系统。
如何使用eWebEditor
安装是非常容易的，首先你要做的就是把eWebEditor文件上传到你的网站，请按以下步骤进行：
从eWebEditor产品网站下载最新的版本。
解压下载下来的压缩文件到你本机（确定eWebEditor内的目录文件结构层次保持与压缩文件内一
在你的站点上建一个新文件夹，如：/eWebEditor/（最好在要目录下，调用更方便）。
把eWebEditor在的所有文件及目录上传到你站点刚才建立的文件夹中。
运行文件看是否运行正常。OK。
eWebEditor带有后台管理功能，你可以方便对样式，上传文件等进行管理。设置请注意：
后台管理的登录地址：../ewebeditor/admin_login.asp
第一次安装请用默认用户admin和密码admin登陆后台，并进入管理页面更改管理用户和密码
建议安装好后，更改数据库名字，以免别人恶意下载，默认数据名为db/ewebeditor.mdb，更改名
字后请修改include/startup.asp文件中相关连接
系统自带有几个标准样式，不允许修改，在你新增样式时，最好先预览，然后通过&拷贝标准样
式&的方式，以达到快速新增样式的目的，且不易出错
eWebEditor的调用是非常简单，基本上只是在原来的使用中加入一行代码。
标准调用：
&iframe ID=&eWebEditor1& src=&/ewebeditor.asp?id=content1&style=standard&
frameborder=&0& scrolling=&no& width=&500& HEIGHT=&350&&&/iframe&
参数说明：
/ewebeditor.asp应改为你实际安装的路径
参数id：相关联的表单项名，也就是提交保存页要引用的表单项名，多个调用时，请保证id不同
，可参见后面例子
参数style：使用的样式名，可以是标准的样式名或自定义的样式名，如果使用标准standard可留
width,height：根据实际需要设置，eWebEditor将自动调整与其适应
在后台管理中，可以得到每个样式的最佳调用代码
所有入口参数：(即：eWebEditor.asp?后面的参数)
id：相关联的保存编辑内容的表单项名，也就是提交保存页要引用的表单项名
style：使用的样式名，可以是标准的样式名或自定义的样式名，如果使用标准standard可留空
originalfilename：相关联的保存上传原文件名列表的表单项名，必须是input类型，可以带
onchange事件[例子]
savefilename：相关联的保存上传保存文件名列表的表单项名，必须是input类型，可以带
onchange事件[例子]
savepathfilename：相关联的保存上传保存文件名（带路径）列表的表单项名，必须是input类型
，可以带onchange事件[例子]
例子：新增表单
你原来可能是：
&textarea name=&content1& rows=10 cols=50&&/textarea&
&input type=&hidden& name=&content1& value=&&&
&iframe ID=&eWebEditor1& src=&/ewebeditor.asp?id=content1&style=standard&
frameborder=&0& scrolling=&no& width=&500& HEIGHT=&350&&&/iframe&
&textarea name=&content1& style=&display:none&&&/textarea&
&iframe ID=&eWebEditor1& src=&/ewebeditor.asp?id=content1&style=standard&
frameborder=&0& scrolling=&no& width=&500& HEIGHT=&350&&&/iframe&
例子：修改表单
你原来可能是：
&textarea name=&content1& rows=10 cols=50&&%=Server.HTMLEncode(oRs
(&D_Content&))%&&/textarea&
&input type=&hidden& name=&content1& value=&&%=Server.HTMLEncode(oRs
(&D_Content&))%&&&
&iframe ID=&eWebEditor1& src=&/ewebeditor.asp?id=content1&style=standard&
frameborder=&0& scrolling=&no& width=&500& HEIGHT=&350&&&/iframe&
&textarea name=&content1& style=&display:none&&&%=Server.HTMLEncode(oRs
(&D_Content&))%&&/textarea&
&iframe ID=&eWebEditor1& src=&/ewebeditor.asp?id=content1&style=standard&
frameborder=&0& scrolling=&no& width=&500& HEIGHT=&350&&&/iframe&
注意事项：
eWebEditor允许在同一表单里有多个，但请保证id在整个网页中是唯一的。即如果已经用了input
name=content1第二个调用就要input name=content2之类的。
在使用textarea作为原表单项时，要加入style=&display:none&。
在input修改时一定要用value=&&，而不是value=&。
一定要在动态加入value值时用Server.HTMLEncode()进行处理，否则有可能内容被截掉。
高级调用：
eWebEditor还提供了一些高级调用的方法，如下，但请保证大小写一致：
getHTML()：返回编辑器的内容
setHTML( html )：设置编辑器的内容
insertHTML( html )：在当前选择处插入内容
appendHTML( html )：在文档末尾追加内容
setMode( NewMode )：改变当前编辑状态
参数NewMode:
&CODE&：代码状态
&EDIT&：编辑状态
&TEXT&：文本状态
&VIEW&：预览状态
使用例子如下：[在线演示]
&Script Language=JavaScript&
// 取编辑器内容
var sHTML = eWebEditor1.getHTML();
// 设置编辑器内容
eWebEditor1.setHTML(&&b&Hello My World!&/b&&);
// 在当前选择处理插入
eWebEditor1.insertHTML(&This is Insert Function!&);
// 在尾部追加内容
eWebEditor1.appendHTML(&This is Append Function!&);
// 改变编辑器状态为代码编辑状态
eWebEditor1.setMode(&CODE&);
取值说明：
由于eWebEditor有对大表单进行自动处理，所以在取值时有些不同，具体如下：
sContent = Request.Form(&content1&)
For i = 1 To Request.Form(&content1&).Count
&&&&&&& sContent = sContent & Request.Form(&content1&)(i)
接口：弹窗调用说明：
v2.7.5版本后加入了弹窗调用接口的扩充功能，能实现通过一个链接弹窗打开编辑器，并将编辑
的内容保存入指定的表单域。
在eWebEditor根目录下文件名为PopUp.asp，提供的接口传入参数如下：
style : 样式名
form : 要返回或设置值的表单form名
field : 要返回或设置值的表单项textarea名
使用例子如下：[在线演示]
&Script Language=JavaScript&
function eWebEditorPopUp(style, form, field) {
&&&&&&& var oPopUp = window.open(&PopUp.asp?style=&+style+&&form=&quo
t;+form+&&field=&qu
+field, &PopUp&+form+field,
&toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable
&FORM ACTION=&& METHOD=&& NAME=&myForm&&
&TEXTAREA NAME=&myField& COLS=&50& ROWS=&5&&&/TEXTAREA&
&INPUT TYPE=&BUTTON& VALUE=&HTML编辑& ONCLICK=&eWebEditorPopUp(&s_popup&, &myForm
&, &myField&)&&
接口：前台解释(限制)扩充功能说明：
此功能禁用某些标签，如出于安全考虑的Script标签，等。各版本可能有所不同，请参看实际文
件中的说明：
Function eWebEditor_DeCode(s_Content, sFilters)
s_Content : 要转换的数据字符串
s_Filters : 要过滤掉的格式集，用逗号分隔多个
使用例子如下：
先包含扩展功能文件，以下路径相应更改
&!&#include file = &Include/DeCode.asp&&&
& 此例只过滤SCRIPT标签，即意味着内容中的客户端脚本不会生效，您可根据实际的需要加入其
sContent = eWebEditor_DeCode(sContent, &SCRIPT&)
总结了一下,大致有三大问题
一:关于引用
先创建一个textarea域,示例:
&textarea name=&content& style=&display:none&&&/textarea&
其中style=&display:none& 决定了这个文本域是隐藏的.
在调用eWebEditer,示例:
&iframe ID=&eWebEditor1& src=&/ewebeditor.htm?id=content1&style=coolblue&
frameborder=&0& scrolling=&no& width=&500& HEIGHT=&350&&&/iframe&
其中src=&/ewebeditor.htm?id=content&style=coolblue&中id=后面的第一个参数必须和
textarea域的name属性的值一致.
输入信息页面完整示例:
&title&Untitled&/title&
&form name=&myform& method=&post& action=&display.asp&&
&textarea name=&content& style=&display:none&&&/textarea&
&iframe ID=&eWebEditor1& src=&/ewebeditor.htm?id=content&style=coolblue&
frameborder=&0& scrolling=&no& width=&500& HEIGHT=&350&&&/iframe&
&input type=&submit& name=&btnSubmit& value=&Submit&&
二.关于获取eWebEditor中输入的值:
在上面完整代码中&form name=&myform& method=&post& action=&display.asp&&这一段中 属性
action=&display.asp&
display.asp指示了处理上面表单的程序.下面我们在display.asp中获取eWebEditor中编辑的值,
& sContent = Request.Form(&content&)
& Response.Write sContent
其中Request.Form(&content&)中参数必须和textarea域中name的属性一致.
这样我们在display.asp已经获取了在eWebEditor中编辑的代码.
三.将获取的文本插入数据库:
由于eWebEditor中取出的值可能太长,你既然使用的是ACCESS数据库,那建议将保存该字段的类型
设置为备注型,这样能存储更长的字符传.
在display.asp已经获取了eWebEditor编辑框框中的值,保存在了变量sContent了
要插入数据库的话,首先要做的就是让当前页面能够连接上数据库.请参看下面11中连接数据库的
方法,选择合适你自己的数据库和方法:
1.Access数据库的DSN-less连接方法:
set adocon=Server.Createobject(&adodb.connection&)
adoconn.Open&Driver={Microsoft Access Driver(*.mdb)};DBQ=&& _
Server.MapPath(&数据库所在路径&)
& 2.Access OLE DB连接方法：
set adocon=Server.Createobject(&adodb.connection&)
adocon.open&Provider=Microsoft.Jet.OLEDB.4.0;&& _
&Data Source=& & Server.MapPath(&数据库所在路径&)
& 3.SQL server连接方法：
set adocon=server.createobject(&adodb.recordset&)
adocon.Open&Driver={SQL Server};Server=(Local);UID=***;PWD=***;&& _
&database=数据库名;&
& 4.SQL server OLE DB连接方法:
set adocon=Server.Createobject(&adodb.connection&)
adocon.open&provider=SQLOLEDB.1;Data Source=RITANT4;&& _
&user ID=***;Password=***;&& _
&inital Catalog=数据库名&
& 5.Oracle 连接方法:
set adocon=Server.Createobject(&adodb.connection&)
adocon.open&Driver={microsoft odbc for
oracle};server=oraclesever.uid=pwd=&
& 6.Oracle OLE DB 连接方法:
set adocon=Server.Createobject(&adodb.connection&)
adocon.open&Provider=OraOLEDB.Odata source=user id=password=&
& 7.dBase 连接方法:
set adocon=Server.Createobject(&adodb.connection&)
adocon.open&Driver={microsoft dbase driver(*.dbf)};driverid=277;dbq=&&&&;&
& 8.mySQL 连接方法:
set adocon=Server.Createobject(&adodb.connection&)
adocon.open&Driver={mysql};database=
uid=pwd=option=16386;&
& 9.Visual Foxpro 连接方法:
set adocon=Server.Createobject(&adodb.connection&)
adocon.open&Driver={microsoft Visual Foxpro
driver};sourcetype=DBC;sourceDB=*.Exclusive=No;&
& 10.MS text 连接方法:
set adocon=Server.Createobject(&adodb.connection&)
adocon.open&Driver={microsoft text driver(*. *.csv)};dbq=&&;&&_
&extensions=asc,csv,tab,Persist SecurityInfo=&
& 11.MS text OLE DB 连接方法:
set adocon=Server.Createobject(&adodb.connection&)
adocon.open&Provider=microsof.jet.oledb.4.0;data source=your_&&_
&Extended Properties&FMT=Delimited&&
连接成功后使用插入语句添加记录Insert
Insert语法：
Insert into table(field1,field2,&.) Values (value1,value2,&.)
& 例子：添加一作者是&cancer&的记录入book表:
insert into book (bookno,author,bookname) values (&CF001&,&cancer&,&Cancer无组件
上传程序&)
上一篇： && 下一篇：
政府部门网站
河南省教育厅
中央电化教育馆
教育部网站
中牟县政府网
河南省郑州政府
教育教学网站
中国迎首个抗战胜利纪念日：铭记历史威慑日本右翼
中国中小学教育教学网
河南省基础教育资源网
国家基础教育资源网
郑州教育信息网
中牟教育信息网
郑州教育数字图书馆如何利用js取得eWebEditor编辑器的内容
用javascript取控件的值本来是一件简单的事却被eWebEditor搞的很不方便，导致很多初学者，不知道该如何获取。在分析之前先把我们习惯性的取值方法写出来。
&TITLE&eWebEditor ： 标准调用示例&/TITLE&
&META http-equiv=Content-Type content="text/ charset=gb2312"&
&link rel='stylesheet' type='text/css' href='example.css'&
function validateForm(){
if(document.getElementById("content1").value!=""){
document.getElementById("myform").submit();
alert("空");
&FORM method="post" name="myform" action="rs.jsp"&
&TABLE border="0" cellpadding="2" cellspacing="1"&
&TD&编辑内容：&/TD&
&INPUT type="hidden" name="content1" &
&IFRAME ID="eWebEditor1" src="../ewebeditor.htm?id=content1&style=coolblue" frameborder="0" scrolling="no" width="550" height="350"&&/IFRAME&
&TD colspan=2 align=right&
&INPUT type=button value="提交" onclick="validateForm()"&
&INPUT type=reset value="重填"&
&INPUT type=button value="查看源文件" onclick="location.replace('view-source:'+location)"&
上面代码非常简单我们一般会认为document.getElementById("content1").value这样就可以取值了，但事实上 并不是这样，通过这种方式取值，只能取到初始值，当编辑器的内容变化时是取不到的，为什么呢？为什么后台程序可以取得到编辑器中的值 呢，&%=request.getParameter("content1")%&这里是可以取到编辑器中的内容的，但是 document.getElementById("content1").value确不可以。看来eWebEditor在js中动了手脚，一定是动态 帮定了提交事件，或动态绑定了在源码中搜索onsubmit找到如下代码，原来动态的绑定了onsubmit事件，这样每次在提交前会执行 AttachSubmit函数
oForm.attachEvent("onsubmit", AttachSubmit) ;
if (! oForm.submitEditor) oForm.submitEditor = new Array() ;
oForm.submitEditor[oForm.submitEditor.length] = AttachS
if (! oForm.originalSubmit) {
oForm.originalSubmit = oForm.
oForm.submit = function() {
if (this.submitEditor) {
for (var i = 0 ; i & this.submitEditor. i++) {
this.submitEditor[i]() ;
this.originalSubmit() ;
function AttachSubmit() {
var oForm = oLinkField.
if (!oForm) {}
var html = getHTML();
ContentEdit.value =
if (sCurrMode=="TEXT"){
html = HTMLEncode(html);
splitTextField(oLinkField, html);
AttachSubmit就是copy编辑器的内容到隐藏域控件中的过程。
知道了过程我们的问题就不难解决了。只需在取编辑器内容之前执行下AttachSubmit即可
function validateForm(){
window.frames["eWebEditor1"].AttachSubmit();//执行iframe页面中的AttachSubmit函数
if(document.getElementById("content1").value!=""){
document.getElementById("myform").submit();
alert("空");
整个过程就此结束，其实eWebEditor代码中的很多思想都是很具有参考价值的例如AttachSubmit的绑定submit 方法的重新封装，我还发现一段比较写的比较好的代码也一起贴出来。
var URLParams = new Object() ;
var aParams = document.location.search.substr(1).split('&') ;
for (i=0 ; i & aParams. i++) {
var aParam = aParams[i].split('=') ;
URLParams[aParam[0]] = aParam[1] ;
var sLinkFieldName = URLParams["id"] ;
var sExtCSS = URLParams["extcss"] ;
var sFullScreen = URLParams["fullscreen"];
var config = new Object() ;
config.StyleName = (URLParams["style"]) ? URLParams["style"].toLowerCase() : "coolblue";
config.CusDir = URLParams["cusdir"];
config.ServerExt = "jsp";
解析url的方法，这种方法以前koko跟我说过一回，今天在ewebeditor中又看到了，看来是一种比较常规的分析URL参数的方法。
总结：其实eWebEditor只是修改了提交表单的两个事件，在提交表单前进行值copy，从而避免了编辑器每次更新都同步值这种没有必要的操作。
Copyright (C) , All Rights Reserved.
版权所有 闽ICP备号
processed in 0.038 (s). 10 q(s)