Springboot、maven、easyUi框架（学习记录）

前言：

近期在学习网站上学习了基于maven搭建Springbot框架，结合前端的easyUi框架完成小型后台管理系统。总体上感觉从ssh框架到ssm框架，再从ssm框架到Springboot框架，代码变得越来越简洁。就最简单语言来描述，Springboot的sql操作在mapper里面，没有像ssm框架中xml文件，这样搭建起来更加简单。但是对pom.xml里面的包的导入，对于每个项目或者不同电脑都会有所差异，又遇到这样或者那样的问题，自己搭建一个Springboot框架还是挺费时间的。

Springboot学习：

1.ssm需要加jar包，浪费重复空间

2.建立本地文件夹，repository;使用的时候就引用；

3.pom.xml书写：如果需要额外的jar，pom.XML，直接添加到pom.xml之中。
一个dependengce就是一个jar包，https://search.maven.org/ 这个网站直接寻找dependency

4.maven管理项目的工具

5.maven与myeclips的整合

6.ssm与maven整合，添加配置文件，web.xml

7.springBoot搭建，myeclips构建，错误解决；
优点：样板化，简化maven配置
springBoot是springmvc升级版
是下一代框架，
springCloud微服务框架
maven建好了目录结构；
修改JRE版本号，修改了固有的目录结构。
pom.xml 里面的相关依赖，错误信息解决，update project
难点：环境配置，Maven项目的构建过程，写一个博客解决

8.springboot的代码注解使用
启动springboot
@EnableAutoConfigutation
控制层扫描
@ComponentScan(basePackages={"",""})
mapper扫描
@mapperScan(value="")
SpringApplication.run(,class,arg)
数据库配置文件 数据库数据源
application.properties文件
端口号

9.视图解析器 前缀和后缀，后面的控制层直接使用
spring.mvc.static-path-patrn =/static/**

10.dao，service，controller三层写法记录
规范化 public abstract 省略
-》dao（mapper）
接口里面 省略xml
@Select(“sql语句”) 参数 #{arg0}
参数超过三个用map封装

-》service
@service
调用dao层，@Autowired new mapper对象

-》 controller
调用service层 加@ResponseBody
springboot不要放Tomcat启动
直接启动spriingboot
特别简单的数据查询操作，单独放springboot的启动；

11.项目发布 pom中的war改成jar
maven install打包
cmd里面运行jar 没有网络就咩有下载jar包
java -jar 地址名

12其它注意事项
视图解析器：默认访问首页
新建contrler 写一个方法
@ResponseBody(value="/");
返回值为string return “”;

前缀和后缀
@ResponseBody(value="/…");
返回值为string return “指定jsp”;

开放静态资源访问
resource文件夹之下static （css，js，images）

easyUi框架学习

easyUi框架作为一个简单的前端框架，已经封装好基本的操作，通过对帮助手册的属性，进行直接调用，依据自己的需求进行适当的修改。主要是对依据组件，控件的相关方法的使用。其中多设计js，ajax方面知识。当然对于数据处理json是最好的选择。

放到maven项目的js文件夹里面
导入easyUI的资源文件 4个 改路径<%=basePath%>static/js/

class调用 js调用

窗口组件 组件的属性，可查。图标自带
表单
菜单
按钮

连接后台，登录 href=“javascript:void(0)”

$(
function(){
 //登录事件
$("#login").click(function(){
    $.ajax(

url:'',
type
sucess:function(result){
  
}

);
})
}

传json 收表单的问题,传值问题

data：$("#form")
);

树控件
导航图标，可以进行更换

树的节点从数据库取得（一张表）
json获取；数据命名与操作手册保持一致
状态； 一级菜单的确定？多级菜单的确定

增加pid 记录父节点形成树结构
增加href每一个树节点的链接

需要写function，设置访问路径url
动态获取

返回json数据，json数据获取；

select * from admin_nav where pid =1
–>LIST>

数据库集转为json数据格式
数据库查询返回List>

注意：节点id很重要（重复循环一个图标）
首次加载，先找出一级节点 ID=null
@RequestParam(defaultValue= “0”，required=true/false)默认值
该参数必须传，不必须传；

选项卡 动态
点击树控件，显示在中间界面
选项卡自适应，模块设置没有头；
自动添加选项卡，
单击事件，查api； none封装了节点值
onclick事件添加选项卡

没有子节点就可以有href值；
禁止有子节点链接；
每一个选项卡，点一次出现一次，判断选项卡是否存在；
存在获取焦点；

表格控件table, 基于table标签；
菜单管理：通过界面进行菜单栏的怎删改查；点进去就是超链接，列表
DataGrid

操作手册
直接转化为json数据类型？分析过程

分页控件 pagination
改为本地语言
汉化：地址，一个插件；
使分页有作用：
select * from biao limit 当前页，每页显示
控制台传过来两个参数 命名需要与帮助文档一致string page rows
后台接受到之后传到dao层，把sql语句中参数填进去；
业务层里面计算公式算出当前页；

计算总页数
写一个接口查询出数据库表中的记录条数
返回map自动解析为json？
自动修改共多少页！！！！

分页控件的细节：
依据手册，添加到每一列后面进行深入的解释
格式化英文改为中文 展开关闭
几级菜单显示，什么颜色提示库存颜色
多选，单选批量删除等功能，列宽度冻结；
增加操作栏 工具栏
toolbar：操作
点击触发事件 “-”分隔线；
主键之前添加复选框 添加一列，设置一个布尔值

添加菜单 handler函数
window构件 show（{key:value…}）

添加的列项写到一个div之中 p
div的id；触发window（）
智能化数据获取，简化操作
提交：

$ajax({
     url: .......
     data:$("#form).serializobject
     获取表单里面所有数据
      })

添加成功刷新列表
关闭添加窗口，隐藏失败？有很多样式 window里面干逼方式
点击下拉框，提交ajax处理

删除：获取id getsELECTIONS 返回所有选中的按钮
拼接成以逗号连接的字符串
批量删除的sql语句的写法