开发前设计问题请教（在线等）

问题一：设计一个产品展示的网站，其中单品详细介绍里面有图片展示，类似京东网那样。请问数据库如何设计图片的存储？在上传的时候有批量上传插件吗？
我自己的思路：数据库中单独建立一个张图片表，与产品信息表建立主外键关系。请问这样是否合理？问题二：其中一个版块是新闻版块，要求图文并茂的那种，类似QQ空间写日志一样。请问上传存储，以及读取又该如何设计？
请大侠不吝赐教，谢谢！

解决方案 »

  1.   

    问题一：如果针对一种产品需要有多张图片的话可以批量上传，如果只需要一张图片就没必要;也可以想让用户把需要的商品图片全部上传到服务器，把图片路径保存在一种表中，然后让用户配置商品与图片的关联关系。
    问题二：这个需要用KindEditor这样一个控件。这个控件会将HTML代码保存起来，可以是将用户之定义页面内容。
      

  2.   

    数据库保存图片的物理地址，图片还是存储在服务器上。
    图文并茂就是文字内容夹杂<img>标签呀，用编辑器的话比较现成一点。
      

  3.   

    Ok，谢谢各位的帮助。
    问题一，基本我的思路没有问题，各位也认可。
    关于问题二，我已经找到了KindEditor这个插件，稍后研究它的使用。由于这个插件主要是“新闻内容”这个字段的描述，我数据库如何存储提交上来的“图文并茂”内容，用一个txt类型存储在content这个字段里吗？貌似不行吧！还请详细赐教，谢谢！
      

  4.   

    KindEditor好东西。他保存Html，那他如何处理图片呢？是不是还得去建立数据库图片路径表呢？
      

  5.   

    请问这个控件提交到后台的内容用什么类型存储？图片怎么存储？图片和文字都能同时存储还是需要分开处理？
    只用一个text类型的content字段可以全部存储吗？
      

  6.   

    补充下：
    该项目用的是Struts2+spring3+hibernate+mysql关于问题二，写一篇图文并茂的日志上传、存储、再读取显示的思路和细节，请大侠们继续赐教。
    再次感谢！
      

  7.   

    你把kindEditor提交的内容保存到数据库后，呈现的时候直接将kindEditor提交的内容获取到，放在页面的某个位置就可以按照你原先编辑的样式呈现了。至于图片吗，你详细研究一下KindEditor就知道，他会自动上传图片到指定位置，然后把图片的路劲记录想来的，放在img的src属性上的。
      

  8.   

    原来写过一个新闻发布图文的，没用插件。
    先做一个html静态新闻页面模板，后台做一个发布新闻动的态页面，主要是编辑内容和插入图片地址，点击生成新闻，后台就读取新闻模板将编辑的内容和图片地址进行替换、转换生成新的新闻页面并取得新闻页面地址。
      

  9.   

    第一个问题，一般是用插件搞的。我们公司是用的一个WEB图片上传控件来做的。
    Xproer.ImageUploader：http://www.cnblogs.com/xproer/archive/2010/08/09/1796077.html
    主界面图片列表添加图片编辑图片：提示信息：整合代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Web图片批量上传控件演示页面</title>
    <script type="text/javascript" src="ImageUploader/ImageUploader.js" charset="utf-8"></script>
    </head>
    <body>
    <div><a href="asp.net/images.aspx">查看上传的图片</a></div>
    <div id="msg"></div>
    <script language="javascript" type="text/javascript">
    var imgUploader = new ImageUploader();
    imgUploader.Config["PostUrl"] = "http://localhost/php/upload.php"; window.onload = function()
    {
    imgUploader.Init();
    }
    </script>
    </body>
    </html>
    示例下载：
    CAB安装包
    ASP示例下载
    ASP.NET示例
    JSP示例
    PHP示例
      

  10.   

    第二个问题，要求图文文章和普通文章没什么区别，图片单独存到一个文件夹下面，然后在新闻里面保存图片标签，比如<img src="/upload/1.jpg"/>就行了，数据库存的是字符串。现在网上已经有成熟的Word图片上传控件，可以将Word文档中的图片自动上传到服务器中。
    楼主可以试试这个控件：http://www.cnblogs.com/xproer/archive/2011/04/08/2009500.html
    1.FCKEditor2.x。从剪帖板，本地硬盘，第三方软件或Word文档中复制图片，然后点击编辑器工具栏中的”粘贴图片”按钮。图片将自动上传到Web服务器中.2.FCKEditor2.x编辑器。上传成功3.CKEditor3.x编辑器。5.KindEditor3.x-粘贴图片
    Xproer.WordPaster整合代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>WordPaster For FCKEditor-2.x</title>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <link type="text/css" rel="Stylesheet" href="WordPaster/css/WordPaster.css"/>
    <link type="text/css" rel="stylesheet" href="WordPaster/css/ui-lightness/jquery-ui-1.8.11.custom.css" />
        <script type="text/javascript" src="WordPaster/js/jquery.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="WordPaster/js/jquery-ui-1.8.11.custom.min.js"></script>
    <script type="text/javascript" src="WordPaster/js/WordPaster.js" charset="utf-8"></script>
    <script type="text/javascript" src="fckeditor/fckeditor.js"></script>
    </head>
    <body>
    <!—textarea控件,FCK编辑器需要借助于这个控件创建-->
    <textarea id="txtContent" name="txtContent" cols="1" rows="1"></textarea>
    <!--创建FCKEditor控件-->
    <script language="javascript" type="text/javascript">
    var pasterMgr = new PasterManager();
    pasterMgr.Config["PostUrl"] = "http://localhost:10727/asp.net/upload.aspx";
    pasterMgr.Load();//加载控件 var oFCKeditor = new FCKeditor('txtContent');
    oFCKeditor.BasePath = "fckeditor/";
    //oFCKeditor.ToolbarSet = "Basic";
    oFCKeditor.Height = 300;
    oFCKeditor.Value = '';
    oFCKeditor.ReplaceTextarea();//将上面的textarea替换成FCK编辑器，这样服务端可以通过Request.Form["txtContent"]取到数据 //初始化编辑器
    function FCKeditor_OnComplete(editorInstance)
    {
    pasterMgr.Init(editorInstance);
    }
    </script>
    </body>
    </html>资源下载：
    CAB安装包
    开发文档
    ASP.NET-FCKEditor2.x示例
    ASP.NET-CKEditor3.x示例
    ASP.NET-KindEditor3.x示例
    ASP.NET-KindEditor4.x示例
    JSP-FCKEditor2.x示例
    JSP-CKEditor3.x示例
    JSP-KindEditor3.x示例
    JSP-KindEditor4.x示例
      

  11.   

    1、图片不要二进制存贮在数据库里，用字段保留路径就行了。图片存储在服务器硬盘里。
    2、采用编辑插件看看，fck--cke