基于Jsp和MySQL的网上宠物商城系统

1 系统简介

1.1 系统开发介绍

随着人们日常生活的丰富多彩，人们对新事物的不断追求，使得各种各样的个性宠物不断出现。宠物市场上还出现了，例如蜥蜴、变色龙、蛇、蜘蛛、蜈蚣、老鼠等与我们日常生活中或惯常思维所理解的宠物不一样的“另类宠物”，不断满足着人们喂宠物的需要。当然，随着这一发展驱趋势，提供给人们各个种类宠物的宠物店则如雨后春笋般涌现。

本宠物店网上商城系统为顾客和卖家提供了一个电子商务交易平台，普通用户购买下单，管理员可进行后台管理。

宠物店网上商城在设计过程中利用JavaWeb技术，数据库技术运行需求、价格等发布与收集，方便宠物店销售管理，增进顾客关系，改善顾客服务，开拓销售渠道等，最终方便管理以及扩大销售。

1.2 系统具体功能

本系统用户分为普通用户和管理员两类，下面是具体功能需求：

普通用户
登录、注册功能
浏览宠物功能
搜索宠物功能
添加宠物到购物车
购买功能（在商品详情页单独购买或在购物车批量购买，购买后自动生成相应订单）
查看订单状态（可以查看物流信息）
付款功能（线上支付）
确认收货功能
评价已购买商品功能（确认收货后方可评价）
管理员
登陆功能
添加、查看、修改、删除用户信息功能
添加、查看、修改、删除商品信息功能
确认、查看、修改、删除、添加订单
发货功能（发布已发货信息）

2 功能描述和模块设计

2.1 功能描述

2.1.1 用户部分

用户可以注册一个账号，填写自己相关的信息，然后进入登录页面，进行登录，在主页可以浏览并选择自己喜欢的商品，也可以通过具体分区浏览宠物或宠物用品，还可以在导航栏搜索自己心仪的商品。在选择好自己想要的商品时，可以进入商品详情页浏览商品的具体情况，通过下方的加入购物车按钮加入购物车，在购物车勾选自己想要的宠物或商品后，可以购买，等商品收到之后可以点击确认收货按钮进行收货确认。

2.1.2 管理员部分

管理员可以管理用户信息，修改或删除用户信息，维护商品或宠物信息，并进行订单的管理和发货的确认。

2.2 模块设计

3 主要代码清单

3.1 主界面

主要代码

Controller：取得所有宠物和商品信息。

java @RequestMapping(value = "/getAllCommodity") @ResponseBody public Map<String,Object> getAllCommodity(){ List commodityList=commodityService.getAllCommodity(); //alibaba fastjson把jsonArray转成string String all= JSONArray.toJSONString(commodityList); Map<String,Object> resultMap=new HashMap<String ,Object>(); resultMap.put("all",all); return resultMap; }

Service：从数据库获取所有宠物和用品的信息并被controller调用。

java @Override public List getAllCommodity() { List allCommodity=new ArrayList(); List petList=petService.getAllPets(); List productList=productService.getAllProduct(); allCommodity.add(petList); allCommodity.add(productList); return allCommodity; }

3.2 登录界面

主要代码

java @RequestMapping(value = "/doLogin",method= RequestMethod.POST) @ResponseBody public Map<String,Object> doLogin(String email, String password, HttpSession httpSession) { System.out.println("我接收到了登录请求" + email + " " + password); String result = "fail"; User user = userService.getUserByEmail(email); if (user == null) result = "unexist"; else { if (user.getPassword().equals(password)) { result = "success"; httpSession.setAttribute("currentUser", user); } else result = "wrong"; } Map<String, Object> resultMap = new HashMap<String, Object >(); // System.out.println("result from controller:"+result); resultMap.put("result", result); return resultMap; }

3.3 注册界面

主要代码

java User user=userService.getUserByEmail(email); if(user!=null) result="emailExist"; else{ User u=new User(); u.setName(name); u.setEmail(email); u.setPassword(password); u.setPhone(phone); u.setRole(0); u.setSex(gender); Date date=new Date(); SimpleDateFormat sf=new SimpleDateFormat("yyyy-MM-dd"); u.setCreateTime(sf.format(date)); userService.addUser(u); result="success"; }

3.4 搜索界面

主要代码

在petMapper里定义的方法：

java List<Pet> selectByKeyWord(String keyword);

对应的mapper.xml定义响应的模糊查询语句：

xml <select id="selectByKeyWord" parameterType="java.lang.String" resultMap="BaseResultMap"> select <include refid="Base_Column_List" /> from pet <where> <if test="_parameter != null"> AND key_word LIKE concat(concat('%',#{key_word}),'%') </if> </where> </select>

在service里调用以上方法：

java @Override public List<Pet> getPetsByKeyWord(String searchKeyWord) { return petMapper.selectByKeyWord(searchKeyWord); }

3.5 宠物详情页

主要代码

Controller拦截getPetDetail路径，并设置当前商品的信息到session：

java @RequestMapping(value = "/getPetDetail") @ResponseBody public Map<String,Object> getPetDetail(Integer id,HttpSession httpSession){ System.out.println("拦截到petDetail请求 id:"+id); Map<String,Object> resultMap=new HashMap<String, Object>(); Pet pet =petService.getPet(id); petService.updatePet(pet); System.out.println("pet:"+pet.getName()); httpSession.setAttribute("currentCommodity",pet); resultMap.put("result","success"); return resultMap; }

Service在数据库查找相应数据：

java @Override public Pet getPet(int id) { return petMapper.selectByPrimaryKey(id); }

3.6 宠物展示页

主要代码

service：

java @Override public List<Pet> getAllPets() { PetExample pe=new PetExample(); PetExample.Criteria pec=pe.createCriteria(); pec.andIdIsNotNull(); pec.andNameIsNotNull(); pe.setOrderByClause("id asc"); return petMapper.selectByExample(pe); }

controller：

java @RequestMapping(value = "/getAllPets") @ResponseBody public Map<String,Object> getAllPets(){ List pet_list=petService.getAllPets(); String all_pet=JSONArray.toJSONString(pet_list); Map<String,Object> resultMap=new HashMap<String ,Object>(); resultMap.put("all_pet",all_pet); return resultMap; }

3.7 购物车页

主要代码

```java @Override public ShoppingCar getShoppingCar(int userId, int productId) { ShoppingCarKey key=new ShoppingCarKey(); key.setUserId(userId); key.setProductId(productId); return shoppingCarMapper.selectByPrimaryKey(key); } @Override public void addShoppingCar(ShoppingCar shoppingCar) { shoppingCarMapper.insertSelective(shoppingCar); }

@Override public boolean deleteShoppingCar(int userId, int productId) { ShoppingCarKey key=new ShoppingCarKey(); key.setUserId(userId); key.setProductId(productId); return shoppingCarMapper.deleteByPrimaryKey(key)>0; } @Override public boolean updateShoppingCar(ShoppingCar shoppingCar) { return shoppingCarMapper.updateByPrimaryKey(shoppingCar)>0; }

@Override public List getShoppingCars(int userId) { ShoppingCarExample example=new ShoppingCarExample(); ShoppingCarExample.Criteria scec=example.createCriteria(); scec.andUserIdIsNotNull(); return shoppingCarMapper.selectByExample(example); } ```

3.8 订单页

主要代码

java @Override public ShoppingRecord getShoppingRecord(int userId, int Id, String time) { ShoppingRecordKey key=new ShoppingRecordKey(); key.setUserId(userId); key.setProductId(Id); key.setTime(time); return shoppingRecordMapper.selectByPrimaryKey(key); }

3.9 404页

3.10 管理员管理订单页

主要代码

```java @Override public void addShoppingRecord(ShoppingRecord shoppingRecord) { shoppingRecordMapper.insert(shoppingRecord); }

@Override public boolean deleteShoppingRecord(int userId, int Id) { ShoppingRecordKey key=new ShoppingRecordKey(); key.setUserId(userId); key.setProductId(Id); return shoppingRecordMapper.deleteByPrimaryKey(key)>0; } @Override public List getAllShoppingRecords() { ShoppingRecordExample example=new ShoppingRecordExample(); ShoppingRecordExample.Criteria srec=example.createCriteria(); srec.andUserIdIsNotNull(); return shoppingRecordMapper.selectByExample(example); } @Override public List getShoppingRecordsByOrderStatus(int orderStatus) { ShoppingRecordExample example=new ShoppingRecordExample(); ShoppingRecordExample.Criteria srec=example.createCriteria(); srec.andOrderStatusIsNotNull(); srec.andOrderStatusEqualTo(orderStatus); example.setOrderByClause("orderStatus asc"); return shoppingRecordMapper.selectByExample(example); }
```

3.11 管理员管理用户页

主要代码

```java @RequestMapping(value = "/updateUser") @ResponseBody public Map updateUser(int id,String name,String sex,String email,String phone,String password,int role){ // 姓名性别地址电话密码角色 User user=userService.getUser(id); user.setName(name); user.setSex(sex); user.setEmail(email); user.setPhone(phone); user.setPassword(password); user.setRole(role); userService.updateUser(user); Map resultMap=new HashMap (); resultMap.put("result","success"); return resultMap; }

@RequestMapping(value = "/deleteUser")
@ResponseBody
public Map<String,Object> deleteUser(int id){
    userService.deleteUser(id);
    Map<String,Object> resultMap=new HashMap<String ,Object>();
    resultMap.put("result","success");
    return resultMap;
}

```

3.12 管理员管理商品页

主要代码

```java @Override public void addCommodity(int id, int type) { Commodity c=new Commodity(); c.setId(id); c.setType(type); commodityMapper.insert(c); }

@Override public boolean deleteCommodity(int id) { return commodityMapper.deleteByPrimaryKey(id)>0; }

@Override public boolean updateCommodity(int id, int type) { Commodity c=new Commodity(); c.setId(id); c.setType(type); return commodityMapper.updateByPrimaryKey(c)>0; } ```

3.13 帮助界面

主要代码

java @RequestMapping(value = "/contact") public String contact(){ System.out.println("拦截到contact请求"); return "contact"; }

3.14 修改个人信息界面

主要代码

```java @Override public void addUser(User user) { userMapper.insertSelective(user); }

@Override public boolean deleteUser(int id) { return userMapper.deleteByPrimaryKey(id)>0; }

@Override public boolean updateUser(User user) { return userMapper.updateByPrimaryKeySelective(user)>0; }

@Override public List getAllUser() { UserExample example=new UserExample(); UserExample.Criteria criteria=example.createCriteria(); criteria.andIdIsNotNull(); example.setOrderByClause("id asc"); List list=userMapper.selectByExample(example); return list; } ```

3.15 用户确认订单页

主要代码

java public List<ShoppingRecord> getShoppingRecordsByOrderStatus(int orderStatus) { ShoppingRecordExample example=new ShoppingRecordExample(); ShoppingRecordExample.Criteria srec=example.createCriteria(); srec.andOrderStatusIsNotNull(); srec.andOrderStatusEqualTo(orderStatus); example.setOrderByClause("orderStatus asc"); return shoppingRecordMapper.selectByExample(example); }

4 系统运行与测试

4.1 用户浏览购买商品流程

用户登录

选择风来克磨牙咬胶加入购物车

加入购物车成功

购物车显示添加成功的商品

勾选并结算，跳转到订单页面

订单页面显示商品未发货

4.2 管理员处理订单流程

管理员登录

显示管理员菜单

管理员进入发货管理界面

管理员进行发货处理，商品属性变成已发货

4.3 管理员管理用户流程

进入用户数据库页

修改用户属性

修改成功

点击删除按钮，删除用户，显示删除like用户成功

5 总结

通过这次实训，我掌握了基本Spring+SpringMVC+MyBatis框架的运用，并学会了使用Maven工具管理我的项目，还使用当前流行的SemanticUI制作我的页面，使用GitHub管理我项目的版本和介绍，并熟悉了MVC的设计流程。虽然现在看上去这个系统还有很多功能没有完善，但是在项目初期的确遇到了很多的困难，就光是spring的配置文件都让我配了好几天，还有各种系统的bug，前后端传输数据时的问题，还好现在都让我一一解决了。

在这次做这个系统的过程中，我逐渐掌握了设计一个系统的方法，很多东西并不是像它看上去那么简单，数据库也并不只是一个简简单单的存储数据的工具，要把数据合理有效的存取并遵守一定的规范是个很复杂又很精细的问题，它涉及到整个系统的流程运作和数据定义，使用等方面的东西，一旦设计错，后面再改就是个很麻烦的事情了。