# <stl:sqlContents> 数据列表
<stl:sqlContents
connectionStringName="数据库链接字符串名称"
connectionString="数据库链接字符串"
queryString="数据库查询语句"
totalNum="显示数据总数"
startNum="从第几条信息开始显示"
layout="布局"
columns="列数"
direction="方向"
height="整体高度"
width="整体宽度"
align="整体对齐"
itemHeight="项高度"
itemWidth="项宽度"
itemAlign="项水平对齐"
itemVerticalAlign="项垂直对齐"
itemClass="项Css类">
</stl:sqlContents>
# 说明
通过 stl:sqlContents 标签在模板中显示任意数据库中的表数据。
标签 <stl:sqlContents> 通过定义数据库链接字符串(connectionString 属性),使用 <stl:queryString> 和 <stl:sqlContent> 来获取数据库的数据。
通过标签 <stl:queryString> 定义数据库查询语句,即SQL 语句。
通过标签 <stl:sqlContent> 或 {Sql} 数据库实体 获取数据中的每一项。
<stl:sqlContents> 标签对应的实体为{stl:sqlContents}。
# 子标签
子标签 | 说明 |
---|---|
stl:queryString | 定义数据库查询语句(SQL) |
stl:itemTemplate | 设置数据库数据列表项 |
# 属性
属性 | 说明 |
---|---|
connectionStringName | 数据库链接字符串名称 |
connectionString | 数据库链接字符串 |
queryString | 数据库查询语句 |
totalNum | 显示数据总数 |
startNum | 从第几条信息开始显示 |
layout | 布局 |
columns | 列数 |
direction | 方向 |
height | 整体高度 |
width | 整体宽度 |
align | 整体对齐 |
itemHeight | 项高度 |
itemWidth | 项宽度 |
itemAlign | 项水平对齐 |
itemVerticalAlign | 项垂直对齐 |
itemClass | 项Css类 |
# connectionStringName - 数据库链接字符串名称
存储在系统根目录的Web.config文件中的数据库链接字符串名称,默认为系统使用的数据库 ConnectionString
。
# connectionString - 数据库链接字符串
直接设置数据库链接字符串。
WARNING
connectionString属性将在模板文件中暴露数据库链接字符串,如果网站部署在外网,必须使用connectionStringName替代connectionString属性,防止数据库链接被暴露。
# queryString - 数据库查询语句
设置数据库查询SQL语句,如果SQL语句需要较长建议使用子标签 <stl:queryString>
代替。
# totalNum - 显示数据总数
设置列表一共显示多少条信息,默认值为 0,代表显示所有信息。
<stl:sqlContents totalNum="7">
<stl:sqlContent type="name"></stl:sqlContent><br />
</stl:sqlContents>
# startNum - 从第几条信息开始显示
设置列表从第几条信息开始显示,默认值为 1,代表从第一条信息开始显示。
<stl:sqlContents startNum="3" totalNum="7">
<stl:sqlContent type="name"></stl:sqlContent><br />
</stl:sqlContents>
# layout - 布局
列表布局属性用于控制列表循环中每一项的显示方式,默认值为 none
,即直接循环,不控制列表项显示。
"none"
列表不使用布局,仅循环列表项,不控制列表项显示。此值是默认的,如果没有指定属性的话。"table"
列表使用表格布局,系统将把列表标签解析为 HTML <table> 元素,table 标签的所有属性(class、style、cellPadding、cellSpacing 等)均可用在列表标签中。
<stl:sqlContents layout="table" columns="3" width="90%" border="0" cellpadding="2">
<stl:sqlContent type="name"></stl:sqlContent>
</stl:sqlContents>
# columns - 列数
columns 属性决定要显示的列的数量。比如,如果要在列表中显示四列的项,那么可以把这个属性设为 4。
<stl:sqlContents layout="table" columns="3" width="90%" border="0" cellpadding="2">
<stl:sqlContent type="name"></stl:sqlContent>
</stl:sqlContents>
WARNING
columns 属性只有当列表布局为表格 layout="table"
时才起作用。
# direction - 方向
direction 属性用于确定列表是按水平方向还是或垂直方向来重复。
"vertical"
垂直"horizontal"
水平
如果将此属性设置为 vertical,列表中的项显示在从上到下加载的列中,然后从左到右,直到呈现所有项。例如,如果将 columns 属性设置为 3,列表中的项显示在三列中,如下表所示。
1 | 4 | 7 |
2 | 5 | 8 |
3 | 6 | 9 |
如果将此属性设置为 horizontal,列表中的项以从左到右加载的行显示,然后从上到下,直到呈现所有项。例如,如果将 columns 属性设置为 3,列表的项将以每行三项的形式显示,如下表所示。
1 | 2 | 3 |
4 | 5 | 6 |
7 | 8 | 9 |
TIP
即使 direction 值为 vertical,还是显示为 4 个列。columns 永远是指重复的列的数量,而不是行的数量。
WARNING
direction 属性只有当列表布局为表格 layout="table"
且设置了列数 columns
时才起作用。
# height - 整体高度
设置列表的整体高度。
WARNING
height 属性只有当列表布局为表格 layout="table"
时才起作用。
# width - 整体宽度
设置列表的整体宽度。
WARNING
width 属性只有当列表布局为表格 layout="table"
时才起作用。
# align - 整体对齐
设置列表的整体对齐方式。
"center"
居中对齐。"left"
居左对齐。"right"
居右对齐。"justify"
向页面的左右边缘对齐。"notSet"
不设置。此值是默认的,如果没有指定属性的话。
WARNING
align 属性只有当列表布局为表格 layout="table"
时才起作用。
# itemHeight - 项高度
列表中每一项的高度。
WARNING
itemHeight 属性只有当列表布局为表格 layout="table"
时才起作用。
# itemWidth - 项宽度
列表中每一项的宽度。
WARNING
itemWidth 属性只有当列表布局为表格 layout="table"
时才起作用。
# itemAlign - 项水平对齐
列表中每一项的水平对齐方式。
"center"
居中对齐。"left"
居左对齐。"right"
居右对齐。"justify"
向页面的左右边缘对齐。"notSet"
不设置。此值是默认的,如果没有指定属性的话。
WARNING
itemAlign 属性只有当列表布局为表格 layout="table"
时才起作用。
# itemVerticalAlign - 项垂直对齐
列表中每一项的垂直对齐方式。
"top"
顶端对齐。"middle"
居中对齐。"bottom"
底端对齐。"notSet"
不设置。此值是默认的,如果没有指定属性的话。
WARNING
itemVerticalAlign 属性只有当列表布局为表格 layout="table"
时才起作用。
# itemClass - 项Css类
列表中每一项的Css类名称。
WARNING
itemClass 属性只有当列表布局为表格 layout="table"
时才起作用。
# 示例
# 显示最新添加的数据列表
下面的例子显示按最新添加时间获取数据列表。
<stl:sqlContents connectionStringName="ConnectionString" pageNum="10" cellpadding="2">
<stl:queryString>
SELECT TOP 6 * FROM {stl.tableName} WHERE siteId = {Stl.SiteId} ORDER BY AddDate DESC
</stl:queryString>
<stl:sqlContent type="Title" wordnum="20"></stl:sqlContent>
(<stl:sqlContent type="AddDate" formatString="yyyy-MM-dd"></stl:sqlContent>)
<br>
</stl:sqlContents>