富文本編輯器Ueditor 及 hibernate 逆向工程

1.1           富文本編輯器Ueditor

 ueditor下載地址：

http://ueditor.baidu.com/ 下載1.4.3 –utf8-Jsp版本。完整demo可參考下載文件中的index.html

 

導入 ueditor 到項目中；將ueditor導入到項目的js目錄下。導入ueditor/jsp/lib目錄中的「commons-codec-1.9.jar」、「json.jar」、「ueditor-1.1.1.jar」這幾個jar包到項目的web-inf/lib目錄中。

 

配置 ueditor 中圖片上傳前綴和路徑；打開「ueditor/jsp/config.json」

 

注意：修改web.xml中struts過濾器的過濾規則，將/*改成 *.action 。避免引發struts過濾器把ueditor的圖片等資源上傳jsp給攔截而致使上傳圖片等失敗。

<filter-mapping>                  <filter-name>struts2</filter-name>                  <url-pattern>*.action</url-pattern> </filter-mapping>

 

引入ueditor到jsp頁面，在ueditor的ueditor.config.js文件中，要求咱們須要配置好ueditor的根目錄地址；在咱們頁面引用時也須要在js中制定 UEDITOR_HOME_URL的路徑。運用到頁面時咱們只須要將一個textarea的表單項的id和euditor實例化時的id一致便可。

將下面腳本內容引入到jsp頁面中：

<script type="text/javascript" charset="utf-8" src="${basePath}js/ueditor/ueditor.config.js"></script>     <script type="text/javascript" charset="utf-8" src="${basePath}js/ueditor/ueditor.all.min.js"> </script>     <script type="text/javascript" charset="utf-8" src="${basePath}js/ueditor/lang/zh-cn/zh-cn.js"></script>     <script>     //配置ueditor的根路徑     var UEDITOR_HOME_URL = "${basePath}js/ueditor/";     var ue = UE.getEditor('editor');     </script>

 

<s:textarea id="editor" name="info.content" cssStyle="width:90%;height:160px;" />

1.2           異步信息發佈

在InfoAction中新增方法 publicInfo，主要用於修改信息的狀態。

 

 

將新加的未發佈的信息，在操做欄點擊「發佈」後，經過ajax將信息狀態改成發佈狀態並更新列表中對應信息的狀態。

在listUI.jsp中須要對狀態列、和操做欄中的發佈連接新增id來標識，當處理成功後根據id修改對應的值。

 

 

 

新增以下js方法。

 

2               hibernate逆向工程

2.1           hibernate逆向工程生成實體

介紹一個模型設計工具PowerDesigner，這個是j2ee開發必要的一個工具。通常在開發中先使用PowerDesigner 建立實體關係圖即概念模型。創建了概念模型後生成特定數據庫類型的物理模型，而後根據物理模型的建立表腳本建立庫表；最後使用MyEclipse的hibernate特性針對表逆向生成實體類和映射文件。這樣免去了編寫實體和映射文件及其實體關係的麻煩。

 

2.2           設計概念模型

 

 

 

 

 

relationship  通常的實體關係均可以使用，若是實體之間的關係指定爲多對多，那麼在生成pdm時則自動會生成一個以2個實體主鍵聯合起來做爲聯合主鍵的一張新的關係表

 

inheritance 實體之間的繼承關係，如：員工——領導

 

association 關係，如角色與人員存在多對多關係叫作：人員角色，這個關係裏面還可能有是否、狀態等。

 

association link 用於鏈接實體和關係

 

link/extended dependency 實體或關係的額外信息，信息比較獨立；不會產生主外鍵關係

 

例如；設計一我的員組織架構：有機構、部門、員工、領導、角色、權限。

一個機構有多個部門

一個部門有多個員工

領導能夠管理多個部門，同時領導他本身也是員工

一個員工能夠有多個角色

一個角色能夠分配給多我的

人員角色分配後能夠設置是否有效，分配時間等

一個角色有多個權限

 

 

 

在概念模型階段直接轉成物理模型後，轉換後的物理模型能夠根據項目實際狀況再調整相關信息。

 

2.3           導出物理模型

 

 

 

 

 

 

在物理模型指定或修復主外鍵關係，通常狀況下只須要制定主鍵的生成策略，外鍵關係會從概念模型中保留下來。若是對其自動生成外鍵關係不滿意能夠在物理模型中修改。在物理模型中的任何修改都會體如今SQL語句中，因此建表時直接複製其語句便可。

 

2.4           物理模型 –生成庫表

 

 

2.5           逆向生成實體及映射文件

一、  添加hibernate facet到項目

 

右擊項目——MyEclipse——Project Facets[compabilities]——install Hibernate facet）

 

 

 

 

 

 

 

 

 

 

 

 

 

 

二、  在MyEclipse中打開DB Browser視圖：

 

 

 

 

 

 

 

 

 

 

 

在 Id Generator 中，若是是mysql 中須要自增的可選擇native，若是是uuid的可選擇uuid.hex或uuid

 

 

完成。在圖中設置的對應的目錄下則會生成實體和映射文件。