1.京淘后台管理系统

3.2 树形结构

 <ul class="easyui-tree"><li><span>商品管理</span><ul><li>商品查询</li><li>商品新增</li><li><span>今日价格</span><ul><li>猪肉: 10块/斤</li><li>牛肉: 30块/斤</li><li>羊肉: 24块/斤</li></ul></li></ul></li></ul>

4. 京淘后台实现(1)

4.1 通用页面跳转实现

package com.jt.controller;import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;@Controller
public class IndexController {/*** 需求：实现通用页面跳转* URL:/page/item-add  页面：item-add.jsp* url:/page/item-list  页面：item-list.jsp* 结论：url中的地址就是跳转的页面信息** restful风格实现1：* 作用：可以动态的接受url中的参数* 语法：*      1.url中的地址如果参数，则需要使用、分割*      2.controller方法接受参数时，需要使用{}号方式获取*      3.如果需要获取参数信息，则使用特定的注解标识** restful风格实现2：需要指定访问的请求，并且特定的类型执行业务* 请求类型：* 1.get 执行查询操作* 2.post执行入库操作* 3.put执行更新操作* 4.delete执行删除操作* *///@RequestMapping(value = "/page/{moduleName}",method = RequestMethod.GET)@RequestMapping("/page/{moduleName}")public String module(@PathVariable String moduleName) {return moduleName;}
}

4.2 UI框架-表格数据展现说明

核心: JS中需要什么数据,则后端程序员就封装什么数据!!

4.2.0 常见缩写介绍

POJO 与数据库映射的实体类对象
VO ：数据展现层的对象主要与页面JS进行数据交互的媒介

4.2.1 EasyUI表格定义

<div>定义表格，并且通过url访问json数据， fitColumns:true表示自动适应，singleSelect:true 表示选中单个<table class="easyui-datagrid" style="width:500px;height:300px"data-options="url:'datagrid_data.json',method:'get',fitColumns:true,singleSelect:false,pagination:true"><thead> <tr> <th data-options="field:'code',width:100">Code</th> <th data-options="field:'name',width:100">Name</th> <th data-options="field:'price',width:100,align:'right'">Price</th></tr> </thead> </table> </div>

4.2.2 表格数据返回格式说明

{"total":2000,"rows":[{"code":"A","name":"果汁","price":"20"},{"code":"B","name":"汉堡","price":"30"},{"code":"C","name":"鸡柳","price":"40"},{"code":"D","name":"可乐","price":"50"},{"code":"E","name":"薯条","price":"10"},{"code":"F","name":"麦旋风","price":"20"},{"code":"G","name":"套餐","price":"100"}]
}

4.2.3 根据返回值定义VO对象

4.3 JSON结构说明

["敲代码","打游戏",[1,2,3,4,5],{"id":100,"name":"tomcat猫","hobby":["吃东西","打豆豆","玩联盟"]}]

易购考拉 The fourth day相关推荐

淘宝/天猫/淘特/京东/拼多多/唯品会/苏宁易购/考拉海购内部隐藏优惠券。饿了么/美团外卖/美团优选/美团酒店/大众点评/口碑红包。抖音/快手直播带货。优惠券APP源码怎么写？分享给大家。
下载地址:喵惠应用宝https://a.app.qq.com/o/simple.jsp?pkgname=com.miaohui.xin 淘宝/天猫/淘特/京东/拼多多/唯品会/苏宁易购/考拉海购内部隐 ...
易购考拉The first day
1.易考项目框架设计 1.1互联网行业特点 1.高并发 2.分布式服务器数量分配均衡 3.海量数据处理采用更加高效的方式进行数据处理大数据方向 java开发岗位要求大数据相关技术 4.安全性问 ...
易购考拉 On the third day
1. MybatisPlus 1.1 MP介绍 MyBatis-Plus(简称 MP)是一个 MyBatis 的增强工具,在 MyBatis 的基础上只做增强不做改变,为简化开发.提高效率而生. 1. ...
优易软件--ECSHOP 仿考拉海购外贸模板 2016最新跨境商城模板介绍
跨境电子商务是指分属不同关境的交易主体,通过电子商务平台达成交易.进行支付结算,并通过跨境物流送达商品.完成交易的一种国际商业活动. 跨境电商的流程复杂,面临的障碍较多,很多卖家并不具备外贸能力,因此 ...
网易考拉海购Dubbok框架优化详解（学习笔记）
微服务化是当前电商产品演化的必然趋势,网易考拉海购通过微服务化打破了业务爆发增长的架构瓶颈. 微服务选型要评估以下几点: 内部是否存在异构系统集成的问题: 备选框架功能特性是否满足需求: http协议 ...
网易考拉海购Dubbok框架优化详解
网易考拉海购Dubbok框架优化详解摘要:微服务化是当前电商产品演化的必然趋势,网易考拉海购通过微服务化打破了业务爆发增长的架构瓶颈.本文结合网易考拉海购引用的开源Dubbo框架,分享支持考拉微服务 ...
网易考拉海购：电商高并发架构设计的铁律
原文地址:https://blog.csdn.net/wangyiyungw/article/details/80350279 网易考拉海购已顺利度过了 2017 年的双十一.双十二等大促活动,销售额 ...
入局二手奢侈品赛道，考拉海购想象力几何？
对于一些"留之占地,弃之可惜"的旧物,最好的出处自然是二手闲置交易平台.但随着人们消费观念的改变,不单是价廉的闲置物品会被二次出售,还有二手奢侈品卖得火热. 数据显示,618期间, ...
上海店宝宝：从考拉海购新思路的启发
考拉海购入驻阿里"动物园"一年后,首次迎来重大战略调整. 7月21日,考拉海购放出消息,称即将进行战略升级,在原有跨境业务的基础上,全面聚焦"会员电商".一个月 ...
亲历者说 | 完整记录一年多考拉海购的云原生之路
作者 | 张洪箫(花名:伏见)阿里巴巴新零售高级技术专家来源|阿里巴巴云原生公众号前言考拉海购的整个云化改造是从 2019 年 10 月份开始的,当时的唯一目标就是短时间内快速完成迁移.在不到 ...

易购考拉 The fourth day

1.京淘后台管理系统

3.2 树形结构

4. 京淘后台实现(1)

4.1 通用页面跳转实现

4.2 UI框架-表格数据展现说明

4.2.0 常见缩写介绍

4.2.1 EasyUI表格定义

4.2.2 表格数据返回格式说明

4.2.3 根据返回值定义VO对象

4.3 JSON结构说明

4.3.1 什么是JSON

4.3.2 JSON格式之对象格式

4.3.2 JSON格式之数组格式

4.3.3 JSON格式之嵌套格式

易购考拉 The fourth day相关推荐

最新文章

热门文章