后台管理系统

learner

1.京淘后台管理系统

1.1 Ajax总结

image.png

1.2 分布式思想

1.2.1 分布式分类

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

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的工作目录的配置

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.png
eg: ["敲代码","打游戏",[1,2,3,4,5],{"id":100,"name":"索隆","hobby":["吃东西","打豆豆","玩联盟"]}]

阅读 391
1 声望
0 粉丝
0 条评论
你知道吗?

1 声望
0 粉丝
宣传栏