本帖最后由 谷粒姐姐 于 2018-3-22 11:04 编辑
一、 宣传活动任务后台管理 1. 促销活动业务分析和准备工作
如果在前台系统(bos_fore)中展示促销活动,需要在后台管理系统(bos_management)录入活动信息 前台
后台 1、 实现促销活动信息自定义录入,使用 在线 HTML 编辑器技术(用于论坛、商品详情、活动详情、新闻内容 自定义编辑 ) 2、 在 bos_management 建立存放宣传任务数据表 cn.itcast.bos.domain.take_delivery 导入取派模块的促销活动数据实体类 2. 在线 HTML 编辑器使用入门 Kindeditor 在线 html 编辑器 KindEditor 是一套开源的 HTML 可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容 IE、Firefox、Chrome、Safari、Opera 等主流浏览器。 解压,开发中只需要导入选中的文件(通常在 webapp 下,建立 editor 文件夹 ) 在使用 kindeditor 页面 导入 应用 kindeditor,页面提供<textarea>文本框 3.在线 HTML 编辑器定制开发 3.1. 编辑器初始化参数使用 语法: K.create('#id',{options}); 参数采用 key-value 格式 采用 items 属性,定制工具栏按钮显示 使用 kindeditor 使用图片上传编辑显示功能,需要指定 uploadJson 和 fileManagerJson 默认实现文件上传程序是 php 程序 使用文件管理器功能 和 fileManageJson 一组 默认文件管理器,服务器端程序采用 PHP 3.2. KindEditor 图片上传功能实现 KindEditor 默认采用 PHP 实现,如果使用 java 实现,需要设置初始化参数 查看文件上传返回参数 设置页面 kindeditor 请求路径 在服务器编写 ImageAction ,处理 kindediotr 文件上传功能 修复图片上传保存路径错误 3.3.KindEditor 图片管理器功能实现 点击图片空间,显示服务器端 所有已经上传图片列表,选择一张图片加入当前编辑器内容中 在页面点击图片空间, 发送请求 image_manage.action 3.编写 ImageAction 添加 manage 方法
4. 宣传活动的添加功能实现 1、 页面 form 表单,添加 Action 2、 点击保存按钮,提交表单 3、 编写 PromotionAction 添加 save 方法 编写 PromotionService 代码实现 编写 PromotionRepository 注意:当使用 kindEditor 进行编辑数据时,编辑后内容,不会自动随表单进行提交 KindEditor 工作原理,隐藏原来 textarea 文本框,生成 iframe,在 iframe 里面进行编辑 5. 宣传活动后台列表展示功能 在 bos_management 的 promotion.html 通过 datagrid 展示活动列表数据 1、 在 datagrid 中添加 url 2、 在 PromotionAction 中添加 pageQuery 方法 3、 编写业务层 4、 页面定制 datagrid 的 formatter 解决 练习: 将活动列表展示中 状态显示为 1 进行中 2 已结束
|