在 Next.js App Router 中使用 Highcharts Stock(完整实战指南 )
2026/4/14 23:23:10
创建数据库
新建查询
SET NAMES utf8;SET FOREIGN_KEY_CHECKS=0;DROP TABLE IF EXISTS `sys_schedule`;CREATE TABLE `sys_schedule`(`sid` int NOT NULL AUTO_INCREMENT,`uid` int NULL DEFAULT NULL,`title`varchar(20),`completed`int(1)NULL DEFAULT NULL,PRIMARY KEY(`sid`)USING BTREE)ENGINE=InnoDB AUTO_INCREMENT=1;DROP TABLE IF EXISTS `sys_user`;CREATE TABLE `sys_user`(`uid` int NOT NULL AUTO_INCREMENT,`username`varchar(10),`user_pwd`varchar(100),PRIMARY KEY(`uid`)USING BTREE,UNIQUE INDEX `username`(`username`)USING BTREE)ENGINE=InnoDB;INSERT INTO `sys_user` VALUES(1,'zhangsan','e10adc3949ba59abbe56e057f20f883e');INSERT INTO `sys_user` VALUES(2,'lisi','e10adc3949ba59abbe56e057f20f883e');SET FOREIGN_KEY_CHECKS=1;创建模块
添加tomcat依赖
增加web资源组件
创建实体类
起类名的时候注意一下驼峰转换
对于数据库中表名用下划线分隔,Java中会转成驼峰式,比如这里数据库中表名为sys_user,转换成SysUser
和数据库对应的实体类一般有如下要求
一路Next
完整代码
package com.baidu.scheduler.pojo;import java.util.Objects;public classSysUserimplementsSerializable{private Integer uid;private String username;private String userPwd;publicSysUser(Integer uid,String username,String userPwd){this.uid=uid;this.username=username;this.userPwd=userPwd;}publicSysUser(){}public IntegergetUid(){returnuid;}public voidsetUid(Integer uid){this.uid=uid;}public StringgetUsername(){returnusername;}public voidsetUsername(String username){this.username=username;}public StringgetUserPwd(){returnuserPwd;}public voidsetUserPwd(String userPwd){this.userPwd=userPwd;}public booleanequals(Object o){if(this==o)returntrue;if(o==null||getClass()!=o.getClass())returnfalse;SysUser sysUser=(SysUser)o;returnObjects.equals(uid,sysUser.uid)&&Objects.equals(username,sysUser.username)&&Objects.equals(userPwd,sysUser.userPwd);}public inthashCode(){returnObjects.hash(uid,username,userPwd);}public StringtoString(){return"SysUser{"+"uid="+uid+", username='"+username+'\''+", userPwd='"+userPwd+'\''+'}';}}使用lombok帮助我们生成这些内容(getter setter 全参构造 无参构造 equals hashcode)
注意:这个勾选未必是永久有效的,使用前记得检查
添加AllArgsConstructor之后相当于添加了全参构造
@NoArgsConstructor//添加了无参构造@Getter @Setter @ToString @EqualsAndHashCode @Data 等同于下面四个的合并 @Getter @Setter @ToString @EqualsAndHashCode创建另一个实体类