asp.net后台添加新闻内容用的什么控件，前台可以显示图片的那种。

huier513 2014-12-12 01:53:56

前台可以显示图片的那种

...全文

229 17 打赏收藏转发到动态举报

写回复

用AI写文章

17 条回复

切换为时间正序

请发表友善的回复…

发表回复

aae_2641421639 2014-12-15

打赏
举报

asp.net后台添加新闻内容控件、可以显示图片的DataList控件 //后台添加新闻内容控件 <table style="width: 542px" cellspacing="0" class="0"> <tr> <td style="text-align: right" class="style1"> <span style="font-size: 9pt">标题:</span></td> <td colspan="2" style="width: 368px; text-align: left"> <asp:TextBox ID="txtSubject" runat="server" Font-Size="9pt" Width="290px"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtSubject" ErrorMessage="标题不能为空">*</asp:RequiredFieldValidator></td> </tr> <tr> <td style="text-align: right" class="style1"> <span style="font-size: 9pt">作者:</span></td> <td colspan="2" style="width: 368px; text-align: left"> <asp:TextBox ID="TextBox2" runat="server" Font-Size="9pt" Width="287px" ReadOnly="True"></asp:TextBox></td> </tr> <tr> <td style="text-align: right; height: 24px;"> 类别:</td> <td colspan="2" style="width: 368px; text-align: left; height: 24px;"> <asp:DropDownList ID="DropDownList1" runat="server" Font-Names="9pt"> </asp:DropDownList></td> </tr> <tr> <td style="text-align: right" class="style3" align="left"> 摘要:</td> <td colspan="2" style="width: 368px; height: 14px; text-align: left"> <asp:TextBox ID="TextBox1" runat="server" Height="114px" TextMode="MultiLine" Width="495px"></asp:TextBox></td> </tr> <tr> <td style="text-align: right" class="style4"> <span style="font-size: 9pt">内容:</span></td> <td colspan="2" style="width: 368px; height: 26px"> <FTB:FreeTextBox id="article_context" runat="Server" Language="zh-cn" SupportFolder="../../aspnet_client/FreeTextBox/" Width="495" height="204" HtmlModeDefaultsToMonoSpaceFont="True" DownLevelCols="50" DownLevelRows="10" ButtonDownImage="False" GutterBackColor="LightSteelBlue" ToolbarBackgroundImage="True" ToolbarLayout="ParagraphMenu,FontFacesMenu,FontSizesMenu,FontForeColorsMenu|Bold,Italic,Underline,Strikethrough;Superscript,Subscript,RemoveFormat|JustifyLeft,JustifyRight,JustifyCenter,JustifyFull;BulletedList,NumberedList,Indent,Outdent;CreateLink,Unlink,InsertImage,InsertRule|Cut,Copy,Paste;Undo,Redo,Print" ToolbarStyleConfiguration="NotSet" /> </td> </tr> <tr> <td class="style2"> <asp:CheckBox ID="CheckBox1" runat="server" Font-Size="11pt" OnCheckedChanged="CheckBox1_CheckedChanged" Text="推荐" Width="56px" style="font-size: small" /></td> <td colspan="2" style="width: 368px; height: 24px;"> <asp:Button ID="btnAdd" CssClass="ButtonCss" runat="server" Font-Size="9pt" OnClick="btnAdd_Click" Text="添加" Width="44px" /> <asp:Button ID="Button1" CssClass="ButtonCss" runat="server" Font-Size="9pt" OnClick="Button1_Click" Text="重置" Width="41px" /> <asp:Button ID="btnCancle" CssClass="ButtonCss" runat="server" Font-Size="9pt" Text="返回" OnClick="btnCancle_Click" CausesValidation="False" Width="47px" /></td> </tr> </table> //DataList显示设置 <asp:DataList ID="DataList1" runat="server" CellPadding="4" ForeColor="#333333" Width="438px" > <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" /> <SelectedItemStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" /> <ItemTemplate> <table> <tr> <td style="text-align: left"> 商品类别编号：<%# DataBinder.Eval(Container.DataItem, "GoodsTypeID")%></td> </tr> <tr> <td> <asp:DataList ID="DataList2" runat="server" DataSource='<%#((System.Data.DataRowView)Container.DataItem).CreateChildView("tableRelation") %>' DataKeyField="GoodsTypeID" Width="433px" > <ItemTemplate> <table style="width: 520px; " cellpadding="0" cellspacing="0" border="1"> <tr> <td style="width: 84px"> <asp:Label ID="Label3" runat="server" Font-Size="9pt" Text="商品名称:" Width="81px"></asp:Label> </td> <td > <asp:Label ID="labName" runat="server" Font-Size="9pt" Text='<%# DataBinder.Eval(Container.DataItem,"GoodsName") %>'></asp:Label> </td> <td > <asp:Label ID="Label5" runat="server" Font-Size="9pt" Text="类别名称:" Width="81px"></asp:Label> </td> <td style="width: 99px"> <asp:Label ID="labTypeName" runat="server" Font-Size="9pt" Text='<%# DataBinder.Eval(Container.DataItem,"GoodsTypeName") %>'></asp:Label> </td> </tr> <tr> <td style="width: 84px;"> <asp:Label ID="Label9" runat="server" Font-Size="9pt" Text="商品价格:" Width="94px"></asp:Label> </td> <td > <asp:Label ID="labPrice" runat="server" Font-Size="9pt" Text='<%# DataBinder.Eval(Container.DataItem,"GoodsPrice") %>'></asp:Label> </td> <td > <asp:Label ID="Label11" runat="server" Font-Size="9pt" Text="商品简介:" Width="90px"></asp:Label> </td> <td style="width: 99px;"> <asp:Label ID="labIntroduce" runat="server" Font-Size="9pt" Text='<%# DataBinder.Eval(Container.DataItem,"GoodsIntroduce") %>'></asp:Label> </td> </tr> </table> </ItemTemplate> </asp:DataList></td> </tr> </table> </ItemTemplate> <AlternatingItemStyle BackColor="White" /> <ItemStyle BackColor="#E3EAEB" /> <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" /> </asp:DataList> //cs页面绑定控件显示数据信息 SqlConnection sqlcon; string strCon = ConfigurationManager.AppSettings["conStr"]; protected void Page_Load(object sender, EventArgs e) { string sqlstr = "select * from tb_GoodsType select b.GoodsTypeID,b.GoodsName,a.GoodsTypeName,b.GoodsIntroduce,b.GoodsPrice,b.GoodsIsNew from tb_GoodsType as a inner join tb_GoodsInfo1 as b on a.GoodsTypeID=b.GoodsTypeID"; sqlcon = new SqlConnection(strCon); SqlDataAdapter myda = new SqlDataAdapter(sqlstr, sqlcon); DataSet myds = new DataSet(); sqlcon.Open(); myda.Fill(myds);//codego.net/tags/11/1/ myds.Tables[0].TableName = "tb_GoodsInfo"; myds.Tables[1].TableName = "tb_GoodsType"; DataColumn Parent = myds.Tables["tb_GoodsInfo"].Columns["GoodsTypeID"]; DataColumn Child = myds.Tables["tb_GoodsType"].Columns["GoodsTypeID"]; DataRelation tableRelation = new DataRelation("tableRelation", Parent, Child, false); myds.Relations.Add(tableRelation); DataList1.DataSource = myds.Tables["tb_GoodsInfo"].DefaultView; DataList1.DataBind(); sqlcon.Close(); }

huier513 2014-12-12

打赏
举报

哎，去研究下FCKeditor这个好了。。。。

huier513 2014-12-12

打赏
举报

huier513 2014-12-12

打赏
举报

引用 11 楼 sp1234 的回复:

设计开发这样的一个“新闻控件”，里边至少有两个asp.net控件，比如说一个是 Image 控件，另一个是 Label 控件。然后，这个新闻控件的接口上有“新闻ID”属性。此控件的代码，可以根据新闻ID号而读取数据库，然后分别设置 Image 的 ImageUrl 属性为数据库中记录的“图片”，设置 Label 的 Text 为数据库中记录的“内容”。在一个aspx中可能只有一个新闻控件的实例，也可能有多个（例如在一个 DataList 中绑定的新闻列表），根据页面布局设计的不同而用法不同。但是基础地，如果说预先开发一个通用的“新闻控件”用到你各种页面、将来重复使用，那么你就不能在开发页面时满脑子还只有低级的什么 Image、Label 这层次的概念，而是先要有一个“封装一组自定义业务控件”进行重复使用的技术框架。有人可能以为“万丈高楼都是一砖一瓦拼凑起来的”。但是设计师平常最花时间去做的，可不是满脑子只有最底层的那点控件的。

本人是新手，可能没有那个概念，只是想实现现有功能。前台绑定数据，这个我会，现在就是怎么让一条新闻跟几张图片绑定。

_Monkey_King 2014-12-12

打赏
举报

一张图片表一张新闻表对应下呗取数据的时候把图片取出来就好啊这个只是针对你看到的那个做法

fei缘如水 2014-12-12

打赏
举报

image啊

以专业开发人员为伍 2014-12-12

打赏
举报

设计开发这样的一个“新闻控件”，里边至少有两个asp.net控件，比如说一个是 Image 控件，另一个是 Label 控件。然后，这个新闻控件的接口上有“新闻ID”属性。此控件的代码，可以根据新闻ID号而读取数据库，然后分别设置 Image 的 ImageUrl 属性为数据库中记录的“图片”，设置 Label 的 Text 为数据库中记录的“内容”。在一个aspx中可能只有一个新闻控件的实例，也可能有多个（例如在一个 DataList 中绑定的新闻列表），根据页面布局设计的不同而用法不同。但是基础地，如果说预先开发一个通用的“新闻控件”用到你各种页面、将来重复使用，那么你就不能在开发页面时满脑子还只有低级的什么 Image、Label 这层次的概念，而是先要有一个“封装一组自定义业务控件”进行重复使用的技术框架。有人可能以为“万丈高楼都是一砖一瓦拼凑起来的”。但是设计师平常最花时间去做的，可不是满脑子只有最底层的那点控件的。

huier513 2014-12-12

打赏
举报

引用 9 楼 a85667562 的回复:

[quote=引用 6 楼 huier513 的回复:] [quote=引用 5 楼 a85667562 的回复:] 如果图片位置固定你可以考虑上传图片和内容分开只是显示的时候读取出来或者单独做图片上传然后用富文本框编辑内容的时候插入图片已上传的网络路径

我看到别人的数据库字段都是图片路径和新闻内容2个字段，这个要怎么做[/quote] 这样只有一个图片这样做很简单的就是图片上传和内容上传保存图片路径于内容同一个新闻表这样就是一行数据啊你读取的时候就是<div>内容图片控件啊</div> 就是要确认图片成功上传完成[/quote] 意思是说这样做，一条新闻就只能添加一张图片了？那要添加多张图片有什么办法？？

_Monkey_King 2014-12-12