已经从数据库中查询到数据，该怎样显示在html页面中

hhr1222 2017-05-25 04:30:17

前端不懂，求教该怎么做，最好来个实例

...全文

13123 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

pana hema 2020-04-24

打赏
举报

遍历输出试试？
foreach

warm_heart_y 2020-04-23

打赏
举报

我的项目上是three.js框架，请问通过node.js如何把数据库的信息提交给html页面上

逆风孤歌 2018-12-21

打赏
举报

引用 8 楼华丽丽的小低调的回复:

cs页面第一种，使用SqlDataReader绑定gridview


public SqlDataReader bind() 
        {
            SqlConnection con = new SqlConnection(sqlcon);
            string sql = "SELECT * FROM test";
            SqlCommand cmd = new SqlCommand(sql, con);
            con.Open();
            SqlDataReader dr = cmd.ExecuteReader(CommandBehavior.CloseConnection);
            return dr;
        }

       protected void Page_Load(object sender, EventArgs e)
        {
            GridView1.DataSource = bind();
            GridView1.DataBind();
        }

前台：aspx

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ID">
            <Columns>
                <asp:BoundField DataField="Pid" HeaderText="Pid" SortExpression="Pid" />
                <asp:BoundField DataField="Pname" HeaderText="Pname" SortExpression="Pname" />
                <asp:BoundField DataField="Pmode" HeaderText="Pmode" SortExpression="Pmode" />
                <asp:BoundField DataField="Ptime" HeaderText="Ptime" SortExpression="Ptime" />
            </Columns>
           </asp:GridView>

解决了我的问题谢谢了

夢里不知身是愙 2018-08-21

打赏
举报

我现在也在做这个需求，要求的是从数据库取出数据在前端HTML中展示。但是没你这么复杂，我们公司有一个系统直接用api 路径就能查询返回结果，然后ajax 请求，通过id传递给前端页面中的id。。。达到数据库取值传递到页面效果。。

by_封爱版主 2017-05-26

打赏
举报

你查询到的"数据" 你放在了哪里? 或者说你是从什么地方查询数据库的用的什么方式?

华丽丽的小低调 2017-05-26

打赏
举报

第三种，使用datatable绑定gridview。

       public DataTable binddata() 
        {
            DataTable tt = new DataTable();
            SqlConnection con = new SqlConnection(sqlcon);
            string sql = "SELECT * FROM test";
            SqlDataAdapter adt = new SqlDataAdapter(sql, con);
            adt.Fill(tt);
            return tt;
        }

      protected void Page_Load(object sender, EventArgs e)
        {
            GridView1.DataSource = binddata();
            GridView1.DataBind();
        }

华丽丽的小低调 2017-05-26

打赏
举报

第二种使用dataset来绑定gridview

public DataSet binddata1() 
        {
            DataSet ds = new DataSet();
            SqlConnection con = new SqlConnection(sqlcon);
            string sql = "SELECT * FROM test";
            SqlDataAdapter adt = new SqlDataAdapter(sql, con);
            adt.Fill(ds);
            return ds;

        }

       protected void Page_Load(object sender, EventArgs e)
        {
            GridView1.DataSource = binddata1();
            GridView1.DataBind();
        }

华丽丽的小低调 2017-05-26

打赏
举报

cs页面第一种，使用SqlDataReader绑定gridview


public SqlDataReader bind() 
        {
            SqlConnection con = new SqlConnection(sqlcon);
            string sql = "SELECT * FROM test";
            SqlCommand cmd = new SqlCommand(sql, con);
            con.Open();
            SqlDataReader dr = cmd.ExecuteReader(CommandBehavior.CloseConnection);
            return dr;
        }

       protected void Page_Load(object sender, EventArgs e)
        {
            GridView1.DataSource = bind();
            GridView1.DataBind();
        }

前台：aspx

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ID">
            <Columns>
                <asp:BoundField DataField="Pid" HeaderText="Pid" SortExpression="Pid" />
                <asp:BoundField DataField="Pname" HeaderText="Pname" SortExpression="Pname" />
                <asp:BoundField DataField="Pmode" HeaderText="Pmode" SortExpression="Pmode" />
                <asp:BoundField DataField="Ptime" HeaderText="Ptime" SortExpression="Ptime" />
            </Columns>
           </asp:GridView>