原创

淘淘商城项目day02

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_21494387/article/details/80371221

    第二天我们要写些什么呢?我们要做一个商品列表查询和后台商品的添加功能,以下是过程:

   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商品类目选择
        新增商品会有选择该商品所属分类的功能,请求的url:/item/cat/list,请求的参数:id(节点id),响应回一个包含id,text,state参数的json数据,下面为具体实现

        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

        2.3富文本编辑器



展开阅读全文

没有更多推荐了,返回首页

博客模板©2019 由CSDN提供 模版主题为:skin3-template by CSDN官方博客 设计