网站内容管理系统上传图片(地址贴出来()列表图片添加界面,界面很生动)

优采云 发布时间: 2022-03-17 06:03

  网站内容管理系统上传图片(地址贴出来()列表图片添加界面,界面很生动)

  如果看不到文章,去我的QQ空间,我的QQ号:362315062

  图片批量上传管理系统asp版

  经过两个多月的努力,终于写出了系统。中间有很多分叉,我不停地修改,修改。现在我发布我的结果并与您分享。因为这个系统公司用的,所以不能贴代码,如果有人要的话,就得等一会了!也可以自己写,我把主控件的地址贴出来。

  先贴出效果图给大家先看:

  我的系统分为三个部分:

  1.首先是背景部分

  

  这是背景。它看起来很简单,但实际上很复杂。它实现了背景板块的递归添加,可以无限添加(当然是理论上的,你什么都没有为什么要加这么多的板块),你可以在板块中添加更多的板块。修改、添加、删除等操作,后面再看添加的图片。

  2.下面是添加图片部分,是整个系统的核心,批量图片上传,没见过ASP有这样的功能,本来想自己写一个,思路太复杂了。这个控件是开源的,地址我贴一下()

  

  这是列表图片添加界面。界面很生动,功能很强大,还有很大的故障排除功能。当然,同时也有很大的误差函数。它使用 FLASH 控件。我建议不要使用asp。 +flash,不要在后台修改代码,不熟悉的也不要修改代码,否则会很麻烦。你看过上面的链接吗?当然是用来跳的(废话),关键是看第三个“图片模式”,嘿嘿,由此我们可以得出结论,这个界面还有一个图片上传的界面(哈哈,多废话),现在发布它

  

  漂亮,我说的是控件。虽然美女也很漂亮,但我们专注于技术。这是图片列表模式的界面,比较形象生动。

  

  故障排除功能非常强大,可以在后台自动创建文件夹。但是这里有个问题

  

  如您所见,下面的编码风格存在问题。我的编码风格是gb2312风格,但是控件的编码风格是utf-8风格,所以上传后出现这个现象。这个问题将在改进中得到纠正。

  还有一个更大的问题。这个控件只能上传,不能写入数据库。所以我们只上传图片,无法处理数据,任何开发都需要数据处理。上面说了,不懂asp+flash的就不要修改代码,因为改了也没用,而且我对flash也只知道一点点,但我找到了折中的方法。所谓条条大路通北京,程序员一定有这种思维。好了,废话不多说,我来给你看看我的诱拐方法。

  

  是不是很漂亮,这里我用asp的fso控件读取文件夹中的所有图片,然后直接写入数据库,然后显示在这个页面上,然后我们就可以处理图片了,我这里用过很多js技术和jquery技术,建议大家多多学习。

  

  这是移动鼠标的效果,可以编辑和删除。点击删除会弹出提示,所以不会贴出来。点击确定删除,取消不会删除。

  点击编辑后会出现编辑页面,这是本节的核心

  

  一个非常漂亮的jquery控件,它会关闭主页并显示提示页面。这相当于在页面中有一个 iframe 并向其传递参数。这一点很重要,因为下面的很*敏*感*词*都可以利用这项技术达到事半功倍的效果。你可以在里面写参数。单击确定后,它将存储在数据库中。由于数据库已经有了这些图片的信息,所以提交的是修改,不是插入。

  还有一点要注意,就是类别的传递。由于我的图片是按照分类存储的,分类的传输是贯穿始终的,但是这些页面不都是asp和静态页面,所以我用了一个js函数,代码如下:

  函数隐藏(){

  函数请求(paras){

  var url = location.href;

  var paraString = url.substring(url.indexOf("?")+1,url.length).split("&");

  var paraObj = {}

  for (i=0; j=paraString[i]; i++){

  paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length);

  }

  var returnValue = paraObj[paras.toLowerCase()];

  if(typeof(returnValue)=="undefined"){

  返回 "";

  }其他{

  返回返回值;

  }

  }

  使用request("你要传递的参数名")的时候和asp一样,但是一定要注意,这里不是asp,而是js,一定要用js写。

  我写的批次上传到这里。当然,在开发过程中还存在很多问题。我没有在这里写它,因为我忘了发布主要思想。有兴趣的可以一起研究一下。剩下的就是美化一下,等公司能发布的时候把代码全部贴出来。完成!

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线