.net 网站开发知识点二

net 网站开发知识点一
介绍了Form验证，FCKediter控件的使用，以及分页控件的使用，这章将再介绍几点简单的知识点，掌握这些知识，就可以简单一个简单的新闻发布网站。
一、新闻标题

这样的新闻预览标题可以用reapeter控件实现

[html]
<asp:Repeater ID="Repeater1" runat="server">
      <ItemTemplate >
      <table width="550" border="1" cellpadding="0" style=" border:none">
      <tr>
      <td height="30px" style="border-left-width:0; border-top-width:0; border-right-width:0; border-bottom-width:0 " class="text"><%# Convert.ToDateTime(Eval("NewsTime")).ToShortDateString() %> </td>
      </tr>
      <tr>
      <td style="border-left-width:0; border-top-width:0; border-right-width:0; border-bottom-width:0 " >
      <div style=" text-align:justify ; font-size: 12pt; color: #306; font-family: Arial, Helvetica, sans-serif;font-style: italic; font-weight: bold; width:550px;overflow:hidden"> <%# Eval("NewsTitle") %> </td>
      </tr>

      <tr>
      <td style="border-left-width:0; border-top-width:0; border-right-width:0; border-bottom-width:0 ; padding-top:10px" class="text">
      <div style=" text-align:justify ; width:550px; overflow:hidden "> <%# getchar(Eval("NewsText").ToString(),340)%> </td>
      </tr>

      <tr>
      <td height="30px" style="border-left-width:0; border-top-width:0; border-right-width:0; border-bottom-color:#666;" ><br /><a href="NewsView.aspx?id=<%# Eval("id")%>" class="more">More</a></td>
      </tr>
      </table>
      </ItemTemplate>
</asp:Repeater>
后台代码如下：
[csharp]
namespace WebAPP
{
    public partial class NewsReleases : System.Web.UI.Page
    {
        private NewsManage newsManage = new NewsManage();

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
              Repeater1.DataSource = newsManage.GetList();
              Repeater1.DataBind();
            }
        }

        public string getchar(string str, int len)
        {
            str = Regex.Replace(str, @"<[^>]+>", "");
            if (str.Length > len)
                str = str.Substring(0, len);
            str += "…";
            return str;
        }
    }
}
还有一种标题类型：

这种可以用datalist绑定，也可以用repeater绑定:
[html]
<div class="productList">
       <asp:Repeater ID="Repeater1" runat="server">
       <HeaderTemplate>
           <ul>
       </HeaderTemplate>
            <ItemTemplate>
              <li>
               <table border="0">
               <tr><td valign="middle" ><img src="<%# Eval("imagePath") %>" width="65px" height="75px" style=" margin-right:5px;border:   1px   solid black;" /></td>
               <td valign="top" height="85px" width="125px" style="font-size:12px; word-spacing:3px; text-align:left"><a href="Media<%# Eval("fileType") %>.aspx?id=<%# Eval("id")%>" target="_blank" class="bottom" > <%# Eval("fileTitle") %></a>
               <div style=" width:125px"><%# Eval("fileMonth") %> <%# Eval("fileYear") %></div>
               </td></tr>
               </table>
             </li>
        </ItemTemplate>
   <FooterTemplate>
   </ul>
   </FooterTemplate>
       </asp:Repeater>
       </div>

Reperter需要设置一定的CSS样式：
[html]
.productList{
border:none;
margin:0px;
width:630px;
}

.productList ul{
margin:0px;
padding:0px;
list-style:none;

}

.productList li{
float:left;
padding-right:10px;
width:200px;
list-style:no

补充：Web开发 , ASP.Net ,