判断概率中奖(Vue.js)【写死】
/*Web工程名为:example*/
-----------------------------------------------------------------------------------------------------
【包名com.nf.action】
(文件名UserAction.java)
package com.nf.action;
import com.nf.entity.User;
import com.nf.service.UserService;
import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Scope;
import org.springframework.stereotype.Controller;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
@Controller
@Scope("prototype")
public class UserAction extends ActionSupport {
private Map<String,Object> jsonMap;
public Map<String, Object> getJsonMap() {
return jsonMap;
}
public void setJsonMap(Map<String, Object> jsonMap) {
this.jsonMap = jsonMap;
}
@Autowired
private UserService userService;
public String getAllUser(){
jsonMap = new HashMap<String, Object>();
jsonMap.put("postStatus",1);//代表没有异常,成功生成数据
jsonMap.put("message","恭喜!数据成功生成(给前端工程师看)");
List<User> userList = userService.getAllUser();
jsonMap.put("userList",userList);
return "jsonOK";
}
}
=========================================================
----------------------------------------------------------------------------------------------------
【包名com.nf.dao】
(UserDao.java接口)
package com.nf.dao;
import com.nf.entity.User;
import java.util.List;
public interface UserDao {
public List<User> getAllUser();
}
-----------------------------------------------------------------------------------------------------
【包名com.nf.dao】
(UserDaoImpl.java)
package com.nf.dao;
import com.nf.entity.User;
import org.hibernate.Session;
import org.hibernate.SessionFactory;
import org.hibernate.query.Query;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Scope;
import org.springframework.stereotype.Repository;
import java.util.List;
@Repository
@Scope("prototype")
public class UserDaoImpl implements UserDao {
@Autowired
private SessionFactory sessionFactory;
public List<User> getAllUser() {
Session session = sessionFactory.getCurrentSession();
Query<User> query = session.createQuery("from User", User.class);
List<User> userList = query.getResultList();
return userList;
}
}
=========================================================
----------------------------------------------------------------------------------------------------
【包名com.nf.entity】
(User.java)
package com.nf.entity;
import javax.persistence.*;
@Entity
@Table(name = "user")
public class User {
private Integer id;
private String userName;
private Integer sex;
private Integer age;
private String status;
@Id
@GeneratedValue(strategy= GenerationType.IDENTITY)
@Column(name="id")
public Integer getId() {
return id;
}
public void setId(Integer id) {
this.id = id;
}
@Column(name = "user_name",length = 20,nullable = false)
public String getUserName() {
return userName;
}
public void setUserName(String userName) {
this.userName = userName;
}
@Column(name = "sex",nullable = false)
public Integer getSex() {
return sex;
}
public void setSex(Integer sex) {
this.sex = sex;
}
@Column(name = "age",nullable = false)
public Integer getAge() {
return age;
}
public void setAge(Integer age) {
this.age = age;
}
@Transient
public String getStatus() {
return status;
}
public void setStatus(String status) {
this.status = status;
}
}
=========================================================
----------------------------------------------------------------------------------------------------
【包名com.nf.service】
(UserService.java接口)
package com.nf.service;
import com.nf.entity.User;
import java.util.List;
public interface UserService {
public List<User> getAllUser();
}
----------------------------------------------------------------------------------------------------
【包名com.nf.service】
(UserServiceImpl.java)
package com.nf.service;
import com.nf.dao.UserDao;
import com.nf.entity.User;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Scope;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;
import java.util.List;
@Service
@Scope("prototype")
public class UserServiceImpl implements UserService {
@Autowired
private UserDao userDao;
@Transactional
public List<User> getAllUser() {
List<User> userList = userDao.getAllUser();
//编写游戏规则(业务逻辑代码:没有任何数据库操作)
return userList;
}
}
=========================================================
----------------------------------------------------------------------------------------------------
{这个是配置文件【此为mysql的配置】}
(下面的student为库名!user为账号!password为密码!自己改好自己的配置)
#database information
driverClass=com.mysql.cj.jdbc.Driver
jdbcUrl=jdbc:mysql://localhost:3306/student?serverTimezone=UTC
user=root
password=root
//////////////////////////////////////////////////////////////////////////////////////////////////
记得在WebContent下面创建一个js目录放jquery-3.2.1.min.js(不知道朋友可以去百度下载!)
//////////////////////////////////////////////////////////////////////////////////////////////////
(这个是WebContent下面目录的项目)
(ok.jsp)
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="/js/jquery-3.2.1.min.js"></script>
<script>
function isWin(userid) {
//构造一个发送给服务端的参数列表
var postData = {id:userid};
$.ajax({
url:"userAction_isWin.action",
type:'POST',
data:postData,
dataType:'json',//服务端返回类型
success:function (myresult) {
if (myresult.data==true){
alert('恭喜你获奖了');
}else{
alert('恭喜你,输了!');
}
},
timeout:3000,
error:function(){
alert('访问服务端失败')
}
});
}
</script>
</head>
<body>
<table border="1">
<tr>
<td>id</td>
<td>名字</td>
<td>性别</td>
<td>年龄</td>
<td>状态</td>
<td>是否获奖</td>
</tr>
<c:forEach items="${userList}" var="ss">
<tr>
<td>${ss.id}</td>
<td>${ss.userName}</td>
<td>${ss.sex}</td>
<td>${ss.age}</td>
<td>${ss.status}</td>
<td onclick="isWin(${ss.id})">访问</td>
</tr>
</c:forEach>
</table>
</body>
</html>
-------------------------------------------------------------下的表示另一个文件存放的代码
===================================下的表示另一个包下存放的代码

浙公网安备 33010602011771号