### Web开发支撑
#### 内容
- TSL的Web支持
- .Web Tools
#### TSL的Web支持
##### 内容
- 介绍
- 运行模式
- WEB服务器配置方法
- 程序结构
- 输出
- HTML表单处理
##### 介绍
TSL可用于Web开发,下面是一个简单的示例
TSL Web Page
与 PHP类似, TSL代码被嵌入HTML代码中做一些事情，
与JAVAScript客户端不同的是，TSL代码在服务器端执行，在客户端看不到TSL代码，只能看到由TSL生成的HTML代码。
##### 运行模式
Tsl脚本可以以纯cgi的模式执行，也可以用Apache 1.x, 2.x的Module运行，还可以支持以IIS的过滤器来运行，此外，还内置支持了纯CGI对FastCGI的支撑。
##### WEB服务器配置方法
如需要使用TSL的WEB解释器，请将安装TSL的目录加入系统路径中。
以下是各类WEB服务器的配置方法：
###### 内容
- IIS
- Apache 2.2
- Apache 1.x
###### IIS
注意：需要在IIS管理器里的Web服务扩展里允许所有CGI扩展和所有未知ISAPI
####### 内容
- IIS Module模式
- IIS CGI模式
####### IIS Module模式
请在IIS管理器里加入IIS_TSL.dll模块关联.tsl类型。
####### IIS CGI模式
请在IIS管理器里加入TSLCGI.exe关联.tsl类型。
###### Apache 2.2
Apache 2.2与其2.0版本做了比较大的修改，所以TSL取消了模块对2.0的支持，当然CGI模式在各种版本下均支持。如需要使用模块，请下载Apache 2.2的版本。
####### 内容
- Apache 2.2 Module模式：
- Apache 2.X CGI模式：
####### Apache 2.2 Module模式：
在httpd.conf中加入：
LoadModule tsl_module C:/Tinysoft/tsl/MOD_TSL2.dll
AddType tslscript-handler .tsl
AddHandler tslscript-handler .tsl
####### Apache 2.X CGI模式：
在httpd.conf中加入：
AllowOverride None
Options None
Order allow,deny
Allow from all
AddHandler tslscript-handler .tsl
ScriptAlias /tsl/ "c:/Tinysoft/tsl/"
Action tslscript-handler "/tsl/TSLCgi.exe"
或者在httpd.conf中加入：
AddHandler cgi-script .tsl
并且在.tsl的第一行加入#!C:/Tinysoft/tsl/tslCgi.exe
###### Apache 1.x
虽然目前Apache的主要版本已经升级为2.2，但是Apache 1.x的版本使用依然很广泛，由于Apache 1.x的版本与2.2版本差异非常之大，所以TSL语言会继续支持Apache 1.x版本。
####### 内容
- Apache 1.x Module模式：
- Apache 1.x CGI模式：
####### Apache 1.x Module模式：
在httpd.conf中加入：
LoadModule tsl_module C:/tsl/mod_tsl1.dll
AddModule mod_tsl.c
AddType application/tslscript .tsl
AddHandler tslscript-handler .tsl
####### Apache 1.x CGI模式：
在httpd.conf中加入：
AllowOverride None
Options None
Order allow,deny
Allow from all
ScriptAlias /tsl/ "c:/Tinysoft/tsl/"
AddHandler application/tslcgi .tsl
Action application/tslcgi "/tsl/tslcgi.exe"
或者在httpd.conf中加入：
AddHandler cgi-script .tsl
并且在.tsl的第一行加入#!C:/Tinysoft/tsl/tslCgi.exe
##### 程序结构
与PHP不同TSL脚本默认是程序，而非HTML文本。
下面的脚本会直接执行
s:="this is a tsl script";
writeln(s);
如果要输出完整的HTML结构，需要编写下面的代码
write("
TSL Script
");
###### 内容
- 标记
- 块
- 块
###### 标记
标记下面文字是HTML代码，代码将会原文输出到网页上.直到出现
TSL Script
###### 块
当代码应用了标记后，以后的代码都被解析成文本，如果仍然需要在后执行TSL代码，就需要把代码写在中间。标识符和代码可以写在一行或多行，如果写在一行，块。但是不能嵌套。
上面的代码可以写成：
###### 块
在环境下，可以使用来简化输出，输出的模式为：
[,p2..pn]?>
例如要输出当前时间：
##### 输出
TSL使用Write()和Writeln()2个函数把内容输出到网页中。
格式为 Write(p1,p2,…,pn);
把参数p1、p2、…、pn连接起来输出.
Writeln()和write的参数一样，同时输出回车和换行。但是浏览器解释HTML有时会忽略换行回车，把连在一起的空白字符解析成一个空格，这一点需要注意。
TSL还可以使用echo操作符号输出内容，使用的效果和write相同，但是：
格式为Echo [,p2…pn]
此外，在块中还可以采用[,p2..pn] ?>的模式来输出。
##### HTML表单处理
当一个表单体交给 TSL 脚本时，表单中的信息会自动在脚本中可用。TSL可以轻松的访问这些信息，例如下面的表单：
Tsl可以提取上面表单的数据，方法是使用
HttpGetQueryValueByName(Name:String):String
示例：
");
write("Email:",HttpGetQueryValueByName("email"));
>
为了使用简单，TSL使用HttpGetQueryValueByName方法，也可以提取get表单数据，和
Query_String 方式(URL中在之后的信息)的数据。
示例：
http://www.webiste.com/foo.tsl?name=jack&email=jack@abc.com
可以用上面的方式提取数据
#### .Web Tools
##### 内容
- 表格样式
- 单元格
- 图形配置
- 展示范例
- 中间函数
##### 表格样式
###### 内容
- Web_tb_arrow
- Web_tb_bar
- Web_tb_gradient
- Web_tb_npbar
- Web_tb_npgridbar
###### Web_tb_arrow
- Web_tb_arrow
- Web_tb_bar
- Web_tb_gradient
- Web_tb_npbar
- Web_tb_npgridbar
###### Web_tb_bar
- Web_tb_arrow
- Web_tb_bar
- Web_tb_gradient
- Web_tb_npbar
- Web_tb_npgridbar
###### Web_tb_gradient
- Web_tb_arrow
- Web_tb_bar
- Web_tb_gradient
- Web_tb_npbar
- Web_tb_npgridbar
###### Web_tb_npbar
- Web_tb_arrow
- Web_tb_bar
- Web_tb_gradient
- Web_tb_npbar
- Web_tb_npgridbar
###### Web_tb_npgridbar
- Web_tb_arrow
- Web_tb_bar
- Web_tb_gradient
- Web_tb_npbar
- Web_tb_npgridbar
##### 单元格
###### 内容
- 背景
- 富文本
- 迷你图
###### 背景
####### 内容
- Web_css_bgbar
- Web_css_bgcolor
- Web_css_bghist
####### Web_css_bgbar
- Web_css_bgbar
- Web_css_bgcolor
- Web_css_bghist
####### Web_css_bgcolor
- Web_css_bgbar
- Web_css_bgcolor
- Web_css_bghist
####### Web_css_bghist
- Web_css_bgbar
- Web_css_bgcolor
- Web_css_bghist
###### 富文本
####### 内容
- Web_richtext_zdbgcolor
####### Web_richtext_zdbgcolor
- Web_richtext_zdbgcolor
###### 迷你图
####### 内容
- Web_spark_hist
- Web_spark_nphist
####### Web_spark_hist
- Web_spark_hist
- Web_spark_nphist
####### Web_spark_nphist
- Web_spark_hist
- Web_spark_nphist
##### 图形配置
###### 内容
- Web_fig_box
- Web_fig_heatmap
- Web_fig_histogram
- Web_fig_radar
- Web_fig_tree_decomp
- Web_fig_violin
###### Web_fig_box
- Web_fig_box
- Web_fig_heatmap
- Web_fig_histogram
- Web_fig_radar
- Web_fig_tree_decomp
- Web_fig_violin
###### Web_fig_heatmap
- Web_fig_box
- Web_fig_heatmap
- Web_fig_histogram
- Web_fig_radar
- Web_fig_tree_decomp
- Web_fig_violin
###### Web_fig_histogram
- Web_fig_box
- Web_fig_heatmap
- Web_fig_histogram
- Web_fig_radar
- Web_fig_tree_decomp
- Web_fig_violin
###### Web_fig_radar
- Web_fig_box
- Web_fig_heatmap
- Web_fig_histogram
- Web_fig_radar
- Web_fig_tree_decomp
- Web_fig_violin
###### Web_fig_tree_decomp
- Web_fig_box
- Web_fig_heatmap
- Web_fig_histogram
- Web_fig_radar
- Web_fig_tree_decomp
- Web_fig_violin
###### Web_fig_violin
- Web_fig_box
- Web_fig_heatmap
- Web_fig_histogram
- Web_fig_radar
- Web_fig_tree_decomp
- Web_fig_violin
##### 展示范例
###### 内容
- Demo_framestyle_constyle_dotweb
- Demo_framestyle_constyle_net
- Demo_framestyle_heatmaptb_net
- Demo_framestyle_net
- Demo_framestyle_web
- Demo_framestyle_data
###### Demo_framestyle_constyle_dotweb
- Demo_framestyle_constyle_dotweb
- Demo_framestyle_constyle_net
- Demo_framestyle_heatmaptb_net
- Demo_framestyle_net
- Demo_framestyle_web
- Demo_framestyle_data
###### Demo_framestyle_constyle_net
- Demo_framestyle_constyle_dotweb
- Demo_framestyle_constyle_net
- Demo_framestyle_heatmaptb_net
- Demo_framestyle_net
- Demo_framestyle_web
- Demo_framestyle_data
###### Demo_framestyle_heatmaptb_net
- Demo_framestyle_constyle_dotweb
- Demo_framestyle_constyle_net
- Demo_framestyle_heatmaptb_net
- Demo_framestyle_net
- Demo_framestyle_web
- Demo_framestyle_data
###### Demo_framestyle_net
- Demo_framestyle_constyle_dotweb
- Demo_framestyle_constyle_net
- Demo_framestyle_heatmaptb_net
- Demo_framestyle_net
- Demo_framestyle_web
- Demo_framestyle_data
###### Demo_framestyle_web
- Demo_framestyle_constyle_dotweb
- Demo_framestyle_constyle_net
- Demo_framestyle_heatmaptb_net
- Demo_framestyle_net
- Demo_framestyle_web
- Demo_framestyle_data
###### Demo_framestyle_data
- Demo_framestyle_constyle_dotweb
- Demo_framestyle_constyle_net
- Demo_framestyle_heatmaptb_net
- Demo_framestyle_net
- Demo_framestyle_web
- Demo_framestyle_data
##### 中间函数
###### 内容
- Kerneldensityestimator
- Web_color_theme
- Web_color_triscale
- Web_dict2tabletree
- Web_format
- Web_getcolorscalebyrgbarr
- Web_getdefultcolor
- Web_getlineargradient
- Web_gettdbar
- Web_html_span
- Web_html_table
- Web_table2dicttree
###### Kerneldensityestimator
- Kerneldensityestimator
- Web_color_theme
- Web_color_triscale
- Web_dict2tabletree
- Web_format
- Web_getcolorscalebyrgbarr
- Web_getdefultcolor
- Web_getlineargradient
- Web_gettdbar
- Web_html_span
- Web_html_table
- Web_table2dicttree
###### Web_color_theme
- Kerneldensityestimator
- Web_color_theme
- Web_color_triscale
- Web_dict2tabletree
- Web_format
- Web_getcolorscalebyrgbarr
- Web_getdefultcolor
- Web_getlineargradient
- Web_gettdbar
- Web_html_span
- Web_html_table
- Web_table2dicttree
###### Web_color_triscale
- Kerneldensityestimator
- Web_color_theme
- Web_color_triscale
- Web_dict2tabletree
- Web_format
- Web_getcolorscalebyrgbarr
- Web_getdefultcolor
- Web_getlineargradient
- Web_gettdbar
- Web_html_span
- Web_html_table
- Web_table2dicttree
###### Web_dict2tabletree
- Kerneldensityestimator
- Web_color_theme
- Web_color_triscale
- Web_dict2tabletree
- Web_format
- Web_getcolorscalebyrgbarr
- Web_getdefultcolor
- Web_getlineargradient
- Web_gettdbar
- Web_html_span
- Web_html_table
- Web_table2dicttree
###### Web_format
- Kerneldensityestimator
- Web_color_theme
- Web_color_triscale
- Web_dict2tabletree
- Web_format
- Web_getcolorscalebyrgbarr
- Web_getdefultcolor
- Web_getlineargradient
- Web_gettdbar
- Web_html_span
- Web_html_table
- Web_table2dicttree
###### Web_getcolorscalebyrgbarr
- Kerneldensityestimator
- Web_color_theme
- Web_color_triscale
- Web_dict2tabletree
- Web_format
- Web_getcolorscalebyrgbarr
- Web_getdefultcolor
- Web_getlineargradient
- Web_gettdbar
- Web_html_span
- Web_html_table
- Web_table2dicttree
###### Web_getdefultcolor
- Kerneldensityestimator
- Web_color_theme
- Web_color_triscale
- Web_dict2tabletree
- Web_format
- Web_getcolorscalebyrgbarr
- Web_getdefultcolor
- Web_getlineargradient
- Web_gettdbar
- Web_html_span
- Web_html_table
- Web_table2dicttree
###### Web_getlineargradient
- Kerneldensityestimator
- Web_color_theme
- Web_color_triscale
- Web_dict2tabletree
- Web_format
- Web_getcolorscalebyrgbarr
- Web_getdefultcolor
- Web_getlineargradient
- Web_gettdbar
- Web_html_span
- Web_html_table
- Web_table2dicttree
###### Web_gettdbar
- Kerneldensityestimator
- Web_color_theme
- Web_color_triscale
- Web_dict2tabletree
- Web_format
- Web_getcolorscalebyrgbarr
- Web_getdefultcolor
- Web_getlineargradient
- Web_gettdbar
- Web_html_span
- Web_html_table
- Web_table2dicttree
###### Web_html_span
- Kerneldensityestimator
- Web_color_theme
- Web_color_triscale
- Web_dict2tabletree
- Web_format
- Web_getcolorscalebyrgbarr
- Web_getdefultcolor
- Web_getlineargradient
- Web_gettdbar
- Web_html_span
- Web_html_table
- Web_table2dicttree
###### Web_html_table
- Kerneldensityestimator
- Web_color_theme
- Web_color_triscale
- Web_dict2tabletree
- Web_format
- Web_getcolorscalebyrgbarr
- Web_getdefultcolor
- Web_getlineargradient
- Web_gettdbar
- Web_html_span
- Web_html_table
- Web_table2dicttree
###### Web_table2dicttree
- Kerneldensityestimator
- Web_color_theme
- Web_color_triscale
- Web_dict2tabletree
- Web_format
- Web_getcolorscalebyrgbarr
- Web_getdefultcolor
- Web_getlineargradient
- Web_gettdbar
- Web_html_span
- Web_html_table
- Web_table2dicttree