日常啰嗦

本来这一篇和接下来的几篇是打算讲一下JDBC和数据库优化的，但是最近很多朋友加我好友也讨论了一些问题，我发现大家似乎都是拿这个项目作为练手项目，作为脚手架来用的，因此呢，改变了一下思路，JDBC和数据库优化这一块儿延后一点再去说，先丰富一下项目的页面和功能，因为现在的页面实在有些少得可怜，所以我打算中间插入两篇文章，给项目增加一个富文本编辑器的功能插件，再增加一个图片上传的功能，把这个脚手架的内容再充实一下。
我的github地址，点这里

初识富文本编辑器

先看两张图片：

1、这是一张普通的新闻详情页截图

2、这是一张京东的商品详情页截图

对于这种页面大家都不陌生，翻新闻的时候经常是这种图文并茂的图片才能更好的吸引眼球，而商品详情图页基本都是介绍信息加商品的实景图片才能更准确的吸引买家。
为什么把这两张图片拿出来了呢？
这要谈起往事了，我刚刚开始做开发的时候，有一次就负责开发这种类似的页面，那个页面叫新闻详情，也是类似这种页面的排版布局，设计稿中的文字和图片依次排开，很是美观，我当时就闹了个笑话，因为需要实现后端功能，我就开始思考，详情表该怎么设计呢？表结构是不是该这么设计，主键+介绍信息字段+图片字段+介绍信息字段+图片字段....我把这个详情全给拆开了，但是当我再看另一个设计稿的时候，我懵掉了，因为和第一张的排版不同，不是文字+图片+...，而是图片+图片+文字...，我当时就不知道该怎么做了，当时的心理活动是怎么实际开发项目这么难啊？已经萌生退意了，哈哈哈。
看到这里，你可能知道我当时为什么会被难住了，因为我不知道富文本编辑器的概念，也没有用过类似的富文本编辑器，因此这个简简单单的需求被我想得太复杂了，其实很简单的在表中设置一个字段就可以了。
什么是富文本编辑器？

富文本编辑器，是一种可内嵌于浏览器，所见即所得的文本编辑器。
富文本编辑器不同于文本编辑器(如textarea标签、input标签)，也可以叫做图文编辑器，在富文本编辑器里可以编辑非常丰富的内容，如文字、图片、表情、代码......应有尽有，满足你的大部分需求。
像一些新闻排版，基本是以图文排版为主，而淘宝京东这些电商的商品详情页，基本都是多张已经排版好的设计图拼接而来的，富文本编辑器可以很完美的支持者两种需求。

UEditor简介

富文本编辑器有很多，功能都是类似的，今天我要介绍的是UEditor，B公司开源的一款产品。
官网地址：http://ueditor.baidu.com/website/
完整的功能演示，可以参考：

网友评论