【郑州校区】品优购电商系统开发第 5 章 六

4.商家后台-商品录入【商品介绍】
4.1 需求分析
实现商品介绍的录入，要求使用富文本编辑器

4.2 富文本编辑器介绍
富文本编辑器，Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能。常用的富文本编辑器：
KindEditor http://kindeditor.net/
UEditor http://ueditor.baidu.com/website/
CKEditor http://ckeditor.com/
4.3 使用 kindeditor 完成商品介绍的录入
4.3.1 初始化 kindeditor 编辑器
在页面中添加 JS 代码，用于初始化 kindeditor

[AppleScript] 纯文本查看 复制代码

<script type="text/javascript">
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
allowFileManager : true
});
});
</script> 

allowFileManager 【是否允许浏览服务器已上传文件】 默认值是：false
4.3.2 提取 kindeditor 编辑器的内容
在 goodsController.js 中的 add()方法中添加

[AppleScript] 纯文本查看 复制代码

$scope.entity.goodsDesc.introduction=editor.html(); 

4.3.3 清空 kindeditor 编辑器的内容
修改 goodsController.js 的 add 方法

[AppleScript] 纯文本查看 复制代码

function(response){
if(response.success){
alert("保存成功");
$scope.entity={};
editor.html('');//清空富文本编辑器
}else{
alert(response.message);
}
}

5.分布式文件服务器 FastDFS
5.1 什么是 FastDFS
FastDFS 是用 c 语言编写的一款开源的分布式文件系统。FastDFS 为互联网量身定制，充分考虑了冗余备份、负载均衡、线性扩容等机制，并注重高可用、高性能等指标，使用
FastDFS 很容易搭建一套高性能的文件服务器集群提供文件上传、下载等服务。
FastDFS 架构包括 Tracker server 和 Storage server。客户端请求 Tracker server 进行文件上传、下载，通过 Tracker server 调度最终由 Storage server 完成文件上传和下载。
Tracker server 作用是负载均衡和调度，通过 Tracker server 在文件上传时可以根据一些策略找到 Storage server 提供文件上传服务。可以将 tracker 称为追踪服务器或调度服务
器。
Storage server 作用是文件存储，客户端上传的文件最终存储在 Storage 服务器上，Storageserver 没有实现自己的文件系统而是利用操作系统 的文件系统来管理文件。可以将
storage 称为存储服务器。


服务端两个角色：
Tracker：管理集群，tracker 也可以实现集群。每个 tracker 节点地位平等。收集 Storage集群的状态。
Storage：实际保存文件 Storage 分为多个组，每个组之间保存的文件是不同的。每个组内部可以有多个成员，组成员内部保存的内容是一样的，组成员的地位是一致的，没有
主从的概念。

【郑州校区】品优购电商系统开发第 5 章 六

4.商家后台-商品录入【商品介绍】
4.1 需求分析
实现商品介绍的录入，要求使用富文本编辑器

4.2 富文本编辑器介绍
富文本编辑器，Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能。常用的富文本编辑器：
KindEditor http://kindeditor.net/
UEditor http://ueditor.baidu.com/website/
CKEditor http://ckeditor.com/
4.3 使用 kindeditor 完成商品介绍的录入
4.3.1 初始化 kindeditor 编辑器
在页面中添加 JS 代码，用于初始化 kindeditor

[AppleScript] 纯文本查看 复制代码

<script type="text/javascript">
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
allowFileManager : true
});
});
</script> 

allowFileManager 【是否允许浏览服务器已上传文件】 默认值是：false
4.3.2 提取 kindeditor 编辑器的内容
在 goodsController.js 中的 add()方法中添加

[AppleScript] 纯文本查看 复制代码

$scope.entity.goodsDesc.introduction=editor.html(); 

4.3.3 清空 kindeditor 编辑器的内容
修改 goodsController.js 的 add 方法

[AppleScript] 纯文本查看 复制代码

function(response){
if(response.success){
alert("保存成功");
$scope.entity={};
editor.html('');//清空富文本编辑器
}else{
alert(response.message);
}
}

5.分布式文件服务器 FastDFS
5.1 什么是 FastDFS
FastDFS 是用 c 语言编写的一款开源的分布式文件系统。FastDFS 为互联网量身定制，充分考虑了冗余备份、负载均衡、线性扩容等机制，并注重高可用、高性能等指标，使用
FastDFS 很容易搭建一套高性能的文件服务器集群提供文件上传、下载等服务。
FastDFS 架构包括 Tracker server 和 Storage server。客户端请求 Tracker server 进行文件上传、下载，通过 Tracker server 调度最终由 Storage server 完成文件上传和下载。
Tracker server 作用是负载均衡和调度，通过 Tracker server 在文件上传时可以根据一些策略找到 Storage server 提供文件上传服务。可以将 tracker 称为追踪服务器或调度服务
器。
Storage server 作用是文件存储，客户端上传的文件最终存储在 Storage 服务器上，Storageserver 没有实现自己的文件系统而是利用操作系统 的文件系统来管理文件。可以将
storage 称为存储服务器。


服务端两个角色：
Tracker：管理集群，tracker 也可以实现集群。每个 tracker 节点地位平等。收集 Storage集群的状态。
Storage：实际保存文件 Storage 分为多个组，每个组之间保存的文件是不同的。每个组内部可以有多个成员，组成员内部保存的内容是一样的，组成员的地位是一致的，没有
主从的概念。