加一个背景色
好吧，很平淡的效果，就加个背景色吧。
<style> .searchbox { border: 1px solid #efefef; background: #f5f5f5; } </style>
更改rebuild键位
ctrl+F9按着不习惯，于是改一下，还是ctrl+s比较舒服。
模拟form提交
$('#search').click(function(){ $('#ff').form('submit', { url:'loadUsers', //提交前可以额外添加参数 onSubmit: function(param){ //这边只是模拟一下 param.search = true; } }); });
onSubmit函数可以方便你临时添加新的参数。
search是按钮的id，添加一下：
<a id="search" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>
点击查询按钮，可以看到参数已经传过去了。
只不过现在接口还没做，所以访问是失败的。
新建用户表
数据库是做项目的基石，让我们先从建一张表开始。
虽然手写建表语句是基本功，但是相信我，实际上班 99%的人不会这么蛋疼。都是用可视化工具去建表的，mysql用navicat，oracle用PL/SQL。
打开navicat，首先新建数据库，就叫做vipmgr吧。
然后新建一张用户表：
SQL：
CREATE TABLE `user` ( `user_name` varchar(20) NOT NULL, `create_time` varchar(26) DEFAULT NULL, `header_pic` varchar(80) DEFAULT NULL, `ip_addr` varchar(64) DEFAULT NULL, `is_delete` varchar(1) DEFAULT NULL, `is_logined` varchar(1) DEFAULT NULL, `is_vip` varchar(1) DEFAULT NULL, `last_login_time` varchar(21) DEFAULT NULL, `nick_name` varchar(30) DEFAULT NULL, `password` varchar(64) DEFAULT NULL, `role_id` varchar(2) DEFAULT NULL, `amt` int(11) DEFAULT NULL, `last_sign_date` varchar(8) DEFAULT NULL, PRIMARY KEY (`user_name`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
中文注释没写，不过看字段名字应该都知道是啥意思吧。
如何导入表结构?
如果你懒得自己去建表，就把上个步骤的sql直接这样：
再去刷新表，就看到了。
JdbcTemplate
JdbcTemplate就是spring-jdbc，虽然现在用的人不多，但是当年是非常流行的。
第一步，自然是添加spring-jdbc的依赖。
打开pom.xml，添加如下：
<!-- jdbcTemplate --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-jdbc</artifactId> </dependency>
然后idea会自动下载jar包的，下载的jar包在这里
我替换了本地的maven，没有用idea自带的，然后存储的目录是：E:\maven\dependy
找到了
已经下载了这么多的版本，那么我们的项目到底使用了哪个版本呢？
在这里可以看
是2.4.4版，也就是最新版。
第二步，就是去配置jdbc链接信息
spring.datasource.driver-class-name: com.mysql.jdbc.Driver spring.datasource.url: jdbc:mysql://localhost:3306/vipmgr spring.datasource.username: root spring.datasource.password:
还是jdbc那一套，现在还不知道啥时jdbc也没关系，反正实际工作你也基本不会自己去写jdbc，都是用框架，比如Mybatis，jpa等。
注意，如果你用的是教程里面的mysql，安装后默认是没有密码的，所以password就空着。
用Controller测试
实属无奈之举！
坑爹了，本来是要用Junit Test来测试的。但是我用的是IDEA2017，springboot是2.4.4版本。
SpringBoot2.x中默认的使用junit5，但是idea20017.1不支持junit5。
所以，要么降低springboot版本，要么就是测不了。
可是我不想降低SpringBoot版本，就干脆用Controller测试吧。
创建一个专门用来测试的Controller
package com.java18.vipmgr.controller; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.jdbc.core.JdbcTemplate; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; import java.util.List; @Controller @RequestMapping("test") public class TestController { @Autowired private JdbcTemplate jdbcTemplate; //这个是系统自带的 @RequestMapping("queryUsers") @ResponseBody public List queryUsers(){ return jdbcTemplate.queryForList("select * from user"); } }
jdbcTemplate毕竟是Spring家族的亲儿子，所以到了SpringBoot自动就会装配，都不需要你去配置了，这边直接就可以注入。
然后给数据库插一条数据：
INSERT INTO `vipmgr`.`user` (`user_name`, `create_time`, `header_pic`, `ip_addr`, `is_delete`, `is_logined`, `is_vip`, `last_login_time`, `nick_name`, `password`, `role_id`, `amt`, `last_sign_date`) VALUES ('root', '20210415', NULL, '127.0.0.7', '0', '0', '0', '20210415', '兔哥', '123', '1', '1000', NULL);
启动项目，访问 http://localhost:8080/test/queryUsers
得到：
[{"user_name":"root","create_time":"20210415","header_pic":null,"ip_addr":"127.0.0.7","is_delete":"0","is_logined":"0","is_vip":"0","last_login_time":"20210415","nick_name":"兔哥","password":"123","role_id":"1","amt":1000,"last_sign_date":null}]
queryForList 方法
queryForList 方法是spring-jdbc里面一个非常常用的方法，传入sql语句，就可以直接返回一个List对象，每一个循环变量是一个Map，没错，就是之前我们学习的HashMap。
HashMap是key-value的形式集合，不正好对应数据表里面的单条数据吗？
