赞
踩
访问页面,打开F12,查看是否引入正确。
这样就算是成功引入了。
访问easyUI的官方文档:Jquery EasyUI 中文文档
比如,我们要使用一个文本框,就这样写:
效果:
不得不说,idea是真的有点坑(也许是我用的idea版本太老,2017版),它不会自动编译。而且,我是在按照网上教程设置了自动编译,pom.xml也加上了热部署的前提下,还是不能自动编译,很无语。
不过好在,我还是找到了办法,右键项目,选择rebuild重新编译,或者直接ctrl+F9,改动的页面就可以重新加载了。否则需要一直去重启项目,很麻烦。
等以后有机会,试试最新版的idea有没有解决这个问题。
搜索区域实现
======
我们要做一个简单的搜索区域,用户可以根据用户名,昵称,是否VIP来进行搜索。
搜索区域是一个Form表单,熟悉HTML的肯定不会陌生。EasyUI给我们提供了Form表单的一般实现:点击查看
我们依葫芦画瓢即可。
|
|
为了对齐,我做了一个表格。
注意,每次修改完之后,都要ctrl+f9一下。
是否vip 用单选框
效果:
最后,再来一个查询按钮
加一个背景色
好吧,很平淡的效果,就加个背景色吧。
更改rebuild键位
ctrl+F9按着不习惯,于是改一下,还是ctrl+s比较舒服。
模拟form提交
$(‘#search’).click(function(){
$(‘#ff’).form(‘submit’, {
url:‘loadUsers’,
//提交前可以额外添加参数
onSubmit: function(param){
//这边只是模拟一下
param.search = true;
}
});
});
onSubmit函数可以方便你临时添加新的参数。
search是按钮的id,添加一下:
点击查询按钮,可以看到参数已经传过去了。
只不过现在接口还没做,所以访问是失败的。
新建用户表
======
数据库是做项目的基石,让我们先从建一张表开始。
虽然手写建表语句是基本功,但是相信我,实际上班 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,添加如下:
org.springframework.boot
spring-boot-starter-jdbc
然后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(){
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数Java工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024b (备注Java)
由于篇幅限制,小编在此截出几张知识讲解的图解
一个人可以走的很快,但一群人才能走的更远。如果你从事以下工作或对以下感兴趣,欢迎戳这里加入程序员的圈子,让我们一起学习成长!
AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算
86)]
由于篇幅限制,小编在此截出几张知识讲解的图解
[外链图片转存中…(img-0c1lvc4z-1712181836887)]
[外链图片转存中…(img-v33DXhIi-1712181836887)]
[外链图片转存中…(img-0gBo6SqD-1712181836888)]
[外链图片转存中…(img-l3BGXsUP-1712181836888)]
[外链图片转存中…(img-ThGh6NXD-1712181836888)]
一个人可以走的很快,但一群人才能走的更远。如果你从事以下工作或对以下感兴趣,欢迎戳这里加入程序员的圈子,让我们一起学习成长!
AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。