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

AngelWings 2012-07-04 01:42:54

问题一：设计一个产品展示的网站，其中单品详细介绍里面有图片展示，类似京东网那样。请问数据库如何设计图片的存储？在上传的时候有批量上传插件吗？
我自己的思路：数据库中单独建立一个张图片表，与产品信息表建立主外键关系。请问这样是否合理？

问题二：其中一个版块是新闻版块，要求图文并茂的那种，类似QQ空间写日志一样。请问上传存储，以及读取又该如何设计？

请大侠不吝赐教，谢谢！

...全文

278 18 打赏收藏转发到动态举报

写回复

用AI写文章

18 条回复

切换为时间正序

请发表友善的回复…

发表回复

AngelWings 2012-07-26

打赏
举报

谢谢各位帮忙，自己顶一下，下班结贴送分......

brightyq 2012-07-16

打赏
举报

图文保存后在页面上的展示可以不在编辑器里展示了，把图片读出来转成缩略图。

九两银 2012-07-16

打赏
举报

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

AngelWings 2012-07-16

打赏
举报

再顶一下，看看还有办法没......

bmengianba 2012-07-05

打赏
举报

[Quote=引用 13 楼的回复:]

引用楼主的回复:
问题一：设计一个产品展示的网站，其中单品详细介绍里面有图片展示，类似京东网那样。请问数据库如何设计图片的存储？在上传的时候有批量上传插件吗？
我自己的思路：数据库中单独建立一个张图片表，与产品信息表建立主外键关系。请问这样是否合理？

问题二：其中一个版块是新闻版块，要求图文并茂的那种，类似QQ空间写日志一样。请问上传存储，以及读取又该如何设计？

Xproer.WordPaster：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>

<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示例
[/Quote]
这个顶，不错。

Blue_MSN 2012-07-05

打赏
举报

[Quote=引用楼主的回复:]
问题一：设计一个产品展示的网站，其中单品详细介绍里面有图片展示，类似京东网那样。请问数据库如何设计图片的存储？在上传的时候有批量上传插件吗？
我自己的思路：数据库中单独建立一个张图片表，与产品信息表建立主外键关系。请问这样是否合理？

问题二：其中一个版块是新闻版块，要求图文并茂的那种，类似QQ空间写日志一样。请问上传存储，以及读取又该如何设计？

请大侠不吝赐教，谢谢！
[/Quote]
第二个问题，要求图文文章和普通文章没什么区别，图片单独存到一个文件夹下面，然后在新闻里面保存图片标签，比如<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示例

Blue_MSN 2012-07-05

打赏
举报

[Quote=引用楼主的回复:]
问题一：设计一个产品展示的网站，其中单品详细介绍里面有图片展示，类似京东网那样。请问数据库如何设计图片的存储？在上传的时候有批量上传插件吗？
我自己的思路：数据库中单独建立一个张图片表，与产品信息表建立主外键关系。请问这样是否合理？

问题二：其中一个版块是新闻版块，要求图文并茂的那种，类似QQ空间写日志一样。请问上传存储，以及读取又该如何设计？

请大侠不吝赐教，谢谢！
[/Quote]
第一个问题，一般是用插件搞的。我们公司是用的一个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示例

JavaNet的牛肉粉丝 2012-07-05

打赏
举报

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

司机 2012-07-05

打赏
举报

物品信息表里留一个字段，存放图片路径(路径可组合)，图片放在固定的目录下，方便读取。
第二种，我个人觉得就应该有一张单独的图片表了，与内容信息表关联。

桃园闲人 2012-07-05

打赏
举报

[Quote=引用 8 楼的回复:]

补充下：
该项目用的是Struts2+spring3+hibernate+mysql

关于问题二，写一篇图文并茂的日志上传、存储、再读取显示的思路和细节，请大侠们继续赐教。
再次感谢！
[/Quote]
你把kindEditor提交的内容保存到数据库后，呈现的时候直接将kindEditor提交的内容获取到，放在页面的某个位置就可以按照你原先编辑的样式呈现了。至于图片吗，你详细研究一下KindEditor就知道，他会自动上传图片到指定位置，然后把图片的路劲记录想来的，放在img的src属性上的。

AngelWings 2012-07-04

打赏
举报

补充下：
该项目用的是Struts2+spring3+hibernate+mysql

关于问题二，写一篇图文并茂的日志上传、存储、再读取显示的思路和细节，请大侠们继续赐教。
再次感谢！

AngelWings 2012-07-04

打赏
举报

[Quote=引用 2 楼的回复:]
问题一：如果针对一种产品需要有多张图片的话可以批量上传，如果只需要一张图片就没必要;也可以想让用户把需要的商品图片全部上传到服务器，把图片路径保存在一种表中，然后让用户配置商品与图片的关联关系。
问题二：这个需要用KindEditor这样一个控件。这个控件会将HTML代码保存起来，可以是将用户之定义页面内容。
[/Quote]
请问这个控件提交到后台的内容用什么类型存储？图片怎么存储？图片和文字都能同时存储还是需要分开处理？
只用一个text类型的content字段可以全部存储吗？

「已注销」 2012-07-04

打赏
举报

[Quote=引用 2 楼的回复:]

问题一：如果针对一种产品需要有多张图片的话可以批量上传，如果只需要一张图片就没必要;也可以想让用户把需要的商品图片全部上传到服务器，把图片路径保存在一种表中，然后让用户配置商品与图片的关联关系。
问题二：这个需要用KindEditor这样一个控件。这个控件会将HTML代码保存起来，可以是将用户之定义页面内容。
[/Quote]
KindEditor好东西。他保存Html，那他如何处理图片呢？是不是还得去建立数据库图片路径表呢？

AngelWings 2012-07-04

打赏
举报

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

地雷 2012-07-04

打赏
举报

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

哎呦喂哈 2012-07-04

打赏
举报

[Quote=引用楼主的回复:]
我自己的思路：数据库中单独建立一个张图片表，与产品信息表建立主外键关系。请问这样是否合理？
[/Quote]
一、数据库中存储图片，存的只是图片路径，上传的时候是上传到服务器的硬盘地下的。
单独建一张图片表是合理的、产品信息与图片表是多对一的关系。
二、
[Quote=引用楼主的回复:]
其中一个版块是新闻版块，要求图文并茂的那种，类似QQ空间写日志一样。请问上传存储，以及读取又该如何设计？
[/Quote]
还是那句话，数据库中存的是图片路径，读取图片的时候判断下图片是否存在，存在则显示图片，不存在则不显示

桃园闲人 2012-07-04

打赏
举报

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