后台管理系统

1.京淘后台管理系统

1.1 Ajax总结

image.png

1.2 分布式思想

1.2.1 分布式分类

1.分布式计算
说明:一项任务有多个服务器共同完成
例子:假设一项任务单独完成须要10天,若是有10我的同时执行则一天完成. 大数据处理技术。
2.分布式系统
说明:将项目按照特定的功能模块及层级进行拆分,从而下降整个系统架构的耦合性问题java

1.2.2 传统项目存在的问题

总结: 传统项目将全部的模块都写到一块儿,若是其中一个模块出现了问题,则可能致使全部的服务不可用,.用户的体验较差,而且架构设计耦合性高.image.png程序员

1.2.3 分布式项目拆分

核心:不管未来项目怎么拆分,都是同一个系统. 口诀: 对外统一,对内相互独立数据库

1.2.3.1 按照模块拆分

因为单体架构中耦合性过高,因此采用了分布式思想,将项目按照模块进行拆分,使得各个模块之间互相不影响.提升了总体的扩展性.
image.png后端

1.2.3.2 按照层级拆分

说明:因为某些项目功能实现起来比较复杂,须要多人协同合做,则须要将项目按照层级再次拆分
image.png数组

1.2.4 分布式系统引起的问题

1.分布式系统中jar包文件如何统一管理?
2.分布式系统中工具API如何统一管理?
image.png服务器

2 京淘项目后端搭建

2.1 建立父级工程jt

2.1.1 新建项目

打包方式: pom 表示:该项目是一个聚合工程,里边包含了不少的小项目,而且该项目能够统一管理公共的jar包文件.
image.png架构

2.1.2 编辑POM.xml文件

image.png

2.2 编辑工具API jt-common

打包类型: jar框架

2.2.1 建立项目

image.png

2.2.2 检查是否有父子级关系

image.png

2. 3 建立jt-manage项目

打包方式:war包 注意IDEA的工做目录的配置jsp

2.3.1 建立项目

image.png

2.3.2 编辑pom.xml文件

image.png

2.3.3 导入静态资源文件

说明:将准备好的文件导入。
image.png分布式

2.3.4 修改启动项

image.png
image.png

2.4 关于SpringBoot默认页面访问说明

说明:SpringBoot项目中若是用户采用缺省值访问时,则SpringBoot会采用模板工具API进行页面跳转. 若是使用模板工具API则会动态的拼接视图解析器的前缀和后缀
eg:
前缀:/WEB-INF/views/
后缀:.jsp
默认系统欢迎页面的全路径:/WEB-INF/views/index.jsp
image.png

3.京淘后台页面结构说明

3.1 京淘后端页面布局说明

image.png
image.png

3.2 树形结构

image.png
image.png

4.京淘后台实现(1)

4.1 通用页面跳转实现

image.png

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

核心:JS中须要什么数据,后端程序员九丰装什么数据!!!

4.2.1 常见缩写介绍

1.POJO(plain ordinary java object 简单java对象):与数据库映射的实体类对象
2.VO(value object值对象,ViewObject表现层对象):数据展示层的对象 主要与页面JS进行数据交互的媒介
3:PO(persistant object持久对象):最形象的理解就是一个PO就是数据库中的一条记录。好处是能够把一条记录做为一个对象处理,能够方便的转为其它对象.
4.BO(business object业务对象):
主要做用是把业务逻辑封装为一个对象。这个对象能够包括一个或多个其它的对象。
好比一个简历,有教育经历、工做经历、社会关系等等。
咱们能够把教育经历对应一个PO,工做经历对应一个PO,社会关系对应一个PO。
创建一个对应简历的BO对象处理简历,每一个BO包含这些PO。
这样处理业务逻辑时,咱们就能够针对BO去处理。

4.2.2 EasyUI表格定义

image.png

4.2.3 表格数据返回格式说明

image.png

4.2.4 根据返回值 定义VO对象

image.png

4.3 JSON结构说明

4.3.1 什么是JSON

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。

4.3.2 JSON格式--对象格式

对象(object) 是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每一个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔。
image.png
eg: {"id":"100","name":"王路飞"}

4.3.3 JSON格式--数组格式

image.png
eg:["1","玩","学习"]

4.3.4 JSON格式--嵌套格式

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

相关文章
相关标签/搜索