html同步加载数据库数据库数据,[vue和数据库同步更新]动态从数据库获取数据Vue.js）【数据可变】...

在线QQ客服：1922638

专业的SQL Server、MySQL数据库同步软件

包com.nf.entity;

导入javax.persistence。 *;

@Entity

@Table(名称=” book”)

公共类Book {

私有整数ID；

私有字符串名称；

私有整数价格；

@Id

\\ ub26; @GeneratedValue(策略= GenerationType.IDENTITY)

@Column(名称=” id”)

\ public Integer getId(){

\ 返回ID;

\\}

public void setId(整数ID){

this.id = id;

\\}

@Column(名称=”名称”，长度= 50，可为空=否)

public String getName(){

返回名称；

\\}

public void setName(字符串名称){

this.name =名称；

\\}

@列(名称=”价格”，可为空=否)

public Integer getPrice(){

退货价格

\\}

public void setPrice(整数价格){

this.price =价格；

\\}

}

================================================ ==== ===

—————————————————————————————-

【包裹名称com.nf.service】

(BookService.java接口)

包com.nf.service;

导入com.nf.entity.Book;

import java.util.List;

公共接口BookService {

\ 公开清单lt;图书getAllBook();

}

—————————————————————————————-

【包裹名称com.nf.service】

(BookServiceImpl.java)

包com.nf.service;

导入com.nf.dao.BookDao;

导入com.nf.entity.Book;

导入org.springframework.beans.factory.annotation.Autowired;

导入org.springframework.context.annotation.Scope;

import org.springframework.stereotype.Service;

导入org.springframework.transaction.annotation.Transactional;

import java.util.List;

@Service

@Scope(”原型”)

公共类BookServiceImpl实现BookService {

\ @Autowired

\\ ub26; 私人BookDao bookDao;

\ @Transactional

\\ ub26; 公开清单lt;图书getAllBook(){

Listlt书\ gt; bookList = bookDao.getAllBook();

//编写游戏规则(业务逻辑代码:无数据库操作)

返回bookList;

}

}

{这是配置文件[这是mysql的配置]}

(以下学生是图书馆名称！用户是帐户！密码是密码！更改您自己的配置)

＃数据库信息

driverClass = com.mysql.cj.jdbc.Driver

jdbcUrl = jdbc:mysql://本地主机:3306/lib？ serverTimezone = UTC

用户= root

密码= root

///

请记住在WebContent下创建一个js目录，并将jquery-3.2.1.min.js放入(不知道朋友是否可以去百度下载！)

///

(这是WebContent下目录中的一项)

(ok.jsp)

\ lt;％@页面语言=” java” contentType =” text/html; charset = UTF-8″

pageEncoding =” UTF-8″％\>

\ lt;％@ taglib uri =” http://java.sun.com/jsp/jstl/core” \前缀=” c”％\\ u>

\ lt;％@ taglib uri =” http:java.sun.com/jsp/jstl/functions”前缀=” fn”％\ gt;

\ lt ;! DOCTYPE html PUBLIC”-//W3C//DTD HTML 4.01 Transitional//EN”” http://www.w3.org/TR/html4/loose.dtd’\\u0026gt;

\ lt; html \ gt;

\ lt;头\ lt; meta http-equiv =” Content-Type” content =”文本/html;字符集= UTF-8″ \ gt;

\ lt;标题gt;在此处插入标题\ lt;/标题>

\ lt;脚本类型=” text/javascript” src =” https://www.cnblogs.com/js/jquery-3.2.1.min.js” \ gt; \ lt;/脚本\ lt;脚本\

函数isWin(用户ID){

//构造发送到服务器的参数列表

var postData = {id:userid};

$.ajax({

url:” userAction_isWin.action”，

\\ 类型:” POST”，

数据:postData，

dataType:” json”，//服务器返回类型

uu2626 uu上 成功:函数( myresult){

; if(myresult.data == true){

; \\ bn; bn \ \\ b警报(”恭喜您获胜”)；

}其他{

警报(”恭喜，您迷路了！”)；

}

}，

bn \\ n ; 超时:3000，

错误:function(){

\ ale rt(”无法访问服务器”)

}

})；

}

\ lt;/脚本\ lt;/头

\ lt;正文

\ lt;表格边框=” 1″

\ lt; tr \ gt;

\ lt; td id \ lt;/td>

lt \ lt;/td>

\ nbsp ;; \ lt; \\ ubsp td \ gt;性别lt;/td>

\ lt; td 年龄lt;/td>

\ lt; td 状态\ lt;/td>

\ lt; td 获奖ltlt;/td>

\ lt;/tr>

\ lt; c:forEach项目=” $ {userList}” \\ ub26; var =” ss” \ gt;

\ lt; tr \ gt;

\ lt; td $ {ss.id} \\ ult26 lt;/td>

\ lt; td $ {ss.userName} \ lt;/td>

\ nbs p; \ lt; td $ {ss.sex} \ lt;/td>

\ lt; td {ss.age} \ lt;/td>

\ lt; td $ {ss.status} \\ ult26 lt;/td>

\ lt; td onclick =” isWin($ {ss.id})” \ gt;访问\ lt;/td>

\ lt;/tr>

\ lt;/c:forEach \\ u>

\ lt;/表>

\ lt;/身体>

\ lt;/html \ gt;