asp.net后台代码填充前台数据实例

.aspx代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default12.aspx.cs" Inherits="Default12" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type ="text/css">
        #tbl_summary{ border:1px solid black;}
        #tbl_summary td,#tbl_summary th
            { padding:10px; border:1px solid silver;}
            td span
                { margin:10px;}
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Table ID="tbl_summary" runat="server">
            <asp:TableHeaderRow>
                <asp:TableHeaderCell ColumnSpan="4">成绩汇总</asp:TableHeaderCell>
            </asp:TableHeaderRow>
        </asp:Table>
    </div>
    </form>
</body>
</html>

.aspx.cs代码如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.OleDb;

public partial class Default12 : System.Web.UI.Page
{    string str_cnn = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source=";
    string str_sourcefile = "mdb\\mydb.mdb";
    OleDbConnection cnn;
    OleDbCommand cmd;
    OleDbDataReader datar;
    string str_sql;
    protected void Page_Load(object sender, EventArgs e)
    {
        //构建表
        //【语文】不及格,【语文】优秀,【数学】不及格,【数学】优秀
        //[Good]_cj_yuwen,[Fail]_cj_yuwen,[Good]_cj_shuxue,[Fail]_cj_shuxue
        string[] _sarr1 = { "Good", "Fail" };
        string[] _sarr2 = { "优秀", "不及格" };
        string[] _sarr_km = { "cj_yuwen", "cj_shuxue", "cj_huaxue", "cj_wuli", "cj_yingyu" };
        string[] _sarr_kmname = { "语文", "数学", "化学", "物理", "英语" };

        TableRow _tr; TableCell _td;

        for (int i = 0; i < _sarr_km.Length; i++) {
            _tr = new TableRow();
            for (int j = 0; j < _sarr1.Length; j++) {
                _td = new TableCell();
                _td.Text = _sarr_kmname[i] + _sarr2[j];
                _tr.Cells.Add(_td);

                _td = new TableCell();
                _td.ID = _sarr1[j] + _sarr_km[i];
                _tr.Cells.Add(_td);
            }
            tbl_summary.Rows.Add(_tr);
        }

        string str_conn = str_cnn + MapPath(str_sourcefile);
        cnn = new OleDbConnection(str_conn);
        cnn.Open();

        str_sql = "SELECT * FROM tb_chenji";
        cmd = new OleDbCommand(str_sql, cnn);
        datar = cmd.ExecuteReader();

        Label lab_name;
        Single _f;

        while (datar.Read()) {
            //lab_name = new Label(); lab_name.Text = datar["cj_name"].ToString();
            foreach (string _skm in _sarr_km) {
                _f = Convert.ToSingle(datar[_skm].ToString());//<strong><em>_skm既作为变量名又作为构建ID的因子,这种方法很重要</em></strong>
                if (_f < 60) {
                    lab_name = new Label(); lab_name.Text = datar["cj_name"].ToString();
                    _td = (TableCell)FindControl("Fail" + _skm);
                    _td.Controls.Add(lab_name);

                }
                if (_f > 85)
                {
                    lab_name = new Label(); lab_name.Text = datar["cj_name"].ToString();
                    _td = (TableCell)FindControl("Good" + _skm);
                    _td.Controls.Add(lab_name);

                }

            }

        }

        cnn.Close();
    }
}

效果如下:

时间: 2024-11-05 21:37:00

asp.net后台代码填充前台数据实例的相关文章

asp.net后台代码访问前台html标签

//单击按钮后批量改变li元素的内联文本值及样式 for (int i = 1; i <= 8; i++) { HtmlGenericControl li = this.FindControl("li" + i) as HtmlGenericControl; li.InnerHtml = "新值" + i.ToString(); li.Attributes.CssStyle.Value = "color:red"; } Code //单击按

ASP.NET的后台代码和前台JS代码相互调用

在实际的Web开发中,我们可能会常常遇到后台调用前台JS代码或者前台JS调用后台代码的情况.今天就把比较实用的前后台相互调用的方法总结出来和大家分享. <1>后台代码调用前台JS代码 一.说到后台代码调用前台的JS代码很多人首先就会想到使用 ClientScript.RegisterStartupScript()方法,该方法主要是注册启动脚本文本,即在后台执行调用前台JS代码 该方法有两个重载, 1.ClientScript.RegisterStartupScript(Type type,st

asp.net通过后台代码给前台设置css样式,下拉列表在js中的取值

后台根据不同的用户登陆隐藏或显示前台div标签 前台: 将div声明成服务器端控件 <div id="div1" runat="server">....</div> 后台 隐藏: this.div1.Style.Add("display", "none"); 显示: this.div1.Style.Add("display", "block"); 必须要加 run

asp.net 后台程序和前台js脚本哪个先执行

服务器加载aspx程序时,首先要执行后台cs文件中的page_load等方法中的代码,其它按钮事件等是不执行的,生成页面发送到客户端 客户端执行时会响应js脚本,提交到服务器后除了执行page_load外,还要执行提交按钮事件等 肯定是后台的啊后台的把程序执行了,返回数据到前台浏览器,浏览器才解释前台脚本

Js调用asp.net后台代码

方法一:         1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中; 2.在前台写一个js函数,内容为document.getElementById("btn1").click() 或者document.getElementById("btn1").onclick() 3.在前台或后台调用js函数,激发click事件,等于访问后台c#函数: 方法一:直接使用<%=%>调用 前台方法: <script type=&

asp.net 后台代码跳转页面前弹出提示框

1.Response.Write("<script>alert('查询语句执行出错!');window.location.href=DisplayData.aspx</script>"); 2.Page.RegisterStartupScript("msg", "<script>alert('查询语句执行出错!');window.location.href='DisplayData.aspx'</script>

首次加载进来DEV控件列表第一行颜色总是不对,后台代码显示的数据正确

1:行改变的颜色正确的颜色: 2:结果首次加载第一行颜色为: 3:解决方案:Views-->OptionsSelection -->EnableAppearancehideSelection=False

ASP.NET easyUI--datagrid 通过ajax请求ASP.NET后台数据的分页查询

js前台对datagrid的定义代码,如下 mygrid = $('#mytable').datagrid({ fit: true, //自动大小 height: 'auto', rownumbers: true, //行号 fitColumns: true, collapsible: true, //是否可折叠的 loadMsg: '数据装载中......', singleSelect: true, //单行选取 pagination: true //显示分页 // columns: [[]]

Reperter中嵌套GridView中后台代码的遍历

前台代码如下:  <asp:Repeater ID="RepBigClass" runat="server">                <ItemTemplate>                    <div>                        <h2 style="text-align: left;"><%#Eval("ClassTypeName")