心理咨询网站的设计论文.docx
辽宁科技大学毕业设计（论文） 第 51 页心理咨询网站的设计摘 要互联网正在融入我们的生活，影响和改变着我们的生活。网络提供给我们的不只是一个获取信息的来源，而且还是一个可以相互交流的空间，而心理咨询网站正给广大的人们和心理辅导人员之间提供了一个双向交流选择的平台。本论文的目的是，设计并实现一个在互联网上的心理咨询网站，访问者可以在主页方便地浏览查询各类信息。本论文介绍了ASP,MSSQL, B/S等相关知识，同时较为详尽地阐述了心理咨询网站的实现。网站的设计采用B/S模式，以ASP为脚本语言,SQL SERVER为数据库的WEB应用程序。本文从应用出发，优化了整体的设计和优化了整体的网站性能。本论文从数据库设计，ASP编程，业务逻辑，维护运行等各方面讨论了心理咨询系统的实现过程和运行过程遇到的问题。 关键词 心理咨询网站；B/S模式;ASP；SQL数据库 AbstractThe Internet is integrating into our lives, influencing and changing our lives. Network provides for us not only a source of access to information, but also an interactive space, and psychological counseling site system provides a platform of two-way communication choice is between the vast number of people and psychological counseling staff. The purpose of this paper is the design and realization of a psychological consultation website system on the internet, that visitors can easily visit and inquire the home page of all types of information. This paper introduces the ASP, MSSQL, B / S and other related knowledge, and at the same time a more detailed description of the psychological counseling site system. Web site design uses B / S model and makes ASP as a scripting language, SQL SERVER as a database of WEB applications. In this paper, it starts from the application to optimize the overall design and the overall site performance. In this paper, from the database design, ASP programming, business logic, the main tenance ,these all aspects of running a psychological consultation, it discusses the problems of the realization and maintenance process of system operation that they will encounter in the process.Keywords Psychological counseling web site；B / S model；ASP；SQL Server database目 录摘 要IAbstractII第1章 绪 论11.1课题背景11.2设计目标1第2章 系统相关技术简介分析32.1 ASP技术介绍32.2 ASP的技术特点和工作原理32.2.1 ASP运行模式32.2.2 ASP的工作原理42.2.3 ASP的技术特点52.3 用ASP进行动态网页设计62.4 ASP访问数据库72.4.1 ASP内置对象和组件72.4.2 ASP访问数据库工作原理82.4.3 ASP连接数据库的方法9第3章 系统概要设计103.1 系统结构说明103.2 系统数据库需求103.3 数据字典103.4 SQL SERVER数据库技术简介113.4.1 SQL SERVER 数据库简介113.4.2 SQL Server2000基础教程基本概念123.4.3 ASP 程序连接SQL SERVER数据库的方法12第 4 章 详细设计144.1 系统公用包含文件的设计144.2 前台的设计174.3后台管理324.3.1 管理员账号324.3.2 公告管理334.3.3 添加信息344.3.4 信息管理35第5章 系统测试375.1 测试项目375.2测试方法38结论40致谢41参考文献42附录A43附录B47第1章 绪 论1.1课题背景随着社会多元化时代的到来，竞争压力的不断增大，人们的生活节奏不断加快，人们的活动范围在不断拓展，人与人的交往越来越频繁，处理微妙复杂的人际关系为每个人所不可避免，人与人之间的收入、社会地位等差异越来越显著许多人都有一种感觉，仿佛来自工作、家庭、就业等方方面面的压力就像一张无形的大手将人压得有些喘不过气来。心理压力、心理危机、失眠、抑郁、工作效率下降、员工自杀、怠工等问题成为困扰人类精神和企业的症结心理咨询逐渐成为企业、个体日常生活的需要。某些发达国家的人们已把去进行心理咨询作为日常生活中的一件平常事，甚至以拥有自己的私人心理医生而引以为荣。在国际、国内少数的企业中，也为员工建立了EAP（员工心理援助计划）通道，作为员工的精神福利。人与人之间需要温暖，需要心灵的沟通，但在现实生活中，常出现这样的情景：当我们迫切需要找一个人倾诉心中的烦恼、不快时，举目四望，思前想后，竟找不到一个合适的对象。人们的困惑、忧虑、恐惧、孤独、压抑、失望、悲伤迫切需要交流，需要诉说，需要安抚需要宣泄心理咨询就是人们打开心扉的钥匙。而目前网络上很少有比较完善的设计的心理在线咨询平台，且功能单一！根据作者多年网龄经验，给大众所提供的网络心理咨询系统至今只发现少数几个，而且该系统功能十分的单一，而且整合性很差。因此，本文推出了基于WEB的心理咨询网站的解决方案。本系统采用ASP这种服务器端的开发环境以及Windows XP的操作系统为工作平台，同时借助SQL SERVER这一强大的数据库管理系统来实现本毕业设计。1.2设计目标本系统的开发的目标就是想利用现代网络技术发展的优势与心理咨询紧密的联系在一起，主要设计内容为设计一个基于WEB的、带有心理咨询关键词识别和判断的系统。设计重点在于面向用户开放的WEB页面与存有大量心理咨询数据的数据库。根据预期设计的结果，该系统包括面向用户开放的心理咨询首页和咨询结果的返回页面以及相关分页面，提供用户输入关键词进行心理问题方面的咨询，返回页面将显示用户所要咨询的相关心理问题的具体信息与心理诊断方法等。若用户输入的与心理咨询不相关的词，将返回提示页面提示用户应该输入心理咨询范围的关键词，再次让用户输入。若在数据库中查不到用户所要求的信息，则返回相应的页面告知用户找不到所需信息。根据系统的功能要解决的关键问题是如何将大量的心理量表、问卷及其心理诊断的步骤和方法设计成模型存入数据库，如何将动态WEB页面与数据库链接起来，通过对WEB页面的正确操作实现对数据库信息的访问与有效使用。将采用动态网页设计技术和PHP/ASP网络编程语言再结合数据库设计的方法与技巧解决上述问题。系 统 结 构 概 述：整个网站从功能上来说主要分成：心理新闻、心理测试、心理治疗、考试减压、心理百科、人及交往、病态心理、后台管理等部分。第2章 系统相关技术简介分析2.1 ASP技术介绍ASP全名为(Active Server Pages)，它是微软公司推出IIS的一个组件，ASP实际是一种在服务器端开发脚本语言的环境。利用它可以开发出动态、交互、高性能Web服务器端的应用，且能较容易实现复杂的Web应用。利用ASP开发的脚本程序全部运行在服务器端，与用户所采用的浏览器无关，从而极大地减少了对客户端的要求。其工作原理是：浏览器从Web服务器调用ASP文件(一种文本文件)，服务器端的脚本引擎对每一条脚本语句解释执行，再把执行的结果生成HTML文件传给客户端7。ASP文件包括文本、HTML标记和ASP文件特有的脚本语句。制作ASP文件同HTML文件一样，可以用任何纯文本编辑器进行编辑。 ASP可以使用任何脚本语言，只需提供其相应的脚本引擎就可，ASP自身提供VB ScriPt和JSP cript两种脚本引擎，缺省为VB Script。ASP包括了5个内置对象：Request对象，从浏览器获取信息；Response对象，发送信息到浏览器；Server对象，控制ASP执行情况，对服务器端ActiveX控件起作用；Session对象，存储用户任务的信息；APPlication对象，使多用户共享一个程序的信息。网站内容的动态化、数据库化是Internet网站发展的必然趋势，ASP以其简单、高效的开发方式及丰富的控制手段为Internet网站的开发应用提供了强有力的支持。2.2 ASP的技术特点和工作原理2.2.1 ASP运行模式当一个浏览器从web服务器请求一个*asp文件时ASP脚本开始运行，web服务器此时调用ASP从头至尾读取请求文件，运行所有命令并把HTML网页返回给浏览器。图 2.1 ASP运行模式图图2.1说明了ASP文件使用数据库访问构件通过ADO(Active Date Object)访问数据库的数据时，web服务器起着中间部件的作用。它接收用户web浏览器的web页请求使用ODBC把对数据或数据库的任何命令请求通过网络送到数据库服务器，从数据库服务器接收数据并且把产生的web页和数据送回到用户浏览器。在图2.2中显示了在运行中各部分之间的关系：图 2.2 ASP各部分关系图 2.2.2 ASP的工作原理基于ASP的页面以*.asp文件形式驻留在web服务器上。一个*.asp源文件是文本文件，可以包括以下成分： 文本 用于显示信息、页面标题等。 HTML标记 实现页面风格设计。ASP脚本(Script Commands)图 2.3 ASP工作原理图图2.3显示了ASP的工作原理，当浏览器通过HTTP协议向web服务器申请一个由*.asp定义的页面时，web服务器响应HTTP请求，用ASP引擎解释被申请文件。当遇到ASP脚本命令时，ASP引擎调用相应的脚本引擎(脚本引擎以组件的形式驻留在web服务器上)进行处理。ASP提供两种脚本引擎，即VBScript引擎和VJScript引擎，若要使用其他脚本语言，需要在web服务器上另外安装相应的脚本引擎；当遇到基于COM标准的组件(组件本身是经过编译的可重用二进制码)时，ASP引擎启动相应的组件完成指定的功能。若ASP文件含有访问数据库的请求，ASP内置组件ADO(ActiveX Date Object) 通过ODBC与数据库连接，对数据库进行访问，并将访问结果返回web服务器。ASP引擎将脚本和组件的运行结果生成相应的HTML语法成分，与文件中原有的文本和HTML标记一起组成标准HTML页面送至客户端浏览器。2.2.3 ASP的技术特点在使用ASP技术时应遵循这样一个原则：即ASP脚本必须与基于COM标签的组件配合使用才能开发出具有实用价值的动态web应用程序。基于组件，可以把应用程序的开发分成两大类任务：一类是开发能被很多程序使用的核心组件；另一类是集成这些核心组件提供的服务，构造出实现特定功能的应用程序。Microsoft及一些“中间件”厂商已针对不同的应用领域提供了许多组件产品，组件的使用者只需要理解组件的接口，不需要知道组件的内部结构和组件使用的数据。 在ASP技术中，ASP脚本相当于一种粘合剂，把一个个具有特定功能的组件集成在一起，以形成最终的软件产品。利用组件，开发人员可以专门做自己最擅长的工作，从而减少开发难度；利用组件，还有助于开发人员将用户界面与应用逻辑、数据服务分开，快速开发出可重性高的基于三层客户服务器结构的web应用程序。综上所述，ASP具有如下一些特点：1、使用普通的文本编辑器(如记事本)即可进行编辑设计；2、ASP脚本无需编译，容易编写，可在服务器端直接解释执行；3、与浏览器无关，用户端只要使用可执行HHML码的浏览器，即可浏览ASP所设计的页面； 4、面向对象，在ASP脚本中可以方便地引用系统组件和ASP内置组件，还能通过定制ActiveX Server Component(ActiveX服务器组件)来扩充功能； 5、ASP的源程序不会被传到客户端，因而可以避免所写的源程序故他人窃取，也提高了程序的安全性；（6）与任何ActiveX Scripting语言兼容, 除了可使用VBScript和JScript语言进行设计外，还可通过Plug_in的方式，使用由第三方提供的其它Scripting语言来扩充功能。2.3 用ASP进行动态网页设计所谓“动态”并不是指在页面上放几个GIF动画图片，其含义大致包含以下两方面： 1、“交互性”即网页的内容会根据用户的要求和选择而动态响应或改变。 2、“自动更新”即无需手动更新HTML文档，便会自动生成新的页面，可以大大节省工作量。根据用户请求生成动态网页的传统技术方案主要有三种：1、最早的渠道是利用CGI(Common Gateway Interface)，即通用网关接口；2、利用web服务器厂商提供的专用接口如：ISAPI，NSAPI；3、利用JAVA访问数据库(JDBC)。这三种方案存在一个共同的问题，就是开发困难，程序的开发和HTML写作是两个完全不同的过程，需要专门的程序员开发。ASP技术的出现使web动态网页设计成为一件轻松愉快的工作。只要几行脚本语句，就能将后台的数据库信息发布到Internet上，在编程和网页脚本的可读性方面大大优于传统的技术方案。ASP文件是一种嵌入了可在服务器端执行脚本的HTML文档，与ASP兼容的web服务器执行这些脚本，现场生成相应的HTML语言成分，与网页中原来的HTML语言合成到一起，共同作用到前端。一个ASP文件就是一个文本文件，其中包含了以下内容： 1、Text(文本) 2、HIML tags(HTML标记) 3、Script命今 由于采用了B/S模式，使得整个系统大在的减少了工作量。图2.4显示了B/S模式图 2.4 B/S模式原理图的工作原理。在前端采用IE、Netscape等的浏览器将用户提交的操作信息向Web服务器发出HTTP请求，Web服务器通过ASP和一些中间组件访问后台数据库，并将操作结果以HTML页面的形式返回给前端浏览器。2.4 ASP访问数据库2.4.1 ASP内置对象和组件ASP提供了功能强大的六个内置对象和五个内置组件内置对象：1、Request(请求)：从前端用户取得信息2、Response(响应)：将信息送给前端用户3、Server(服务器)：提供Web服务器工具4、Session(会话)：储存在一次会话内的用户信息，仅被该用户访问5、Application(应用)：管理所有的会话信息，供所有用户共享6、ObjectContext(对象上下文)：配合Transaction服务器进行分布式事务处理 前三个很常用，Request和Response是用来实现web Server与浏览器交互。Request的一个重要方法是ForM()，其作用是提取浏览器的用户输入信息。如下面的语句可以取得用户填在文本框里面的内容：RequestForm(“nane”)显然，这比CCI等方法所需要的复杂编程简单多了。而输出要用到Response的一个重要方法Write，如：“Response.write our message”该语句向浏览器输出了一条消息。内置组件：1、数据库存取组件：ASP提供ADO来存取具有ODBC标准的数据库2、广告轮显组件：用来维护、构建Internet广告3、浏览器兼容组件：将浏览器的功能数据提供给服务器，以便送出适合于各种浏览器的Web页面4、文件存取组件：提供文件读写的工具5、文件超链接组件：提供对Web页面的管理2.4.2 ASP访问数据库工作原理访问Web数据库的技术有以下几种方式：公共网关接口CGI(Common Gateway Interface)、Internet Server 应用程序编程接口ISAPI（Internet Server Application Programming Interface）、Java、Plug-in(插件)和ASP技术。这些技术都是为了克服HTML静态页面发展起来的。ASP是一个基于Web服务器的脚本开发环境，在ASP平台上可开发和运行动态的、交互的、高性能的Web服务器应用程序。图 2.5 ASP访问数据库原理图图2.5说明了ASP访问数据库工作原理。ASP程序在Web服务器端工作，当前端用户请求一个ASP主页时，Web服务器响应HTTP请求并调用ASP引擎执行该文件并解释执行其中的脚本，若脚本中有访问数据库请求，立刻通过ODBC或ILE DB与相应的后台数据库相连，同数据库访问组件ADO完成操作，最后，ASP根据访问数据库的结果生成HTML语言的主页返回给前端用户，用户看到的只是HTML网页，而看不到ASP程序代码，增强了保密性。2.4.3 ASP连接数据库的方法ASP提供两种访问数据库的方法：在第一种方法中每次访问数据库都要与数据库连接一次，一旦与数据库建立连接语句就可以对数据进行操作；当对数据的操作完成，所有相关的对象都被关闭。与数据库相连的另一种方法是当用户的任务完成后连接才被关闭，这是由Globalasp文件所控制。每个基于ASP的internet应用可以有一个存放在应用根目录中的Global.asp文件，该文件有四个事件：Applicattion-start，Senssion-start, Applicattion-End和Session-end用户与数据库的连接是在Session-start事件中，用Session-end事件关闭连接。第3章 系统概要设计3.1 系统结构说明整个系统从功能上来说主要分成：心理新闻、心理测试、心理治疗、考试减压、心理百科、人及交往、病态心理、后台管理等部分，系统结构如图3.1所示：系统前台后台管理首页心理新闻心理测试心理治疗考试减压心理百科人及交往病态心理管理员账号公告添加信息信息管理图3.1 系统结构图3.2 系统数据库需求根据系统功能设计，进一步对数据库进行设计，具体如下：文章信息实体：ID属性，标题属性，内容属性，类别属性，时间属性；公告实体：内容属性；管理员账号实体：ID属性，帐户属性，密码属性。3.3 数据字典如图3.2:inf(文章信息表)序号名称默认值允许为空数据类型最大长度精度小数位描述是否主键1idNo int1002titleYESnvarchar2553 contentYESntext10737418234typeYESnvarchar505time(getdate()YESsmalldatetime160图 3.2图3.3:notice(公告)序号名称默认值允许为空数据类型最大长度精度小数位描述是否主键1contentYESntext1073741823图 3.3图3.4admin(管理员账号)序号名称默认值允许为空数据类型最大长度精度小数位描述是否主键1idNo int1002usernameYESnvarchar503passwordYESnvarchar50图 3.43.4 SQL SERVER数据库技术简介3.4.1 SQL SERVER 数据库简介SQL Server 是一个关系数据库管理系统它最初是由Microsoft Sybase 和Ashton-Tate三家公司共同开发的于1988 年推出了第一个OS/2 版本在Windows NT 推出后Microsoft与Sybase 在SQL Server 的开发上就分道扬镳了Microsoft 将SQL Server 移植到Windows NT 系统上专注于开发推广SQL Server 的Windows NT 版本Sybase 则较专注于SQL Server在UNIX 操作系统上的应用在本书中介绍的是Microsoft SQL Server 以后简称为SQL Server或MS SQL Server SQL Server 2000 是Microsoft 公司推出的SQL Server 数据库管理系统的最新版本该版本继承了SQL Server 7.0 版本的优点同时又比它增加了许多更先进的功能具有使用方便可伸缩性好与相关软件集成程度高等优点可跨越从运行Microsoft Windows 98 的膝上型电脑到运行Microsoft Windows 2000 的大型多处理器的服务器等多种平台使用!3.4.2 SQL Server2000基础教程基本概念数据(Data)所谓数据就是描述事物的符号.在我们的日常生活中,数据无所不,在数字、文字、图表、图象、声音等都是数据。人们通过数据来认识世界，交流信息。数据库(DB 即Database)数据库，顾名思义，就是数据存放的地方。在计算机中，数据库是数据和数据库对象的集合。所谓数据库对象是指表(Table)、视图(View)、存储过程(Stored Procedure)、触发器(Trigger) 等。这些数据库对象将在以后的章节中介绍。数据库管理系统(DBMS)数据库管理系统是用于管理数据的计算机软件。数据库管理系统使用户能方便地定义和操纵数据，维护数据的安全性和完整性，以及进行多用户下的并发控制和恢复数据库。数据库系统(DBS 即Database System)数据库系统狭义地讲是由数据库、数据库管理系统和用户构成、广义地讲是由计算机硬件、操作系统、数据库管理系统以及在它支持下建立起来的数据库、应用程序、用户和维护人员组成的一个整体。3.4.3 ASP 程序连接SQL SERVER数据库的方法1、通过ODBC DSN建立连接运用ODBC数据源，首先必须在控制面板的ODBC中设置数据源，然后再编写脚本和数据库源建立连接。 (1) 创建 ODBC DSN通过在 Windows 的"开始"菜单打开"控制面板"，您可以创建基于 DSN 的文件。双击"ODBC"图标，然后选择"系统 DSN"属性页，单击"添加"，选择数据库驱动程序，然后单击"下一步"。按照后面的指示配置适用于您的数据库软件的 DSN。常用的数据库软件有Microsoft Access和SQL Server等，这里以SQL Server 数据库为例。配置 SQL Server 数据库系统 DSN：注意如果数据库驻留在远程服务器上，请与服务器管理员联系，获取附加的配置信息；下面的过程使用 SQL Server 的 ODBC 默认的设置，它可能不适用于您的硬件配置。在"创建新数据源"对话框中，从列表框中选择"SQL Server"，然后单击"下一步"。键入 DSN 文件的名称，然后单击"下一步"。单击"完成"创建数据源。键入运行 SQL 服务程序的服务器的名称、登录 ID 和密码。在"创建 SQL Server 的新数据源"对话框中，在"服务器"列表框中键入包含 SQL Server 数据库的服务器的名称，然后单击"下一步"。选择验证登录 ID 的方式。如果要选择 SQL 服务器验证，请输入一个登录 ID 和密码，然后单击"下一步"。在"创建 SQL Server 的新数据源"对话框中，设置默认数据库、存储过程设置的驱动程序和 ANSI 标识，然后单击"下一步"。（要获取详细信息，请单击"帮助"。）在对话框（同样名为"创建 SQL Server 的新数据源"）中，选择一种字符转换方法，然后单击"下一步"。（详细信息，请单击"帮助"。）在下一个对话框（同样名为"创建 SQL Server 的新数据源"）中，选择登录设置。 注意典型情况下，您只能使用日志来调试数据库访问问题。 在"ODBC Microsoft SQL Server 安装程序"对话框中，单击"测试数据源"。如果 DSN 正确创建，"测试结果"对话框将指出测试成功完成。2、编写脚本和数据库源建立连接ADO（ActiveX Data Objects ） 提供 Connection 对象，可以使用该对象建立和管理应用程序和 ODBC 数据库之间的连接。Connection 对象具有各种属性和方法，可以使用它们打开和关闭数据库连接。编写数据库连接脚本，首先应创建 Connection 对象的实例，接着打开数据库连接。第 4 章 详细设计4.1 系统公用包含文件的设计对系统重复使用的代码段，单独做成了页面，使用时在页面调用即可，以便于系统的维护和管理。主要包含页面有：1、conn.asp(数据库连接) 2、top.asp（前台顶部页面） 3、bottom.asp(前台底部页面) 4、css.css（样式表文件）5、pass.asp（权限验证页面）conn.asp(数据库连接)<%Set conn=Server.CreateObject("ADODB.Connection")conn.Open "PROVIDER=SQLOLEDB;DATA SOURCE=127.0.0.1;UID=sa;PWD=sa;DATABASE=dxsxlzx" %> top.asp（前台顶部页面）<table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td><img src="img/logo.jpg" width="800" height="130" /></td> </tr> <tr> <td align="center" valign="middle" bgcolor="#EEEEEE"><ul id="MenuBar1" class="MenuBarHorizontal"> <li><a href="index.asp">首 页</a> </li> <li><a href="lm.asp?type=心理新闻">心理新闻</a></li> <li><a href="lm.asp?type=心理测试">心理测试</a></li> <li><a href="lm.asp?type=心理治疗">心理治疗</a></li> <li><a href="lm.asp?type=性与心理">性与心理</a></li> <li><a href="lm.asp?type=心理百科">心理百科</a></li> <li><a href="lm.asp?type=人际交往">人际交往</a> </li> <li><a href="lm.asp?type=病态心理">病态心理</a></li> </ul></td> </tr></table>bottom.asp(前台底部页面)<table width="800" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="bottom"><TABLE cellSpacing=0 cellPadding=0 width=800 align=center border=0> <TBODY> <TR> <TD background=img/menubg.gif height=29 align="center"> <FONT color=#ffffff>版权所有：大学生心理咨询系统</FONT></TD> </TR> <TR> <TD height=30 align="center" bgcolor="#B6ECEC"> <FONT color=#333333>地址: 邮编: Tel: E-mail: <br> 制作者： </FONT><a href="login.asp" target="_blank" class="1"><FONT color=#333333>管理登陆</FONT></a></TD> </TR> </TBODY> </TABLE></td> </tr></table>Css.css(样式表文件)/* CSS Document */body,td,th font-size: 12px;body margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;a.1:link color: #0000FF;text-decoration: none;a.1:visited text-decoration: none;color: #0000FF;a.1:hover text-decoration: underline;color: #FF3300;a.1:active text-decoration: none;a.tt:link color: #000000;text-decoration: none;a.tt:visited text-decoration: none;color: #000000;a.tt:hover text-decoration: underline;color: #009999;a.tt:active text-decoration: none;a.t2:link color: #0000FF;text-decoration: none;a.t2:visited text-decoration: none;color: #0000FF;a.t2:hover text-decoration: underline;color: #000000;a.t2:active text-decoration: none;.title1 font-size: 14px;color: #003399;font-weight: bold;.tb border: 1px solid #CCCCCC;background-color: #EDF1F8;.tb2 font-family: "黑体"font-size: 16px;line-height: 28px;color: #FFFFFF;background-color: #009999;text-align: left;height: 28px;.button background-color: #DAE2EF;border: 1px outset #CCCCCC;line-height: 16px;height: 20px;width: 50px;.tb1 font-family: "宋体"font-size: 14px;color: #FFFFFF;text-align: center;height: 24px;line-height: 24px;font-weight: bold;background-color: #009966;pass
