ASP.NET实现Flash新闻幻灯片效果

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

原本以为很简单的一个小功能，没想到也花了一点时间去磨了几下。遇到问题当然是先www.g.cn一下，然而所找到的结果都是将数据操作写在页面的后台。这样对于整个Solution尤其是分了几层的解决方案来说，要把数据库操作搞到页面上去是不太可取之处的吧。

特别感谢网友爱在戏院前,提醒可以用json的模式去把前头的字符拼出来,返回个字符串回去就可以了。

做幻灯片效果也的确是这样：要么就是用XML做数据源，要么就把从数据库中读取到的参数值传到FlashVar中,实现显示效果。

说明一下：我这里用到的是一个最常用的一种效果

截图:

文件：
一个前台显示的AD.SWF

Flash动画

在线播放

逻辑层中的代码:

程序代码

  /// <summary>
        /// 显示图片新闻列表
        /// </summary>
        /// <param name="PageSize">每页纪录数</param>
        /// <param name="PageIndex"></param>
        /// <returns></returns>
        public IList<Model.NewsInfo> PicNewsList(int PageSize, int PageIndex)
        {
            SqlParameter[] parameters =
                {
                    new SqlParameter("@tblName", SqlDbType.VarChar, 255),
                    new SqlParameter("@strGetFields", SqlDbType.VarChar, 1000),
                    new SqlParameter("@fldName", SqlDbType.VarChar, 255),
                    new SqlParameter("@PageSize", SqlDbType.Int),
                    new SqlParameter("@PageIndex", SqlDbType.Int),
                    new SqlParameter("@doCount", SqlDbType.Bit),
                    new SqlParameter("@OrderType", SqlDbType.Bit),
                    new SqlParameter("@strWhere", SqlDbType.VarChar, 1500)
                };

            parameters[0].Value = "Njsq_News";
            parameters[1].Value = "*";
            parameters[2].Value = "NewsID";
            parameters[3].Value = PageSize;
            parameters[4].Value = PageIndex;
            parameters[5].Value = 0;
            parameters[6].Value = 1;
            parameters[7].Value = "NewsIndexPicPath IS NOT NULL";

            try
            {
                IList<Model.NewsInfo> newsList = new List<Model.NewsInfo>();

                Model.NewsInfo objNews = new NewsInfo();
                using (SqlDataReader dr = SqlHelper.ExecuteReader(SqlHelper.ConnectionStringProfile, CommandType.StoredProcedure, "UP_GetCollectionPage", parameters))
                {
                    while (dr.Read())
                    {
                        newsList.Add(Populater(dr));

                    }

                }
                return newsList;
            }
            catch (Exception e)
            {
                throw e;
            }
        }

        /// <summary>
        /// 返回UI层的幻灯片字符串
        /// </summary>
        /// <returns></returns>
        public static string PicNews()
        {
            IList<Model.NewsInfo> list = new List<Model.NewsInfo>();

            BLL.News bllNews = new News();

            list = bllNews.PicNewsList(5, 1); //调用上面的Method()

            StringBuilder retStr = new StringBuilder();

            StringBuilder retPics = new StringBuilder();

            StringBuilder retTitle = new StringBuilder();

            StringBuilder retLinks = new StringBuilder();

            string pics = "NewsCoverPic/";  //定义图片的路径,我这里是写死了，你可以设置成一个变量
            string title = string.Empty; //幻灯片中的新闻标题
            string links = "News/NewsDetail.aspx?NID="; //幻灯片中的链接格式

            for (int i = 0; i < list.Count; i++) //循环,
            {
                retPics.Append(pics).Append(list[i].NewsIndexPicPath.ToString()).Append("|");  //将图片路径获取后使用append()将图片路径串成一个字符串
                retTitle.Append(list[i].NewsTitle).Append("|"); //将标题获取后使用append()串成一个字符串
                retLinks.Append(links).Append(list[i].NewsID.ToString()).Append("|");//将链接格式及新闻参数ID获取后串成一个长字符串
            }

          string  retString="pics=" + retPics.ToString() + "&links=" + retLinks.ToString() + "&texts=" + retTitle.ToString() + "&borderwidth=340&borderheight=240&textheight=20"; //将retpics,rettitle,rettitle连成一个长字符串

          retStr.Append(retString.ToString());

            return retString.ToString(); //返回前台Flash所需的一个FlashVar的参数值
        }

说明一下：
大家可以看到我这里有些参数值是写死了，比如一些borderwith borderheight之流的，因为考虑到这些在实际运用过程上变化的因素不是很大，如果确实有这个必要从前端UI进行设置的话，可以将其作为变量值传送。当然，如果要扩充整个功能：建议是将在前端Flash的参数，整成一个object的属性，直接传一个实体到后台就行了。

再来看看前台的:javascript
因为后台的类是static模式，所以我们在前台调用就很方便了.

FlashVars="<%=BLL.News.PicNews() %>" 而我在前台页面的.cs(default.aspx.cs)中，没有添加任何代码

完整的javascript代码

程序代码

这样就达到我们所需要的效果了，不过很奇怪的是这个只能接受jpg类型的图，算是一个bug吧.

除了FlashVars这个属性，像其它Menu bgColor width height 之类的，都可以作为参数传，怎么传就不用我来啰嗦了。

对比一下网上同行的实现模式：

附：CSDN上的一个源码程序(新浪新闻图片实现效果)

点击下载此文件

看了一下它实现的代码:

程序代码

public string flashUrl = "";
    public string flashAdd = "";
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            Flash();

        }
    }

程序代码

private void  Flash()
    {
        SqlConnection con = new SqlConnection(System.Configuration.ConfigurationSettings.AppSettings["con"]);
        con.Open();
        SqlDataAdapter sda = new SqlDataAdapter("select  * from flash order by createdate Desc ", con);
        DataSet ds = new DataSet();
        sda.Fill(ds, "flash");
        DataView dv = ds.Tables[0].DefaultView;
       if(dv.Table.Rows.Count != 0)
        {
            for (int i = 0; i < dv.Table.Rows.Count; i++)
            {
                flashAdd += dv.Table.Rows[i]["FlashHref"].ToString() + "|";
                flashUrl += dv.Table.Rows[i]["FlashUrl"].ToString() + "|";
            }
            flashAdd = flashAdd.Substring(0, flashAdd.LastIndexOf("|"));
            flashUrl = flashUrl.Substring(0, flashUrl.LastIndexOf("|"));

        }

个人认为，除非用在比较简单的一些小网站中，要不其实际运用是不提倡这样的方法的吧。这只是个人之见哈。本文来源:http://www.dezai.cn/blog/article.asp?id=211

一点小经验，与大家分享，欢迎多多指教, 再次感谢网友爱在戏院前。