A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 谷粒姐姐 于 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.3KindEditor 图片管理器功能实现
点击图片空间,显示服务器端 所有已经上传图片列表,选择一张图片加入当前编辑器内容中  
在页面点击图片空间, 发送请求 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 已结束  


1 个回复

倒序浏览
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马