2.JeeSite 基础—使用 JeeSite 快速开发项目—新建模块、单表代码生成、上传图片、富文本编辑

第2章 JeeSite 基础—使用 JeeSite 快速开发项目

2.1 新建模块

2.1.1 创建一个模块

注: 模块创建完成时，还没有被添加至工程。

2.1.2 将模块添加到工程里

2.1.3 在 web 的 pom.xml 文件中引入该模块

2.1.4 验证模块是否安装成功

mvn install 注意事项:

• eclipse 安装失败: 先 mvn clean eclipse:eclipse 再 mvn install
• IDEA 安装失败: 先 mvn clean idea:idea 再 mvn install

---

2.2 代码生成

2.2.1 在数据库中添加 js_nm_news 表。

• (1) js_nm_news 的建表结构如下:
  

2.2.2 生成代码配置

• (1) 首先点击 新增生成配置:
  

• (2) 进入 新增配置界面, 首先选择刚才刚才创建的表, 选择之后点击 ‘下一步’:
  

• (3) 填写 基本信息
  

• (4) 填写 字段信息
  

• (5) 点击下一步, 并 生成代码
  

注: 要勾选下面的 “是否替换现有文件” 的选项

获取 nm 模块路径的方式如下:

2.2.3 新增一个菜单

2.2.4 配置菜单信息

2.2.5 生成下级菜单

2.2.6 验证是否创建成功

注: 首先 重启项目, 然后登录系统看一看到下面的菜单

2.2.7 在文章管理中添加数据 (单表管理)

---

2.3 更加丰富的功能

2.3.1 图片上传

图片、文件上传 官方文档地址: 点击前往官方文档 。

• (1) 勾选图片上传按钮
  
  注1: 编辑完成之后，要勾选底部的 “是否替换现有文件”。
  注2: 全部配置完成之后，要点击 “保存并生成代码”。

• (2) 上传图片

首先，重启项目，然后重新加载网页，在打开文章管理菜单、上传图片。

• (3) 定制图片上传
  
  注: 文件上传 的方法和 图片上传 相同。

2.3.2 富文本编辑

富文本编辑器官方文档地址: 点击前往官方文档

• (1) 引入 js 相关的类 (ueditor)
  

• (2) 添加富文本标签
  

• (3) 重启项目，测试 富文本编辑器