一.后台分类管理

mapper层：

public interface CategoryMapper extends BaseMapper<Category> {
}

service层：

@Service
@Transactional
public class CategoryService {@Autowiredprivate CategoryMapper categoryMapper;public Page<Category> findPage(int page, int size){return categoryMapper.selectPage(new Page(page,size),null);}public void add(Category category){categoryMapper.insert(category);}public Category findById(Integer cid){return categoryMapper.selectById(cid);}public void update(Category category){categoryMapper.updateById(category);}public void delete(Integer cid){categoryMapper.deleteById(cid);}// 查询所有public List<Category> findAll(){return categoryMapper.selectList(null);}
}

controller层：

@Controller
@RequestMapping("/backstage/category")
public class CategoryController {@Autowiredprivate CategoryService categoryService;@RequestMapping("/all")public ModelAndView all(@RequestParam(defaultValue = "1") int page,@RequestParam(defaultValue = "10")int size){Page<Category> categoryPage = categoryService.findPage(page, size);ModelAndView modelAndView = new ModelAndView();modelAndView.addObject("categoryPage",categoryPage);modelAndView.setViewName("/backstage/category_all");return modelAndView;}@RequestMapping("/add")public String add(Category category){categoryService.add(category);return "redirect:/backstage/category/all";}@RequestMapping("/edit")public ModelAndView edit(Integer cid){Category category = categoryService.findById(cid);ModelAndView modelAndView = new ModelAndView();modelAndView.addObject("category",category);modelAndView.setViewName("/backstage/category_edit");return modelAndView;}@RequestMapping("/update")public String update(Category category){categoryService.update(category);return "redirect:/backstage/category/all";}@RequestMapping("/delete")public String delete(Integer cid){categoryService.delete(cid);return "redirect:/backstage/category/all";}}

前端代码略。运行项目如下：

二.后台产品管理（上）

1.产品列表

产品图片放到static下的uploadimg/product/small下(存放路径已经在产品表的pImage里注明），前端代码省略。运行项目如下：

前端代码略。mapper层，service层以及controller层的代码后面会统一放的，现在就先展现一个效果就可以了。

2.新增产品

点击产品管理页面的新建按钮

3.富文本编辑器

在编写产品详情时，往往需要加入一些文字样式或者插入图片，这样最终给用户展示出来的效果会更好。

要想在插入内容时拥有样式，需要使用富文本编辑器。在项目中，我们使用中国人开发的一
个富文本编辑器——wangEditor, 官网地址: https://www.wangeditor.com/

下载wangEditor.js，并引入common_resources.html中，然后将AdminLTE的富文本编辑器ckeditor.js脚本文件的引入删除。

使用规则参见官网。

上传本地图片：

后台产品管理后端代码见下篇文章。

项目实战之旅游网（七）后台分类管理后台产品管理（上）相关推荐

项目实战之旅游网（五）后台角色管理（下）后台权限管理
目录一.后台角色管理(下) 1.查询角色权限 2.修改角色权限 3.优化侧边栏菜单二.后台权限管理 1.权限列表 2.新增权限 3.修改权限 4.删除权限一.后台角色管理(下) 1.查询角色权限 ...
项目实战之旅游网（十）前台用户注册
目录一.网站首页二.编写注册界面三.生成验证码四.注册流程五.编写注册方法六.发送邮件配置一.网站首页 static/frontdesk下存放前台静态资源,而templates/fron ...
【网络通信 -- 直播】项目实战记录 -- 弱网模拟工具
[网络通信 -- 直播]项目实战记录 -- 弱网模拟工具 [1]Windows 系统中弱网模拟工具 Windows 系统中可以使用 Clumsy 工具模拟弱网环境 Lag(延迟),把数据包缓存一段时间 ...
DIV+CSS布局实战---海南旅游网
代码: liyouwang.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...
项目实战---模拟凡客网
项目描述:本项目是对凡客网(http://www.vancl.com/)的一个模拟开发主要开发了首页,衬衫,T恤,卫衣,外套,针织衫,裤装,鞋,登录注册等页面效果如下: (演示格式为GIF,若网 ...
后盾网原创视频_微博项目开发视频教程(php实战),后盾网Thinkphp微博项目实战开发视频教程微博项目实战教程后盾网Thinkphp实战教...
链接失效请联系微信 ZA_summer,有需要某课网某某课堂精品付费课的朋友也可以联系我,欢迎骚扰 01.项目开发前准备.avi 02.建立项目所需数据库模型(上).avi 03.建立项目所需数据库模 ...
Vue2 —— 项目实战（电影网首页的制作）附源码
文章目录前言一.静态页面的实现以及拆分组件二.主页的实现 1.导航栏的跳转 2.榜单列表的呈现三.相应源码 1.首页HTML结构 2.首页CSS样式总结一.静态页面的实现以及拆分组件 ...
vue项目实战-去哪儿网
前言为了更快地上手学习vue,我在慕课网找到Dell-Lee老师的去哪儿网视频教程,听了老师讲的课程,的确非常受益.去哪儿网项目,是我学习vue练习做的第一个项目,也是目前来说用vue做的唯一的一个 ...
Python全栈（八）Flask项目实战之10.前台发布帖子和后台帖子管理页面搭建
文章目录一.前台板块页面搭建二.发布帖子页面搭建三.前台帖子模型创建四.文章的发布 1.基本实现 2.项目优化 (1)功能优化--Markdown编辑上传上传本地图片 (2)代码优化--抽离A ...

项目实战之旅游网（七）后台分类管理后台产品管理（上）

一.后台分类管理

二.后台产品管理（上）

1.产品列表

2.新增产品

3.富文本编辑器

项目实战之旅游网（七）后台分类管理后台产品管理（上）相关推荐

最新文章

热门文章

项目实战之旅游网（七）后台分类管理 后台产品管理（上）

一.后台分类管理

二.后台产品管理（上）

1.产品列表

2.新增产品

3.富文本编辑器

项目实战之旅游网（七）后台分类管理 后台产品管理（上）相关推荐

最新文章

热门文章

项目实战之旅游网（七）后台分类管理后台产品管理（上）

项目实战之旅游网（七）后台分类管理后台产品管理（上）相关推荐