我的练习项目: 模拟淘宝搜索商品、添加商品到购物车功能、修改商品信息功能
2017-04-08 10:42
507 查看
需求:用户浏览商品,不需要登陆。点击添加到购物车时,引导用户登陆。点击修改时候,修改商品信息。
需求详细:
a:如果是普通的查询-列出数据库数据-显示
b:如果是点击添加库存-检测到没有登陆-跳转到登陆页面-登陆后-列出之前搜索的商品信息-再次点击添加到库存-添加到数据库
c:当用户点击修改商品时候直接修改商品
环 境: springmvc+mybatis框架, Tomcat7.0.5,jdk1.7,myeclipse8.5,
知识点:MySql、session、Jquery、Ajax、mapper映射、乱码、参数绑定、异常处理、上传图片、Json交互、拦截器的应用等。
实现流程:
a:用户登陆首页,输入搜索信息并提交。在跳转到商品查询对应的ItemsController的queryItems方法之前,LoginInterceptor拦截器会进行拦截,检查到访问的是公有网址,然后放行。
b:此时进入ItemsController控制器中,它调用业务层的查询方法,(业务层调用dao层的查询方法)查询数据库中商品信息数据并设置到model中,然后视图jsp采用JSTL的标签技术进行model的解析和显示。
c:用户点击添加到库存按钮时,拦截器拦截并存储点击的id到session中,并跳转到登陆界面。用户登陆后,拦截器存储其username到session中。然后跳转到查询控制器,查询控制器根据id查询相关商品信息并返回响应信息。此时需要用户再次点击“添加到库存”按钮,采用Ajax通信,发送JSON串到响应controller中,然后解析并存储到数据库中。添加成功后,Ajax调用响应函数弹出添加成功对话框。
d:当用户点击修改商品时候,调到指定页面,修改完毕,提交时存储数据到数据库中。
关键点:
1 数据库定义4张表:用户表、商品表、订单表、订单明细表
2 编写登陆拦截器。放行对公有网址访问,拦截对添加商品、用户登陆请求访问。拦截前会记录用户搜索商品的id和用户名和密码到session中。
3 登陆成功后采用Ajax通信将数据通过JSON方式传递到后台进行数据库存储。
4 dao层、service层、controller层,都采用注解方式初始化变量。
5 同样一个 添加到库存到按钮,未登陆时候,执行登陆拦截。已经登陆状态,执行Ajax通信。这里采用JSTL方式判断Model域中是否有用户名的方式。
6所有数据比如商品名称和日期等都是从数据库取出的。
练习项目的成果截图(项目虽小,五脏俱全)
首页:
搜索笔记本信息
注册界面
查询订单页面:
需求详细:
a:如果是普通的查询-列出数据库数据-显示
b:如果是点击添加库存-检测到没有登陆-跳转到登陆页面-登陆后-列出之前搜索的商品信息-再次点击添加到库存-添加到数据库
c:当用户点击修改商品时候直接修改商品
环 境: springmvc+mybatis框架, Tomcat7.0.5,jdk1.7,myeclipse8.5,
知识点:MySql、session、Jquery、Ajax、mapper映射、乱码、参数绑定、异常处理、上传图片、Json交互、拦截器的应用等。
实现流程:
a:用户登陆首页,输入搜索信息并提交。在跳转到商品查询对应的ItemsController的queryItems方法之前,LoginInterceptor拦截器会进行拦截,检查到访问的是公有网址,然后放行。
b:此时进入ItemsController控制器中,它调用业务层的查询方法,(业务层调用dao层的查询方法)查询数据库中商品信息数据并设置到model中,然后视图jsp采用JSTL的标签技术进行model的解析和显示。
c:用户点击添加到库存按钮时,拦截器拦截并存储点击的id到session中,并跳转到登陆界面。用户登陆后,拦截器存储其username到session中。然后跳转到查询控制器,查询控制器根据id查询相关商品信息并返回响应信息。此时需要用户再次点击“添加到库存”按钮,采用Ajax通信,发送JSON串到响应controller中,然后解析并存储到数据库中。添加成功后,Ajax调用响应函数弹出添加成功对话框。
d:当用户点击修改商品时候,调到指定页面,修改完毕,提交时存储数据到数据库中。
关键点:
1 数据库定义4张表:用户表、商品表、订单表、订单明细表
2 编写登陆拦截器。放行对公有网址访问,拦截对添加商品、用户登陆请求访问。拦截前会记录用户搜索商品的id和用户名和密码到session中。
3 登陆成功后采用Ajax通信将数据通过JSON方式传递到后台进行数据库存储。
4 dao层、service层、controller层,都采用注解方式初始化变量。
5 同样一个 添加到库存到按钮,未登陆时候,执行登陆拦截。已经登陆状态,执行Ajax通信。这里采用JSTL方式判断Model域中是否有用户名的方式。
6所有数据比如商品名称和日期等都是从数据库取出的。
练习项目的成果截图(项目虽小,五脏俱全)
首页:
搜索笔记本信息
注册界面
查询订单页面:
相关文章推荐
- Python---购物车更新程序 商品信息存在文件当中,用户购买记录要打印已购商品,余额。卖家可以添加商品,修改价格。
- 初学者 模拟购物车(包含添加商品和删除商品功能)
- 饿了么项目---11、添加商品到购物车的联动功能(1)
- ecshop二次开发 购物时为每件商品添加备注信息的修改方法
- 框架 day51 BOS项目练习(定区添加及查询,Hessian入门,基于hessian实现定区关联客户功能)
- 【SSH网上商城项目实战12】添加和更新商品功能的实现
- 【SSH网上商城项目实战12】添加和更新商品功能的实现
- 实现新闻信息的修改和添加功能
- 百度地图:普通覆盖物,以及多边形覆盖物,及他们的描述信息的添加,修改,删除,查看功能,还有多边形根据名称查询功能;
- BOS项目练习3(修复window控件BUG,添加/修改/作废取派员,datagrid使用,分页查询(DetachedCriteria离线),formatter函数)
- 用jsp实现一个简单的购物车web应用系统。实现的添加购物商品,删除购物商品并且显示购物车信息。
- 【SSH网上商城项目实战09】添加和更新商品类别功能的实现
- 编写一个简易购物车,实现向购物车内添加商品,移除指定商品及清空购物车功能。
- 【SSH网上商城项目实战09】添加和更新商品类别功能的实现
- BOS项目练习(定区添加及查询,Hessian入门,基于hessian实现定区关联客户功能)
- 在昨天作业的基础上添加 :删除按钮,修改并保存按钮 和 添加按钮。完成这些按钮所对应的功能/新建页面DataXML,使用GridView显示book.xm中的图书信息
- 【SSH网上商城项目实战12】添加和更新商品功能的实现
- 实现新闻信息的修改和添加功能
- 用C语言模拟实现一个通讯录,要求实现其添加、删除、修改、查找、显示和排序联系人信息的功能
- 【SSH网上商城项目实战09】添加和更新商品类别功能的实现