zoukankan html css js c++ java

访问数据库

var db =Database.Open("WebPagesMovies");
var selectedData = db.Query("SELECT * FROM Movies");
var grid =newWebGrid(source: selectedData);

@{
    var db=Database.Open("Empty Site");
    var data=db.Query("select * from users");
    var grid=new WebGrid(source:data);
    
    }
 
<!DOCTYPE html>
 
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
      @grid.GetHtml()
 
    </body>
</html>

如果要自定义样式：
 
@grid.GetHtml(
    columns: grid.Columns(
        grid.Column("Title"),
        grid.Column("Genre"),
        grid.Column("Year")
    )
)


@grid.GetHtml(
    tableStyle: "grid",
    headerStyle: "head",
    alternatingRowStyle: "alt",
    columns: grid.Columns(
        grid.Column("Title"),
        grid.Column("Genre"),
        grid.Column("Year")
    )
)

如果要分页：

var grid =newWebGrid(source: selectedData, rowsPerPage:3);

完整页面代码：

@{
    var db = Database.Open("WebPagesMovies");
    var selectedData = db.Query("SELECT * FROM Movies");
    var grid = new WebGrid(source: selectedData, rowsPerPage: 3);
}

<!DOCTYPE html>

<htmllang="en">
    <head>
        <metacharset="utf-8"/>
        <title>Movies</title>
        <styletype="text/css">
          .grid {margin:4px;border-collapse: collapse;width:600px;}
          .grid th,.grid td {border:1px solid #C0C0C0;padding:5px;}
          .head {background-color:#E8E8E8;font-weight: bold;color:#FFF;}
          .alt {background-color:#E8E8E8;color:#000;}
        </style>
    </head>
    <body>
        <h1>Movies</h1>
        <div>
            @grid.GetHtml(
                tableStyle: "grid",
                headerStyle: "head",
                alternatingRowStyle: "alt",
                columns: grid.Columns(
                    grid.Column("Title"),
                    grid.Column("Genre"),
                    grid.Column("Year")
                )
            )
        </div>
    </body>
</html>

查看全文

相关阅读:
hash表学习笔记
 【学习笔记-集合】HashMap 源码浅析
 java 同步
 学习SpringBoot了
 记录一些好的学习网站
 Idea 的页面布局设定,tomcat及普通web项目设定
 Spring 札记
 java面试题（基础+非基础）[不定期更新]
maven 使用
 ant 生成报告时报错，Errors while applying transformations: Fatal error during transformation

原文地址：https://www.cnblogs.com/littleebeer/p/3365547.html