黑马程序员技术交流社区
标题: 【郑州校区】bos项目笔记之chapter06_系统分析、环境搭建（1) [打印本页]
作者: 谷粒姐姐 时间: 2018-3-22 10:57
标题: 【郑州校区】bos项目笔记之chapter06_系统分析、环境搭建（1)
本帖最后由 谷粒姐姐 于 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 已结束
作者: 谷粒姐姐 时间: 2018-3-22 11:05
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |
