基于Extjs的单井基本信息管理系统的设计与实现.docx

基于Extjs的单井基本信息管理系统的设计与实现摘 要：随着计算机及相关技术的迅猛发展，计算机应用技术在石油工业方面的应用越来越广泛，把单井基本信息实时地传输与管理，是油田现代化生产管理的重要手段。本文分析单井基本信息管理流程、单井基本信息的分类及存储格式，单井基本信息即为油田单井长期积累的成果数据，如地质、地震、测井资料、分析试验等数据，这些数据分为单系统采用ASP.NET、AJAX、Extjs技术设计实现了单井基本信息管理系统。系统按权限分为普通用户和管理员。普通用户实现单井成果数据的上传、修改等操作。管理员用户实现对单井大类成果数据类型和单井成果数据类型的添加、修改、删除。该系统改变了传统人工管理模式，实现单井成果数据的自动化、网络化、信息化管理，为油田井位论证提供决策支持依据。关键词：Extjs；石油；数据管理 The Design and Implementation of Single well information management system based on Extjs Abstract: With the rapid development of the computer and related technology , the computer has been already more and more widely used in the petroleum industry. The single well datas real-time transmission and management has been an important technique of modern production management.This thesis mainly introduce the process of the data management of single well as well as the classification and storage format. Single wells data , that is, the data that has been accumulated for a long time, such as geology, earthquakes, well-log information, analysis of experiments, and so on. The system uses the ASP.NET AJAX, Extjs technology designed to achieve a single well information management system. System privileges are divided into general users and administrators. General user is used to achieve single well file upload, edit and other operations. Administrator users to realize the single well categories data types and single well results achievements of the type of data to add, modify and delete.The system has changed the traditional manual management mode, a single well results data automation, networking, information management, and provide a basis for decision support oil well demonstrated.Key words: Extjs, Petroleum, Data management目 录1 绪论11.1 研究的背景和意义11.1.1 背景11.1.2 意义11.2 国内外研究现状11.2.1 国内研究现状11.2.2 国外研究现状21.3 论文章节结构32 系统分析42.1 可行性分析42.1.1 经济可行性42.1.2 技术可行性42.1.3 操作可行性42.2 系统需求分析42.2.1 数据需求分析52.2.2 功能需求分析72.3 系统实施方案73 系统设计83.1 网络拓扑结构83.2 功能模块设计83.3 数据库的设计94 系统实现124.1 实现工具124.2 登录模块124.3 管理员功能模块144.3.1 单井大类成果数据类型管理144.3.2 单井成果数据类型管理184.4 普通用户功能模块204.4.1 单井成果数据导航树204.4.2 单井成果数据上传224.4.3 单井成果数据下载234.4.4 单井成果数据删除234.5 网站发布245 总结26参考文献27致谢281 绪论1.1 研究的背景和意义1.1.1 背景在网络技术逐渐渗入社会生活各个层面的今天，传统的工作方式也面临着变革，诸如现在所常见的信息管理系统，已经被应用于很多地方，例如银行、学校、医院、甚至是关系到国家命脉的政府和部队。绝大多数的信息管理系统是基于Web的B/S系统，因此它可以借助于遍布全球的Internet进行交互，大大的扩展了共同交流的灵活性。由于油田现场作业场地分散，以前的通讯方式已经不适应现在的技术要求。而针对于单井成果数据管理，涉及单井大类成果数据和单井成果数据类型的增删改，以及对单井成果数据的管理，目前大都需要人为用纸笔记录，并需要在各个单井之间来回走动，详细了解单井情况。而大部分单井地处偏远、交通不便，需要花费大量的人力物力。并且也不能及时汇总数据资料，这给工作带来了很多不便，对于目前存在的此类问题，设计了此信息管理系统。1.1.2 意义为了实现企业的信息化应用水平，提高企业在新的运作模式下的竞争力，油田提出了建设“油气藏数字化管理平台”的任务。为了适应这一总的要求，通过改变内部管理模式、优化使用开发生产数据资源、挖掘地质信息等，中国石油某油田勘探开发研究院提出了“探井井位论证子系统”的构建思想。本项目指导教师参与“探井井位论证子系统”的项目研发，“”是该项目的子模块。让本科生参与科研项目研发可提高学生的动手能力，使其所学理论知识应用到实际当中。该项目属于MIS开发项目，但在开发环境下使用了目前较为流行的Extjs和Ajax技术，这样使学生熟悉掌握目前比较新的Web开发技术。通过该项目的实施，学生可综合运用所学的多门课程的理论知识，提高学生的动手能力，另外，学生可掌握石油勘探开发领域的专业知识，有利于计算机专业学生应聘石油单位。1.2 国内外研究现状1.2.1 国内研究现状国内的单井数据管理系统已经趋于成熟。有基于石油工业数据传输的国际标准协议WITS/WITSML的一套远程传输系统，它利用了Internet网络系统，采用Web方式，实现单井各种不同来源数据的实时传输、实时数据库的建立和管理，并实现数据的实时显示，是单井钻井地址信息实时综合显示和数据导出、随钻井分析以及为实时决策提供了不可或缺的有力工具。工作人员只需要打开Web浏览页，在在办公室即可动态的查看来自单井的各种实时数据，并把这些数据表现成为直观明了的风格。以图形的方式显示地质作业综合分析图、岩心综合图、气测录井图、成果图等。系统可以通过手机短信、电子邮件等方式通知相关工作人员及时了解单井进展，管理员也可以通过报表、现场视频查看单井生产动态1。主要特点：（1）数据无缝连接及共享技术：数据源基于WITS/WITSML，可以和通用的钻井服务商仪器实现无缝连接；（2）数据高度安全保密：数据利用企业内部网络进行传输，数据安全保密性高；（3）各种信息高度综合：帮助用户轻松掌握所属区块、油田、油井的各类信息，如：当前开钻、钻探及完钻情况等信息，实现对单井随钻测井、录井信息、钻井及定向井等数据的查看与实时监控；（4）实时性与便捷性：用户界面基于Web，数据实时更新，方便用户进行各种实时分析和快速决策。类似的系统至今已在中海油近300口井的实际生产应用过，系统非常稳定已为油公司生产管理人员和研究院项目组的广大用户广泛接受，是井场钻井地质信息的实时综合显示和数据导出提供实用工具，从而为地质作业决策作出重要贡献，成为钻井分析不可或缺的工具。1.2.2 国外研究现状国外在石油方面数据管理系统带头人是英国的Geologix公司，它所开发的一款单井资料优化管理和现场快速评价与决策的系统GEO是目前国外最为代表性的产品之一。它非常便捷地将不同施工单位，如钻井、测井、录井、定向井、测试、完井等产生的单井资料统一汇总并压缩为容量非常小的单个文件，方便及时地将井场所有资料回传至油田研究院，实现井场与研究院之间信息的快速共享，为油田决策、生产、科研等人员收集、整理与利用井数据，提供一种高效便捷的工具同时通过GEO，可快速对单井资料进行实时的质量监控，确保井场资料的准确性；另外，GEO具有强大的绘图功能，以单井资料文件为基础，可帮助现场及决策人员对单井资料进行快速分析、评价与决策，并迅速绘制各类地质及工程图件。最终实现单井资料的快速收集、即时成图、现场分析、同步决策的目的。石油地质科学家们称这一套软件为“综合的数据收集、管理和分析系统，软件的操作灵活简便，数据库占用空间小，界面友好。单井成果数据表GEO用户包括地质工程师、钻井工程师、测井工程师、录井工程师、测试工程师、定向井工程师、井场监督、研究院资料管理员、油田决策人员、项目研究人员等2。主要特点如下：（1）井数据管理理念：实现一口井全部数据的单文件管理模式，改变同一口井的不同类型数据分散存放管理的现状。这些数据既包括原始数据，也包括现场分析和计算的数据，格式如成像数据、图形、表格、地图，甚至声音和电影文件等等；（2）容量极小的单文件：方便数据的实时传输，实现单井现场与研究院之间完整井资料包的快速共享；（3）即时成图、分析与评价功能：所有井场数据一经导入，则可自动生成地质、测井、工程等各类图件、报表和报告，以及分析评价报告等。软件操作简单、方便灵活、交互式操作、所见即所得，模板自定义、符号编辑。从而真正实现单井数据的快速收集、即时成图、现场分析、同步决策的目的；（4）数据输入输出功能：单井数据及分析评价成果可通过IE及时浏览。1.3 论文章节结构本文介绍了。使用Extjs框架设计Web界面，使用VB编写连接数据库代码，最终实现单井文件的增删改和下载，以及对单井大类成果数据和单井了成果数据的管理等一系列问题。本论文包括5章，第1章是绪论，包括研究的背景和意义、国内外研究现状和章节结构；第2章是系统分析，包括可行性分析、开发模式分析、系统需求分析；第3章是系统设计，包括网络拓扑结构、系统体系结构功能模块设计和数据库的设计；第4章是系统设计，包括实现工具、登录模块和管理员功能模块、普通用户功能模块和网站发布；第5章是总结；最后是致谢和参考文献。2 系统分析2.1 可行性分析2.1.1 经济可行性类似于常见的数据管理系统，是“探井井位论证子系统”的子系统，由中国石油某油田勘探开发研究院提出。相对于“探井井位论证子系统”，此系统只是其中的小部分，优秀的程序员可以在短期内制作出，然后这些小型子系统组合成为“探井井位论证子系统”。综上，此系统的代价不会很高。2.1.2 技术可行性的实质是对数据的管理，数据管理可分为数据的存储、数据的修改和数据的删除。在基于Extjs的单井成果数据管理系统中，涉及了普通用户和管理员用户与数据之间交互。普通用户需要实现对单井数据成果的上传、修改和删除。管理员用户实现单井大类成果数据类型和单井成果数据类型的添加、修改和删除。这些工作都需要依靠数据库才得以完成，它们的本质是对数据库里面数据的添加，修改和删除。完成此工作有三个任务需要完成。第一个工作是对数据库的设计，使用SQL Server 2000可完成这部分的工作。第二个工作是界面的设计，这部分使用到了Extjs框架，在Visual Studio 2005环境下完成。第三个工作是使用一种方法把数据库和界面联系起来，实现系统功能，这部分的工作用Visual Studio 2005完成。此系统的运行需要在网络环境中。目前，TCP/IP协议是目前最成熟、应用最为广泛的通讯协议，在TCP/IP协议中，数据之间的交互是当前网络通讯和远程数据传输中最常用的模型，数据可以在相应的接口来完成。并且它支持双向的、可靠的、有序不重复的和无记录边界的数据流。因此，从技术上考虑，基于Extjs的单井数据管理可以实现。2.1.3 操作可行性此系统是基于Web的B/S系统，就是浏览网页。普通用户和管理员用户需要具备使用计算机的能力，并且会浏览网页。此系统它可以迅速准确地将资源归类，促进资源管理的规范化和程序化，极大地提高了效率。2.2 系统需求分析井位论证主要是在对探井周围的历史井的大量动、静态资料分析及数值模拟研究的基础上，论证钻新井的可行性。井位论证最主要的论证依据资料之一是历史单井成果数据田历史井长期积累的成果数据进行管理，如地质、地震、测井资料、分析试验等数据。对于历史井的成果数据可分为若干大类，大类包括若干小类。单井成果数据可分为地质、测井、分析试验、录井资料、试油试采、地震等大类，其中地质包括基本信息、砂层分层、油藏剖面、油层对比图、砂体对比图、地质对比图；测井包括单井卡片、综合成果图、特殊测井成果、测井版图；录井资料包括岩心照片、成果图、完井报告；试油试采包括完井报告、试油成果、压裂数据、试采资料；单井成果数据可能包括的成果数据类型有ppt、doc、xls、jpg、bmp、gdb、ltm、segy等。单井成果数据是进行井位论证的重要参考资料。该系统主要完成对单井成果数据分类管理、对成果数据完成增删改功能以及以适当的方式展示成果数据，方便专家井位论证参考。2.2.1 数据需求分析本系统涉及到包含单井大类成果数据类型和单井成果数据类型的数据，单井大类成果数据类型包含了若干个单井成果数据类型，每个单井成果数据类型又包含了若干个单井成果数据，表2-1和表2-2分别为单井大类成果数据类型和单井成果数据类型。表2-1 单井大类成果数据类型显示顺序号单井大类成果数据类型名称1地质2测井3分析试验4录井资料5试油试采6地震表2-2 单井成果数据类型单井大类成果数据类型名称显示顺序号单井成果数据类型名称是否上传备注地质1基本信息否调用地质平台2砂层分层否调用地质平台3油藏剖面是上传文件格式GDB，PPT4油层对比图是上传文件格式GDB5砂体对比图是上传文件格式GDB6地质对比图是上传文件格式GDB测井1单井卡片否上传到地质平台后调用2综合成果图否调用地质平台3特殊测井成果是上传文件格式PPT，JPG4测井版图是上传文件格式PPT，JPG录井资料1岩心照片是上传文件格式 JPG，PNG2成果图否调用地质平台3完井报告否调用地质平台试油试采1试油成果否调用地质平台2压裂数据否调用地质平台3试采资料是上传文件格式PPT地震1地震剖面是上传文件格式PPT本系统管理表中所包含的数据类型。单井大类成果数据类型和单井成果数据类型为管理员所管理的数据。“是否上传”列表明该成果数据类型是否需要上传，“备注”指明上传数据的文件格式，对于非上传的数据类型则是调用油田已有的地质平台，不属于本论文的研究内容。为了实现对着这些数据的管理，需要设计三张表：（1）用户表：用于存储一般用户和管理员用户的登录信息；（2）单井成果数据类型表：单井大类成果数据类型和单井成果数据类型；（3）单井成果数据表：单井成果数据文件以及单井成果数据文件的相关信息。2.2.2 功能需求分析是应用开发课题，是“探井井位论证子系统”的项目的子系统。单井成果数据管理主要完成对单井成果数据分类管理、对成果数据完成增删改功能以及以适当的方式展示成果数据，方便专家井位论证参考。本系统的主要功能如下：（1）普通用户动态的管理单井数据；（2）管理员用户动态的管理单井大类成果数据和单井成果数据；（3）数据的实时传输。2.3 系统实施方案主要完成对井成果数据的管理，包括成果数据分类、上传、下载等。项目涉及多学科领域。总体研究思路首先是自顶向下、逐步细化地给出研究方案，然后自底向上逐步得出分析结果，再设计实现系统。系统实施方案如下：（1）根据油田井位论证的实际需求，分析井成果数据管理的具体需求，确定系统的运行环境和运行方式；（2）在初步分析需求的基础上，用SQL Server 2000设计数据库，数据库表具体包括：用户表、井大类成果数据类型、井成果数据类型；（3）进行系统功能详细设计，设计功能包和用例包；（4）熟悉系统开发环境.NET，掌握后台开发语言VB和前台开发工具Extjs的使用，了解网页局部刷新技术Ajax以及JSON字符串的格式；（5）将Extjs和Ajax技术相结合，实现单井成果数据导航树，实现单井成果数据的上传与下载；（6）配置IIS，发布网站。3 系统设计3.1 网络拓扑结构3.2 功能模块设计图3-2 功能模块结结构图是典型的Web应用程序。进入登录界面之后，通过管理员账户或一般用户账户的类别进行登录。普通用户可以登录到普通用户界面，进行相应的造作；管理员用户可以登录到管理员界面，在此界面，管理员将要选择单井大类成果数据类型或单井成果数据类型的界面，以实现对单井大类成果数据类型和单井成果数据类型的分开管理。该网站的基本功能如下：（1）用户登录；（2）普通用户实现对单井成果数据的上传、修改、删除和下载；（3）管理员对单井大类成果数据类型的管理；（4）管理员对单井成果数据类型的管理。3.3 数据库的设计数据库是现代管理信息系统的核心部分，一个好的网站系统必定要求有一个设计合理、性能良好的数据库结构。网站系统的核心就是其数据库，所有的信息交换和功能实现都是以数据库为基础的，所以数据库设计至关重要。经过需求分析之后，设计出系统的数据表。然后，再对数据库进行规范化设计789。通过对网站进行的需求分析、网站流程设计以及系统功能结构的确定，规划出三张系统使用的数据表：用户表为用户登录的相关信息，定义了四个字段。分别为“用户名”、“用户名密码”、“用户登录状态”、“备注”。“用户名”保存用户登录的帐号；“密码”保存用户登录时所需要输入的密码，必须与数据库中的相对应；“登录状态”为Boolean型，为0时表示管理员用户登录，为1则表示普通用户的登录；备注里可以保存用户的备注信息。表3-1为用户表。表3-1用户表列名数据类型长度允许空主键备注usernamevarchar50NY用户名userpwdvarchar50YN密码userstatusvarchar50YN登录状态remarkvarchar500YN备注单井成果数据类型表为单井成果数据的相关信息，定义了七个字段。分别为“编号”、“单井类成果数据类型名称”、“单井类成果数据类型名称关系”、“显示顺序号”、“文件是否上传”、“上传文件的文件类型”、“备注”。“编号”为主键；“单井类成果数据类型名称”保存了单井大类成果数据类型名称和单井成果数据类型名称；“单井类成果数据类型名称关系”字段存储了单井类成果数据类型名称所对应的父节点编号，它表示了单井大类成果数据类型和单井成果数据类型的父子关系。单井大类成果数据类型的“成果数据父节点”字段存储值为0；单井成果数据类型中“油层对比图”、“ 砂体对比图”、“ 地质对比图”的“成果数据父节点”字段存储值为1；单井成果数据类型中“单井卡片”、“ 综合成果图”、“ 特殊测井成果”、“ 测井版图”字段存储值为2，以此类推；“显示顺序号”是为了生成规范工整的导航树而定义的，导航树会按照显示顺序号的顺序显示出来；“文件是否上传”是规定单井成果数据文件上传的权限；“上传文件的类型”规定了上传文件的格式；“备注”为单井成果数据类型需要备注的信息。表3-2为单井成果数据类型表。表3-2 单井成果数据类型表列名数据类型长度允许空主键备注idint4NY编号namevarchar50NN单井类成果数据类型名称parentidvarchar50NN单井类成果数据类型名称关系numberint4YN显示顺序号buploadvarchar2YN文件是否上传filetypevarchar50YN上传文件的文件类型remarkvarchar500YN备注单井成果数据表为单井成果数据的相关信息，定义了七个字段。分别为“编号”、“单井大类成果数据类型名称”、“单井成果数据类型名称”、“上传文件”、“上传人”、“上传时间”、“备注”。“编号”为主键；“单井大类成果数据类型”和“单井成果数据类型”来源于单井成果数据类型表；“上传文件”用来保存普通用户所上传的单井数据成果文件；“上传人”保存上传文件所对应的上传人；“上传时间”为上传文件时的时间；“备注”保存了单井数据成果文件所需备注的信息。表3-3为单井成果数据表。表3-3 单井成果数据表列名数据类型长度允许空主键备注idint4NY编号wellnamevarchar50YN单井大类成果数据类型typenamevarchar50YN单井成果数据类型uploadfilevarchar50YN上传文件uploaduservarchar50YN上传人uploadtimedatatime8YN上传时间remarkvarchar50YN备注4 系统实现4.1 实现工具Visual Studio 2005是基于.NET2.0框架的。它同时也能开发跨平台的应用程序，如开发使用微软操作系统的手机的程序等。总体来说是一个非常庞大的软件，甚至包含代码测试功能。这个版本的Visual Studio 包含有众多版本，分别面向不同的开发角色。同时还永久提供免费的Visual Studio Express 版本。.NET就是微软的用来实现XML，Web Services，SOA和敏捷性的技术。对技术人员，想真正了解什么是.NET，必须先了解.NET技术出现的原因和它想解决的问题，必须先了解为什么他们需要XML,Web Services 和 SOA。技术人员一般将微软看成一个平台厂商。微软搭建技术平台，而技术人员在这个技术平台之上创建应用系统。从这个角度，.NET也可以如下来定义：.NET是微软的新一代技术平台，为敏捷商务构建互联互通的应用系统，这些系统是基于标准的，联通的，适应变化的，稳定的和高性能的。从技术的角度，一个.NET应用是一个运行于.NET Framework之上的应用程序。如果一个应用程序跟.NET Framework无关，它就不能叫做.NET程序。比如，仅仅使用了XML并不就是.NET应用，仅仅使用SOAP SDK调用一个Web Service也不是.NET应用34。Extjs是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端AJAX框架。因此，可以把Extjs用在.NET、Java、Php等各种开发语言开发的应用中。Extjs无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的JavaScript客户端技术的精品。“基于Extjs的井位论证资料管理系统”将Extjs和.NET开发语言相结合，实现探井井位论证资料的管理5610。4.2 登录模块 用户登录模块使用了Extjs的表单，也就是它的FormPanel，本系统主要实现单井数据管理这一方面的功能，因而登录模块做的十分简单，如图4-1所示。图4-1 登录模块设计这个表单的代码如下：var form = new Ext.form.FormPanel(title:欢迎登录本网站,width:220,items:fieldLabel:用户名, name:userName,fieldLabel:密码, name:userPwdbuttons:text:登录)登录时，系统会在数据库中查找用户的存在与否，此功能使用后台VB实现的，代码如下： If ds.Tables(data).Rows.Count = 0 ThenResponse.Write(success:true, msg:用户名或密码错误！)ElseIf ds.Tables(data).Rows(0)(1) userPwd ThenResponse.Write(success:true, msg:用户名或密码错误！)ElseSession(userName) = userNameResponse.Write(success:true, msg: & ds.Tables(data).Rows(0)(2) & )End If使用登录模块登录时，要填写正确的用户名和用户密码，填写普通用户名和密码点击登录，Web跳转至单井数据界面。填写管理员用户名和密码点击登录，Web跳转至一个选择界面，在此界面选择单井大类成果数据类型或单井成果数据类型。用户登录时，系统会在数据库里面检测是否由此用户，如果没有，会提示如图4-2的错误提示信息。图4-2 错误提示信息4.3 管理员功能模块4.3.1 单井大类成果数据类型管理单井大类成果数据类型资料的页面布局如图4-3所示，界面总设计使用了Extjs的Panel控件。在这个Panel控件里面，嵌套了若干个其它的控件。如图，在标题下面，有四个按钮，分别为添加、修改、删除和返回。最下面，是一张表，这张表嵌套在Panel里面。单击添加按钮，会弹出一个窗口，为Extjs的Window控件。图4-3 单井大类成果数据类型下面是部分相关代码：var contentPanel = new Ext.Panel(title:单井大类成果数据类型,items:grid,renderTo:contentDiv,tbar:text:添加,text:修改,text:删除,text:返回)这里面的items:grid,实现了表的嵌套，这个表为Extjs动态表，来自数据库。首先，前台用Extjs表控件建立好表结构，然后，在后台使用VB写JOSN串，把它显示在前台的表结构中，实现方式如下：var cm = new Ext.grid.ColumnModel(header:主键, dataIndex:id,header:单井大类名称, dataIndex:name,header:显示顺序号, sortable: true,dataIndex:number,header:备注, dataIndex:remark);var store = new Ext.data.Store(proxy:new Ext.data.HttpProxy(url:WellBigTypeDataProvider.aspx),reader:new Ext.data.JsonReader(totalProperty:totalProperty,root:root,name:name,name:id,name:remark,name:number,type:float);var grid = new Ext.grid.GridPanel(height:300,enableHdMenu:false,store:store,cm:cm,)；此部分为表结构的实现。json &= name: & ds.Tables(data).Rows(row).Item(1) & ,id: & ds.Tables(data).Rows(row).Item(0) & , number: & ds.Tables(data).Rows(row).Item(4) & ,remark: & ds.Tables(data).Rows(row).Item(3) & ,此部分为JOSN串，易看出，与表结构相对应。单击添加按钮，会弹出一个窗口，如图4-4所示。图4-4 单井大类成果数据类型添加此窗口为Extjs窗口，实现方法如下：var add = new Ext.Window(title:单井大类成果数据类型添加,width:300, height:150, buttons:text:保存，text:返回,layout:fit,items:xtype:form, url:WellBigTypeAdd.aspx, labelAlign:right, labelWidth:100, id:dataForm, items:fieldLabel:单井大类名称, xtype:textfield,allowBlank:false, name:name,combo,fieldLabel:备注, xtype:textfield, name:remark);图4-4中，显示顺序号一栏为下拉列表，为Extjs里的comboBox控件，由25对数组构成，嵌套在添加所弹出的Extjs窗口里，可称为静态下拉列表。上段代码中combo实现了嵌套，下面为combo的代码：var data = 1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8, 9, 9, 10, 10,11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17, 17, 18, 18, 19, 19, 20, 20, 21, 21, 22, 22, 23, 23, 24, 24, 25, 25;var combostore = new Ext.data.SimpleStore(fields:value, text,data:data);var combo = new Ext.form.ComboBox(fieldLabel:显示顺序号,name:number,store:combostore,emptyText:请选择,mode:local, triggerAction:all, valueField:value, displayField:text);这部分代码实现添加的界面设计。单击修改时也会弹出一个窗口，界面实现代码和单机添加类似，区别在后台VB所写与数据库连接的代码，下面给大家列出添加、修改的后台VB代码：（1）添加insert into TreeNode(name,parent_id,remark,number) values( & name & , & 0 & , & remark & , & number & )（2）修改update TreeNode set name = & name & , remark = & remark & , number= & number & where id = & i单击删除会弹出一个信息提示框，为Extjs的MessageBox，如图4-5所示。图4-5 单井大类成果数据类型删除实现代码如下：Ext.MessageBox.confirm（信息，确定要删除此记录吗？）此段代码只是实现了单击删除时弹出提示框的界面设计，为了实现数据库中的删除，还需要在后台VB中写入下面语句：delete from TreeNode where id= & id4.3.2 单井成果数据类型管理单井成果数据类型这部分Web界面如图4-6所示。与图4-3类似，实现方法与单井大类成果数据类型页也类似，同样为Extjs面板。单击添加、修改所弹出的窗口也是Extjs窗口控件，实现方法同单井大类成果数据类型页相同。单击删除时弹出的消息提示与单井大类成果数据类型页相同。这部分代码就不再列出。图4-6 单井成果数据类型下面是单井成果数据类型里使用到的新控件以及部分重要代码。单井成果数据类型里面用到的新控件有单选框和复选框，如图4-7所示。图4-7 单井成果数据类型添加是否上传所对应一栏为单选框，代码如下：xtype:fieldset, defaul