java-easyui项目演练.docx

1 首先写index里面的easy-ui布局(页面的上下左右中)，其中的center通过类选择器定位，并通过west中设一个openTabs的方法来与第二个界面userList关联。userList的显示只能在id选择器的div-center中2 userList中有三个界面一个是按钮，另外两个是表单。首先布局通过div分为两层一个是按钮的层一个是dg数据表格datagrid。而表达是通过对话框dialog来显示的。当出发按钮增加，修改，查询，和表单按钮保存会对数据库里面的数据产生影响3 userList中的功能实现和登录窗口的功能实现是一致的，通过servlet来进行所想要的功能。所有servlet层中都有注解帮助jsp实现功能。Jsp想要实现功能就先写一个url然后在servlet中的注解里面寻找一致的4 servlet继承了HttpServlet类通过doget和dopost来获取表单或者jsp上页面的信息。使用servlet要有vo实体层（与数据库字段一致），util工具类（连接数据库），Dao层（与数据库交互sql语句，里面的方法数量与要执行的jsp上面的功能一样。里面的返回值是要实现方法通过id来进行增删改还是要对数据库中的字段做什么改变影响到的字段来定。一般有初始化User的Dao的实现层的增加和修改返回的是flag而通过id的返回值查询和删除返回的则是user）5 serive层业务逻辑层中的参数和Dao中接口的参数是一一对应的但是定方法名是通过表单上出发的按钮功能名定义的。在service实现层中通过调用Dao层的方法 ud.xxx。（返回值DaoImpl层的返回值最好与ServiceImpl层的返回值相同。但是因为List list =ud.findAllUserInfo(page, rows);与List lists = us.findAllUserInfo(page, rows);已经把返回值拿到了）6 servlet中没有返回值是每个方法定义一个返回值来接受us service层中的返回值boolean flag = us.saveUserInfo。通过if来进行if(mapdata!=null) if(flag)而if里面的参数就是用来进行表单值的显示通过jsp中的回调函数function（user） User user = new User();UserService us = new UserServiceImpl();user = us.queryUserByIdInfo(Integer.parseInt(id);if(user!=null)一般出错是在UserDaoImpl里面的sql语句和userList里面的#一级./还有括号问题Index.jspInsert title herefunction openTabs(text,url)if($(#tabs).tabs(exists,text)$(#tabs).tabs(select,text);elsevar myContent=$(#tabs).tabs(add,title:text,closable:true,content:myContent) 访问次数 欢迎登录 1234567890 广告位 食品管理 食品管理 食品管理 content3 Login.jspInsert title here/* $(function()$(#login_btn).click(function()var data=username: $(#user).val();userpwd : $(pwd).val(); timedate :$(date).val();$.post(login?m=login,data,function(date)if(success=date)windowd.location.href=index.jsp;elsealert(用户名或密码错误);return false;) */ 用户名： 密  码: 每次登录都需要 10天以内 30天以内          Time.jspInsert title here$(function() $(#dd).datebox(setValue,6/1/2012); /* 设置datebox的值 */var v = $(#dd).datebox(getValue); $(#dd).datebox(onSelect:function(v)alert(v.getFullYear()+:+(v.getMonth+1)+:+v.getDate(););) 基本的userListInsert title here$(function()/默认查询 $(#dg).datagrid(url : ./userservlet?m=findAllUser, /* 格式url要有空格 要跳出jsp文件夹*/fitColumns : true,nowrap:false,pagination : true,pagePosition:bottom,pageSize:10,columns:field:userid,title:用户编号,width:80,align:center,checkbox:true, field:username,title:用户姓名,width:80,align:center, field:userage,title:用户年龄,width:100,align:center, field:useraddress,title:用户地址,width:60,align:center, field:remark,title:用户备注,width:60,align:center); $(#btn_add).click(function()$(#dd).dialog(closed : false, /* ：分号前面要有括号 */)$(#res).click(function()$(#form1).form(clear);) $(#saveBtn).click(function()var data = username : $(#username).val(),userage : $(#userage).val(),userpwd : $(#userpwd).val(),useraddress : $(#useraddress).val(),remark : $(#remark).val()$.post(./userservlet?m=add,data,function(flag)if(flag=true)$(#dg).datagrid(reload);$(#form1).form(clear); /* id选择器要有#号 */$(#dd).dialog(closed : true)$.messager.show(title:添加用户,msg:添加用户成功,timeout:3000,showType:slide);else$.messager.alert(添加书本,添加书本失败,error);) /* 又可能多一个电脑也不报错 */) /* 删除事件 */$(#btn_delete).click(function()if($(#dg).datagrid(getSelections).length=0)$.messager.alert(消息提示,亲，请选择要删除的用户,error);elsevar ids=;/定义一个数组var array = $(#dg).datagrid(getSelections);/获取选中的对象for(var i in array)ids.push(arrayi.userid);/便利将选中的ID放到ids中$.post(./userservlet?m=delete,ids : ids,function(flag)if(flag=true)$(#dg).datagrid(reload);$.messager.alert(消息提示,恭喜您删除成功,success);else$.messager.alert(消息提示,删除失败,error);)$(#btn_edit).click(function()if($(#dg).datagrid(getSelected)=null)$.messager.alert(消息提示,请选择修改的行,warning);else if($(#dg).datagrid(getSelections).length1)$.messager.alert(消息提示,请选择一行数据修改,warning);else$(#edit_dialog).dialog(closed : false, /* :两边都要有空格 */)$(#edit_res).click(function()$(#form2).form(clear); /* #号在form */)var date = /* 等号两边要有空格 */userid : $(#dg).datagrid(getSelected).userid$.post(./userservlet?m=queryUserById,date,function(user)if(user!=null)$(#form2).form(load,userid : user.userid,username : user.username,userage : user.userage,userpwd : user.userpwd,remark : user.remark,useraddress : user.useraddress),json)$(#edit_saveBtn).click(function()var date = /* 空格= */username : $(#edit_username).val(),userid : $(#edit_userid).val(),userage : $(#edit_userage).val(),userpwd : $(#edit_userpwd).val(),useraddress : $(#edit_useraddress).val(),remark : $(#edit_remark).val(),$.post(./userservlet?m=edit,date,function(flag)if(flag=true)$(#dg).datagrid(reload);$(#edit_dialog).dialog(closed:true)$(#form2).form(clear)$.messager.show(title:修改成功,msg:修改用户成功,timeout:3000,showType:slide)else$.messager.alert(修改用户,修改用户失败,error)增加 修改 删除 用户名称： 用户年龄： 用户密码： 用户地址： 用户备注：     用户名称： 用户年龄： 用户密码： 用户地址： 用户备注：    Userpackage vo;public class User private String userid;private String username;private int userage;private String userpwd;private String remark;private String useraddress;public User() super();/ TODO Auto-generated constructor stubJDBCutilpackage util;import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException;public class JDBCutil static Connection conn = null;public static final String Driver=com.mysql.jdbc.Driver;public static final String url=jdbc:mysql:/localhost:3306/lzc;public static final String user=root;public static final String password=123456;public JDBCutil()public static Connection getConnection() throws SQLException try Class.forName(Driver);conn=DriverManager.getConnection(url,user,password);System.out.println(conn);System.out.println(数据库连接成功); catch (ClassNotFoundException e) / TODO Auto-generated catch blocke.printStackTrace();return conn;public static void main(String args) try System.out.println(getConnection(); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace();/*public static void jdbcClose()if(conn!=null)try conn.close();System.out.println(关闭); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace();*/UserDaopackage Dao;import java.util.List;import vo.User;public interface UserDao List findAllUserInfo(int page,int rows);boolean addUserInfo(User user);boolean deleteUserInfo(int id);User queryUserByIdInfo(int id);boolean updateUser(User user);int getUserCountInfo();UserDaoImplpackage Dao;import java.sql.Connection;import java.sql.PreparedStatement;import java.sql.ResultSet;import java.sql.SQLException;import java.sql.Statement;import java.util.ArrayList;import java.util.List;import util.JDBCutil;import vo.User;public class UserDaoImpl implements UserDao static Connection conn = null; static PreparedStatement ps =null; static Statement s =null; static ResultSet rs =null;Overridepublic List findAllUserInfo(int page, int rows) / TODO Auto-generated method stubList lists = new ArrayList();String sql = select * from t_user where flag=0 limit +page+,+rows; /*不能有空格用+号连的参数，=”也没有空格*/try conn = JDBCutil.getConnection();s= conn.createStatement();rs= s.executeQuery(sql);while(rs.next()User user = new User();user.setUserid(rs.getInt(userid);user.setUsername(rs.getString(username);user.setUserage(rs.getInt(userage);user.setUseraddress(useraddress); /不谢rs.get输出的一样user.setRemark(rs.getString(remark);lists.add(user); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace();return lists; Overridepublic boolean addUserInfo(User user) / TODO Auto-generated method stubboolean flag= false;String sql = insert into t_user(username,userage,useraddress,remark,userpwd,flag)values(?,?,?,?,?,0);try conn= JDBCutil.getConnection();ps=conn.prepareStatement(sql);ps.setString(1, user.getUsername();ps.setInt(2, user.getUserage();ps.setString(3, user.getUseraddress();ps.setString(4, user.getRemark();ps.setString(5, user.getUserpwd();int count =ps.executeUpdate();if(count0)flag=true; catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace();return flag;Overridepublic boolean deleteUserInfo(int id) / TODO Auto-generated method stubboolean flag=false;String sql = update t_user set flag=1 where userid= +id;try conn=JDBCutil.getConnection();ps=conn.prepareStatement(sql);int count = ps.executeUpdate();if(count0)flag = true; catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace();return flag;Overridepublic User queryUserByIdInfo(int id) / TODO Auto-generated method stubUser user = new User();String sql = select * from t_user where userid=+id+ and flag=0; /*and前有空格*/try conn =JDBCutil.getConnection();s=conn.createStatement();rs=s.executeQuery(sql);while(rs.next()user.setUserid(rs.getInt(userid);user.setUsername(rs.getString(username);user.setUserage(rs.getInt(userage);user.setUseraddress(useraddress);user.setRemark(rs.getString(remark); catch (SQLException e) / TODO Auto-generated catch blo