SSH学习项目struts2的JSON 练习花卉Flower

准备工作

1.项目素材：点击下载提取码：hs37
2.使用struts2的JSON 完成页面显示
3.使用struts2的JSON 完成页面分页
4.使用struts2的JSON 完成条件查询

开始工作

分析一个报错

原因：

1.hibernate类型,在生成的类中，comm字段与mgr字段为double 类型，为基本类型，不能为NULL

2.Oracle数据库的Emp表里comm列与mgr列有数据为空所以解决方法就是升为包装类，可以为NULL

private Double mgr;
private Double comm;
//同时映射文件也要设置
<property name="mgr"   column="mgr" type="java.lang.Double" />
<property name="comm"   column="comm" type="java.lang.Double"/>

检验是否有数据吧
地址栏输入：http://localhost:8080/ssh/page
将准备好的素材添加进项目

emp_list.html页面代码修改一番

<div id="main"><h1>员工列表</h1><div id="search"><input type="hidden" name="page" id="page" value="1"/>  姓名:<input type="text" id="ename" value=""/>&nbsp;收入:<input type="text" id="beginPrice" value="">到<input type="text" id="endPrice" value=""><input type="submit" value="搜索" /></form></div><div id="Emps"><dl><dt>编号</dt><dd>张三</dd><dd>收入:3000</dd><dd>开发部</dd><dd>入职日期:2011-8-1</dd><dd><a href="#">修改</a>&nbsp;<a href="#">删除</a></dl><dl><dt>编号</dt><dd>张三</dd>k<dd>收入:3000</dd><dd>开发部</dd><dd>入职日期:2011-8-1</dd><dd><a href="#">修改</a>&nbsp;<a href="#">删除</a></dl></div>  <div id="pp"></div>
</div>

-创建函数loadInfos 使用Ajax 读取JSON

function loadInfos(){$.ajax({url:"/MyCompany/page",data:{page:$("#page").val(),name:$("#ename").val(),beginPrice:$("#beginPrice").val(),endPrice:$("#endPrice").val()},type:"post",dataType:"json",success:function(d){//分页按钮刷新$("#pp").empty();for(var i=1;i<=d.pageCount;i++){$("#pp").append("<a href='javascript:changePage(@1)'>@2</a>".replace('@1',i).replace('@2',i));}//刷新列表var ss="<dl>"+"<dt>@1</dt>"+"<dd>@2</dd>"+"<dd>收入:@3</dd>"+"<dd>@4</dd>"     +"<dd>入职日期:@5</dd>"+"<dd>"+"     <a href='#'>修改</a>&nbsp;"+"       <a href='#'>删除</a>"+"</dd>"    +"</dl>";$("#Emps").empty();for(var j=0;j<d.list.length;j++){var e=d.list[j];$("#Emps").append(ss.replace("@1",e.id).replace("@2",e.ename).replace("@3",e.sal).replace("@4",e.dept.Dname).replace("@5",e.hiredate));}}});}

-创建函数changePage 进行跳转Page跳转

function changePage(p){$("#page").val(p);}

但是跳转完后需要加载当前页的数据，所以需要

function changePage(p){$("#page").val(p);//跳转页面 更改页面value值 并调用调用读取数据loadInfos();}

给搜索按钮绑定函数开始看看成功了嘛？

<input type="submit" value="搜索" onclick="$('#page').val(1);loadInfos()" />

点击搜索看看！

点击页面看看是否跳转

SSH学习项目struts2的JSON 练习花卉Flower相关推荐

【SSH网上商城项目实战07】Struts2和Json的整合
上一节我们完成了DataGrid显示jason数据,但是没有和后台联系在一起,只是单纯地显示了我们自己弄的json数据,这一节我们将json和Struts2整合,打通EasyUI和Struts2之间的 ...
Angular 项目里 angular.json 文件内容的学习笔记
看一个基于 Angular 的 SAP Spartacus 项目里 angular.json 的例子: version: The configuration-file version. newProj ...
java web学习项目20套源码完整版
java web学习项目20套源码完整版自己收集的各行各业的都有,这一套源码吃遍所有作业项目! 1.BBS论坛系统(jsp+sql) 2.ERP管理系统(jsp+servlet) 3.OA办公自动化 ...
struts2：JSON在struts中的应用（JSP页面中将对象转换为JSON字符串提交、JSP页面中获取后台Response返回的JSON对象）...
JSON主要创建如下两种数据对象: 由JSON格式字符串创建,转换成JavaScript的Object对象: 由JSON格式字符串创建,转换成JavaScript的List或数组链表对象. 更多关于J ...
Pycharm连接远程服务器、使用Pycharm运行深度学习项目、Pycharm使用总结以及Pycharm报错和解决办法
Pycharm连接远程服务器,使用Pycharm运行深度学习项目以及Pycharm的使用总结文章目录 Pycharm连接远程服务器,使用Pycharm运行深度学习项目以及Pycharm的使用总结前 ...
ssh + oracle 项目总结
一直在用ssm做项目,好久没有做ssh项目了.用ssm+oracle来开发真的是一步一个坑.基本上每个操作都会出问题.下面从环境搭建开始来说明各种坑. 一.使用各种环境的版本 Hibernate 5. ...
Struts2返回JSON对象的方法总结
http://kingxss.iteye.com/blog/1622455 如果是作为客户端的HTTP+JSON接口工程,没有JSP等view视图的情况下,使用Jersery框架开发绝对是第一选择.而 ...
externalreferences 命令在 sdi 模式下不可用_一个适合新手交互式Git命令学习项目
前言在我们日常工作开发中,Git是必不可少的版本控制软件,很多时候我们都用Git来管理我们的项目. 比较常用的有Github,Gitlab,Stash等. 因此对于Git命令的掌握是我们工作必备的能 ...
通过NVIDIA-Docker部署深度学习项目环境
原文地址为:https://zhuanlan.zhihu.com/p/78541520 深度学习环境部署的方法有很多种,其中Docker化深度学习环境和项目是一个很不错的选择.这里写过一些深度学习主机 ...

SSH学习项目struts2的JSON 练习花卉Flower

准备工作

开始工作

原因：

1.hibernate类型,在生成的类中，comm字段与mgr字段为double 类型，为基本类型，不能为NULL

2.Oracle数据库的Emp表里comm列与mgr列有数据为空所以解决方法就是升为包装类，可以为NULL

SSH学习项目struts2的JSON 练习花卉Flower相关推荐

最新文章

热门文章

SSH学习项目struts2的JSON 练习 花卉Flower

准备工作

开始工作

原因：

1.hibernate类型,在生成的类中，comm字段与mgr字段为double 类型，为基本类型，不能为NULL

2.Oracle数据库的Emp表里comm列与mgr列有数据为空所以解决方法就是升为包装类，可以为NULL

SSH学习项目struts2的JSON 练习 花卉Flower相关推荐

最新文章

热门文章

SSH学习项目struts2的JSON 练习花卉Flower

SSH学习项目struts2的JSON 练习花卉Flower相关推荐