淘淘商城项目day02
第二天我们要写些什么呢?我们要做一个商品列表查询和后台商品的添加功能,以下是过程:
1.商品列表查询
1.1.首页展示
做列表查询前需要先将首页展示做出来,所以先将写好的jsp文件都放入到WEB-INF/jsp下,js和css文件放在webapp下;但是
会发现还是访问不到js和css文件,还需要在springmvc下配置静态资源映射,如下:
新建一个controller,请求的url为'/',返回逻辑视图
这样首页展示功能就ok了
1.3.首页下的每个按钮应该都对应一个jsp页面,在easyui里面已经写好了跳转路径,并且传递了jsp的文件名,所以我们只需要在
pageController中添加一个方法showPage就好了
写完后再启动,会发现已经可以成功跳转了!
1.2 分页功能
1.2.1分页功能我们使用mybatis的pageHelper插件,所以需要先导jar包,之前我们已经在maven中加好了
1.2.2需要在applicationContext-dao中配置pageHelper插件,如下,注意,因为我们用的是pageHelper5.0.2版本,跟视频中的
3.4.2fix版本有很大差别,5.0.2版本需按此配置,否则会报错
1.2.3各层代码
请求的url
该功能请求是一个ajax请求,请求的参数:http://localhost:8080/item/list?page=1&rows=30,点击商品列表,返回查询结果,返回的是json格式数据,我们用一个po类来将数据封装,因为该po类还可能被其他模块用到,所以我们将此po类放在common模块下
dao层:参数为total(查询结果总记录数)和rows(包含显示的所有数据,是list集合,每个元素的key与datagrid的field对应)
service层:
web层:
2.新增商品功能
2.1商品类目选择
dao层:
查询tb_item_cat表,根据id查询商品分类列表.可以使用****生成代码.
service层:
接收参数parentId,根据该参数查询分类列表,返回一个pojo的list集合
pojo应该包含三个属性,id,text,state;该pojo也应该放在common中
web层:
2.2上传图片
传统上传图片的方式,只适合并发量小,用户少的情况
1.上传及存储:将图片都放在images路径下
2.访问图片:直接从images目录下取出相应图片返回给请求
互联网项目下,并发量大,用户多,传统的图片上传存储方案就不适合了,必须采用新的方案
1.上传及存储:多台tomcat服务器拥有相同的代码,所以可能是不同的服务器接收图片,我们通过代码让所有服务器都将图片传到专门的图片服务器上,该图片服务器上需要安装一个http服务器,这里我们用nginx,因为性能更高,可以处理5万的并发(还有tomcat,apache可选)
2.访问图片:用户访问的路径直接指向图片服务器,由图片服务器返回对应图片
3.nginx