android头像增删改查,纳税服务系统一【简单增删改查、日期组件、上传和修改头像】...

tags: 纳税服务系统项目

前言

为了更好地掌握SSH的用法，使用一个纳税服务系统来练手.....搭建SSH框架环境在上一篇已经详细地说明了。http://blog.csdn.net/hon_3y/article/details/72630031

用户模块:本文主要的知识点:

简单的CRUD

使用日期组件让用户挑选日期

上传和修改头像

用户模块需求

拥有增删改查和导入导出到EXCEL的功能：

添加用户：有了这个界面，我们就知道实体表的属性有什么了。

添加配置文件

每个模块都应该有自己的配置文件，这样的话就方便我们管理模块之间的功能，不用把所有的配置都写在总文件中。

因此，我们在user模块创建了一个user包，下面又创建了config包来管理配置文件

JavaBean与映射文件

JavaBean

根据上面需求要添加用户的属性，直接写就行了。

public class User implements Serializable {

private String id;

private String dept;

private String account;

private String name;

private String password;

private String headImg;

private boolean gender;

private String state;

private String mobile;

private String email;

private Date birthday;

private String memo;

public static String USER_STATE_VALID = "1";//有效，

public static String USER_STATE_INVALID = "0";//无效

public User() {

}

public User(String id, String dept, String account, String name, String password, String headImg, boolean gender, String state, String mobile, String email, Date birthday, String memo) {

this.id = id;

this.dept = dept;

this.account = account;

this.name = name;

this.password = password;

this.headImg = headImg;

this.gender = gender;

this.state = state;

this.mobile = mobile;

this.email = email;

this.birthday = birthday;

this.memo = memo;

}

//各种setter和getter

}

User.hbm.xml

映射文件也非常简单，因为没有关联关系字段，直接写属性就行了。

/p>

"http://hibernate.sourceforge.net/hibernate-mapping-3.0.dtd">

写完映射文件，记得要在Spring的总配置文件中读取映射文件...值得注意的是，用户模块专门用一个user包来管理下面的代码，这样好管理！

编写Dao

UserDao接口

/**

* UserDao接口，继承着UserDao

* */

public interface UserDao extends BaseDao {

}

UserDaoImpl实现类

把UserDaoImple对象添加到IOC容器中管理

注意：因为我们在BaseDao中使用的是HibernateDaoSupport这个API，因此我们在UserDao中是需要在XML配置，注入SessionFactory的。

在总配置文件中是有专门注入SessionFactory的bean配置的

/**

* 继承着BaseDaoImpl实现类，就有了CRUD的方法

* 又实现了UserDao接口，那么UserDao接口就可以对User模块有相对应的补充

*

* */

public class UserDaoImpl extends BaseDaoImpl implements UserDao {

}

把user模块的spring配置文件添加到总配置文件中

编写Service

Service接口

/**

* Created by ozc on 2017/5/23.

*/

public interface UserService {

//新增

public void save(User user);

//更新

public void update(User user);

//根据id删除O

public void delete(Serializable id);

//根据id查找

public User findObjectById(Serializable id);

//查找列表

public List findObjects();

}

UserServiceImpl

package zhongfucheng.user.service.impl;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.beans.factory.annotation.Qualifier;

import org.springframework.stereotype.Service;

import zhongfucheng.user.dao.UserDao;

import zhongfucheng.user.entity.User;

import zhongfucheng.user.service.UserService;

import java.io.Serializable;

import java.util.List;

/**

* Created by ozc on 2017/5/23.

*/

@Service

public class UserServiceImpl implements UserService {

@Qualifier("userDaoImpl")

@Autowired

private UserDao userDaoImpl;

@Override

public void save(User user) {

userDaoImpl.save(user);

}

@Override

public void update(User user) {

userDaoImpl.update(user);

}

@Override

public void delete(Serializable id) {

userDaoImpl.delete(id);

}

@Override

public User findObjectById(Serializable id) {

return userDaoImpl.findObjectById(id);

}

@Override

public List findObjects() {

return userDaoImpl.findObjects();

}

}

UserAction

UserAction应该根据增删改查应该有这么几个方法：

/**

* 1.提供新增页面

* 2.确定新增用户方法

* 3.提供修改页面

* 4.确定修改用户方法

* 5.删除用户

* 6.批量删除用户

* 7.提供列表展示页面

*

* */

package zhongfucheng.user.action;

import com.opensymphony.xwork2.ActionSupport;

/**

* Created by ozc on 2017/5/23.

*/

/**

* 1.提供新增页面

* 2.确定新增用户方法

* 3.提供修改页面

* 4.确定修改用户方法

* 5.删除用户

* 6.批量删除用户

* 7.提供列表展示页面

*

*

* */

public class UserAction extends ActionSupport {

public String listUI() {

return null;

}

public String addUI() {

return null;

}

public String editUI() {

return null;

}

public String edit() {

return null;

}

public String delete() {

return null;

}

public String add() {

return null;

}

public String deleteSelect() {

return null;

}

}

在Struts配置文件中配置

/p>

"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"

"http://struts.apache.org/dtds/struts-2.0.dtd">

添加user模块的Struts配置文件到总配置文件中

完成美工设计页面显示

对美工给的页面进行调整

导入到项目中：

我们发现在JSP页面中，以下的代码是经常会出现的，因此我们把它封装一下：

创建一个公共文件，封装经常用到的jsp页面：

要使用的地方，直接导入就行了:

用户管理

接下来只要对各个功能进行填充逻辑代码，就可以了。

添加用户UI

public String addUI() {

return "addUI";

}

效果如图所示：我们的头像和角色先不做，把其他的先做了再看看。

确定添加用户

写上我们请求的路径:

/*************注入Service************************/

@Qualifier("userServiceImpl")

@Autowired

private UserService userServiceImpl;

/************数据自动封装，给出setter和getter*************************/

private User user;

public User getUser() {

return user;

}

public void setUser(User user) {

this.user = user;

}

/************得到Service返回的数据*************************/

private List userList;

public String add() {

userServiceImpl.save(user);

//跳转到列表显示页面

return "list";

}

配置跳转到列表显示页面的result【Action重定向的方式，防止刷新再次请求】

user_listUI

效果：下面的列表展示还没有做呢，但是添加用户的效果已经做出来了。

列表展示

/************得到Service返回的数据*************************/

//这里一定要给setter和getter方法，这样JSP才能够得到属性。不然就得不到了！！！我在这里弄了很久！！！！

private List userList;

public List getUserList() {

return userList;

}

public void setUserList(List userList) {

this.userList = userList;

}

public String listUI() {

userList = userServiceImpl.findObjects();

return "listUI";

}

JSP通过iterator得到数据，直接写就行了。因为Action中该属性有getter方法：

"/>

)">编辑

)">删除

修改功能

public String editUI() {

//外边已经传了id过来了，我们要找到id对应的User

if (user.getId() != null && user != null) {

//直接获取出来，后面JSP会根据User有getter就能读取对应的信息！

user = userServiceImpl.findObjectById(this.user.getId());

}

return "editUI";

}

JSP修改用户的界面是不用显示id的，但是我们在修改用户的时候，是根据id来修改的。因此我们加入一个隐藏域

指定处理的路径：action="${basePath}user/user_edit.action"

修改的方法：public String edit() {

//Struts2会自动把JSP带过来的数据封装到User对象上

if (user.getId() != null && user != null) {

userServiceImpl.update(user);

}

//跳转回列表展示

return "list";

}

效果：

删除功能

delete方法就非常简单了：

function doDelete(id) {

document.forms[0].action = "${basePath}user/user_delete.action?user.id="+id;

document.forms[0].submit();

}

public String delete() {

if (user.getId() != null && user != null) {

userServiceImpl.delete(user.getId());

}

return "list";

}

批量删除

响应点击事件：

function doDeleteAll() {

document.forms[0].action = "${basePath}user/user_deleteSelect.action";

document.forms[0].submit();

}

Action使用一个String[]接收复选框来过来的数据

private String[] selectedRow;

public String[] getSelectedRow() {

return selectedRow;

}

public void setSelectedRow(String[] selectedRow) {

this.selectedRow = selectedRow;

}

public String deleteSelect() {

for (String s : selectedRow) {

userServiceImpl.delete(s);

}

return "list";

}

效果：

前面我们在写用户模块的时候还有一些没有解决掉的问题：

日期组件

我们都知道Struts2仅仅只会自动封装yyyy-MM-dd格式的日期数据，如果不是这个格式，它就会报错。我们也可以自定义类型转换器来让Struts2匹配多种的日期格式。自定义类型转换器我们已经会了。

我们来用用wdatepicker日期组件，这个组件从源头上就把日期格式定义成yyyy-MM-dd格式了。

导入文件夹到js目录

引入日期组件

添加用户界面和编辑用户界面都要引入：

在日期上使用

生日：

编辑页面

当使用了日期控件的时候，如果不指定格式，回显日期的格式是有点乱的：

因此，我们在指定回显的日期格式：

生日：

οnfοcus="WdatePicker({'skin':'whyGreen','dateFmt':'yyyy-MM-dd'})">

新增上传头像

Action处理

Action给出对应的属性值，和setter()方法

/*************上传头像************************/

private File headImg;

private String headImgFileName;

private String headImgContentType;

public void setHeadImg(File headImg) {

this.headImg = headImg;

}

public void setHeadImgFileName(String headImgFileName) {

this.headImgFileName = headImgFileName;

}

public void setHeadImgContentType(String headImgContentType) {

this.headImgContentType = headImgContentType;

}

Action业务方法

public String add() throws IOException {

if (user != null) {

//判断用户有没有传入头像

if (headImg != null) {

//得到要把头像上传到服务器的路径

javax.servlet.ServletContext servletContext = ServletActionContext.getServletContext();

String realPath = servletContext.getRealPath("upload/user");

//由于用户上传的名字可能会相同，如果相同就被覆盖掉，因此我们要修改上传文件的名字【独一无二】

headImgFileName = UUID.randomUUID().toString() + headImgFileName.substring(headImgFileName.lastIndexOf("."));

FileUtils.copyFile(headImg, new File(realPath, headImgFileName));

}

//设置图片与用户的关系

user.setHeadImg(headImgFileName);

userServiceImpl.save(user);

//跳转到列表显示页面

return "list";

}

return null;

}

效果：

修改上传头像

editUI

在编辑显示的时候，需要判断该用户是否有没有上传图片，有的话才显示。不然就会出现一张无法显示的图片。

" width="100" height="100"/>

Action处理

用户修改时，Action的处理和新增是一样的。也是判断JSP页面有没有把图片带过来，如果有，修改就行了。

public String edit() throws IOException {

//Struts2会自动把JSP带过来的数据封装到User对象上

if (user.getId() != null && user != null) {

if (headImg != null) {

//得到要把头像上传到服务器的路径

javax.servlet.ServletContext servletContext = ServletActionContext.getServletContext();

String realPath = servletContext.getRealPath("upload/user");

//由于用户上传的名字可能会相同，如果相同就被覆盖掉，因此我们要修改上传文件的名字【独一无二】

headImgFileName = UUID.randomUUID().toString() + headImgFileName.substring(headImgFileName.lastIndexOf("."));

FileUtils.copyFile(headImg, new File(realPath, headImgFileName));

//设置图片与用户的关系

user.setHeadImg(headImgFileName);

}

userServiceImpl.update(user);

}

return "list";

}

效果：

总结

这一篇几乎都是我们经常用的知识点，只是CRUD而已了。

如果在JSP某些代码有很多地方都能使用的话，那么我们可以把它抽取出来。

使用FileUpload工具类将文件上传到指定的位置上

在Web程序中，页面上很多的效果都是可以用JS组件来干的。比如我们这次的日期组件，不仅仅在页面上可以有很好的效果，还能够从根本上限定用户不能随意输入数据。如果文章有错的地方欢迎指正，大家互相交流。