ShopStore项目总结(二)

1.前台商品类型导航栏功能

采用异步读取数据（使用gson将集合转换json数据），并使用redis缓存技术实现

该功能需要启动redis-server.exe服务器。

关键技术：

(后台)

// 处理ajaxpublic void findAllCategory(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {// 转成json格式 list对应json格式[{"":""},{"":""},{"":""}] map// object对应json格式{"":"","":""}// 方式1 Gson// Gson gson = new Gson();// String json_list = gson.toJson(list);// System.out.println(json_list);// 方式2 Jsonlib// JsonArray JsonObject// 获取redis连接Jedis jedis = JedisPoolUtils.getJedis();// 获取json_list String json_list = jedis.get("json_list");System.out.println(json_list);if (json_list == null) {List<Category> list = cs.findAllCategories();json_list = JSONArray.fromObject(list).toString();// 缓存json_listjedis.set("json_list", json_list);// del删除// jedis.del("json_list");}response.getWriter().println(json_list);}

(前台)

<script type="text/javascript">$(function(){$.ajax({url:"${pageContext.request.contextPath}/category?method=getAllCategory",type:"post",dataType:"json",success:function(data){var str = "";$.each(data, function(i, n) {str += "<li><a href='${pageContext.request.contextPath}/product?method=getCategoryProduct&&cid="+n.cid+"'>"+ n.cname + "</a></li>";$("#ul").html(str);});},error:function(error){alert(status.status);}});});</script>

 

 

2.实现商品浏览记录

// 通过PID查找单商品public void findProductByPid(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {String pid = request.getParameter("pid");Product product = ps.findProductByPid(pid);request.setAttribute("product", product);// 浏览记录String pids = pid;Cookie[] cookies = request.getCookies();if (cookies != null) {for (Cookie cookie : cookies) {// 找到key为pids的cookieif (cookie.getName().equals("pids")) {// 如果有pids的cookie说明不是第一次点击商品详情了// 拼接pid们组成的pids字符串String[] pid_stirngs = cookie.getValue().split("!");// 将字符串数组转化为linkListList<String> list = Arrays.asList(pid_stirngs);LinkedList<String> linkedList = new LinkedList<String>(list);// 此次点击的产品的pid在不在linkedList内，如果不在，那么直接添加到首位，如果在，之前一样的再添加到首位if (linkedList.contains(pid)) {// 删除之前一样的linkedList.remove(pid);// 添加至首位linkedList.addFirst(pid);} else {// 添加至首位linkedList.addFirst(pid);}// 只保留5个if (linkedList.size() > 5) {linkedList.subList(5, linkedList.size()).clear();}// //将linkedlist转换为字符串数组// StringBuffer sbuffer = new StringBuffer();// for (String string : linkedList) {// sbuffer.append(string);// sbuffer.append("!");// }// //去掉最后的！// sbuffer.deleteCharAt(sbuffer.length() - 1);// //将新的字符串赋给pids// pids = sbuffer.toString();pids = StringUtils.join(linkedList, "!");}}}Cookie cookie = new Cookie("pids", pids);response.addCookie(cookie);request.getRequestDispatcher("/product_info.jsp").forward(request,response);} 

3.注册用户功能(实现电子邮箱激活)

 

public void register(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException,IllegalAccessException, InvocationTargetException {// 封装user对象Map<String, String[]> properties = request.getParameterMap();User user = new User(); // 自定义类型转换器// 参数1：类型转换器// 参数2：要转换至的类型ConvertUtils.register(new Converter() { @Override// 参数一：要转换成的类型// 参数二：要转换的对象public Object convert(Class arg0, Object arg1) {// TODO Auto-generated method stub// 将字符串转dataSystem.out.println(arg0);SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");try {return sdf.parse(arg1.toString());} catch (ParseException e) {// TODO Auto-generated catch blocke.printStackTrace();}return null;}}, Date.class);// 封装属性BeanUtils.populate(user, properties);// 校验验证码if (request.getParameter("code").equals(request.getSession().getAttribute("sRand"))) {boolean result = us.addUser(user);// code与uid一致 方便验证String emailMsg = "恭喜您注册成功，请点击下面的连接进行激活账户"+ "<a href='http://localhost:8081/ShopStore/user?method=validate&&activeCode="+ user.getCode() + "'>"+ "http://localhost:8081/ShopStore/login.jsp</a>"; if (result) {try {MailUtils.sendMail(user.getEmail(), emailMsg);response.sendRedirect("/ShopStore/registerSuccess.jsp");} catch (Exception e) {// 发送失败response.sendRedirect("/ShopStore/registerFail.jsp");}} else {response.getWriter().println("<script>confirm('注册失败');location.href='/ShopStore/register.jsp';</script>");}}else{response.setContentType("text/html;charset=UTF-8");response.getWriter().println("<script>alert('succes哈哈哈');location.href='/ShopStore/register.jsp';</script>");}}

 

// 激活

public void validate(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException,IllegalAccessException, InvocationTargetException {String activeCode = request.getParameter("activeCode");// 激活码与uid一致us.updateState(activeCode);response.sendRedirect("/ShopStore/login.jsp");}

 

4.自动登录功能

 

//登录public void login(HttpServletRequest request,HttpServletResponse response) throws IOException, IllegalAccessException, InvocationTargetException, ServletException{Map<String,String[]> map = request.getParameterMap();User user = new User();BeanUtils.populate(user,map);if (map.get("autoLogin")!=null){Cookie username = new Cookie("username", map.get("username")[0]);username.setMaxAge(60*60);Cookie password = new Cookie("password", map.get("password")[0]);password.setMaxAge(60*60);response.addCookie(username);response.addCookie(password);}user = us.login(user);if (user != null){request.getSession().setAttribute("user", user);response.sendRedirect("/ShopStore/default.jsp");}else{request.setAttribute("message", "用户或密码错误！");request.getRequestDispatcher("/login.jsp").forward(request, response);}}//登出public void logout(HttpServletRequest request,HttpServletResponse response) throws IOException, IllegalAccessException, InvocationTargetException, ServletException{Cookie[] cookies = request.getCookies();if (cookies != null){for (Cookie cookie : cookies) {if (cookie.getName().equals("username") || cookie.getName().equals("password")){//删除cookiecookie.setMaxAge(0);response.addCookie(cookie);//必须，否则实现不了}}}request.getSession().removeAttribute("user");response.sendRedirect("/ShopStore/");}}//自动登录采用cookie的方式，并且设有有效时间。 

5.前台修改购物车商品的数量

 

public void updateItemAjax(HttpServletRequest request, HttpServletResponse response)throws IOException {Cart cart = (Cart) request.getSession().getAttribute("cart");Map<String, CartItem> map = cart.getCartItems();String pid = request.getParameter("pid");int quantity = Integer.parseInt(request.getParameter("quantity"));CartItem ci = map.get(pid);// 移除ci的subTotalcart.setTotal(cart.getTotal() - ci.getSubTotal());ci.setBuyNum(quantity);ci.setSubTotal(ci.getBuyNum() * ci.getProduct().getShop_price());// 加上ci的subTotalcart.setTotal(cart.getTotal() + ci.getSubTotal());String jsonStr = "{'subTotal':"+ci.getSubTotal()+",'total':"+cart.getTotal()+"}";System.out.println(jsonStr);response.getWriter().println(jsonStr);}

前台代码：

<script type="text/javascript">function deleteItem(pid){location.href = "${pageContext.request.contextPath}/product?method=deleteItem&&pid="+pid;}function updateItem(pid){var quantity = document.getElementById("quantity").value;location.href = "${pageContext.request.contextPath}/product?method=updateItem&&pid="+pid+"&&quantity="+quantity;}function update(pid){var quantity = $("#"+pid+"quantity").val();if (quantity == ""){$("#"+pid+"quantity").val(1);quantity = 1;}$.ajax({url: "${pageContext.request.contextPath}/product?method=updateItemAjax",data:{"pid":pid,"quantity":quantity},type:"post",dataType:"json",success:function(data){$("#"+pid).text("￥"+data.subTotal);$("#total").text("￥"+data.total+"元");},error:function(e){alert(e.status);}});}</script>

注意：

当存在多个商品时，需要区分商品对应的pid

<td width="10%"><input type="text" name="quantity"value="${carItem.buyNum}" maxlength="4" id="${carItem.product.pid}quantity" size="10" oninput="update(${carItem.product.pid})"></td><td width="15%"><span class="subtotal" id="${carItem.product.pid}">￥${carItem.subTotal}</span></td>

//修改数量的同时自动修改总计价钱