搜猫前后台交互流程

搜猫前后台交互流程

1.HomeController 主控制器

@RequestMapping(value = { "/", "index" })
public ModelAndView home(HttpServletRequest request, HttpServletResponse response) {

    ModelAndView mv = this.getModelAndView("index", JModelAndView.FRONT_PATH,   request, response);

    List<Partner> partnerList = indexService.findPartner();

    mv.addObject("partnerList", partnerList);

    return mv;

 }   ------>index.html

2.index.html 主页面

 #if($!fuser)     
     $!httpInclude.include("/commheader","")
 #else  
     ------>HomeController中的commheader方法

3.HomeController

@RequestMapping(value = "commheader")
public ModelAndView commheader(HttpServletRequest request,HttpServletResponse response){

    ModelAndView mv = this.getModelAndView("common/header",JModelAndView.FRONT_PATH, request, response);

    return mv;

}   ------>common/header  header.html

4.common/header.html (进入猫商探索器系统)

<a href="home/main">
    <span class="somaoicon somaoicon-intoSpace"></span>
     进入猫商探索器
</a>
   ------>home/main  (controller  HomePageController中的main方法)

5.HomePageController

@RequestMapping("main")
public ModelAndView main(HttpServletRequest request, HttpServletResponse response, Page page) {
        ModelAndView mv = this.getModelAndView("/souMaoMain", JModelAndView.FRONT_PATH, request, response);
        String type=request.getParameter("type");//页面跳转类型
        User user=(User) request.getSession().getAttribute("fuser");
        if(type!=null&&type.equals("bell")){
            user.setMessageCount(0);
            userDao.updateViewCount(user);
        }
        ....
    }
    ------>souMaoMain.html

6.souMaoMain.html

//调用HomeController的commtop(加载顶部)和commsidebar(加载侧边栏) body默认是企业首页页面
$!httpInclude.include("/commtop","home")
$!httpInclude.include("/commsidebar","home")

7.HomeController

@RequestMapping(value = "commsidebar")
public ModelAndView commsidebar(HttpServletRequest request, HttpServletResponse response) {
        //根据当前用户查询菜单集合
        User user = (User) request.getSession().getAttribute("fuser");
        PageData pd=new PageData();
        pd.put("userId", user.getId());
        pd.put("parentId", 38);
        List<Menu> menus = menuDao.findMenuByUser(pd);
        String urlParam= request.getAttribute("urlParam").toString();
        ModelAndView mv = this.getModelAndView("common/main-sidebar", JModelAndView.FRONT_PATH, request, response);
        mv.addObject("menus", menus);
        mv.addObject("param", urlParam);
        return mv;
    }
//调用findMenuByUser方法 把数据库的数据拿出来
------>common/main-sidebar.html  //检索侧边栏名字

8.点击侧边栏的选项 四个Controller

home/main       --->企业首页 HomePageController
explore/main    --->猫商搜索 ExploreController
crm/main        --->线索管理 CrmMainController
personal/main   --->账号管理 PersonalController

9.CrmMainController

@RequestMapping("crm")
public class CrmMainController extends BaseController {

    @Autowired
    private AccountService accountService;

    @RequestMapping("main")
    public ModelAndView main(HttpServletRequest request,HttpServletResponse response) {

        ModelAndView mv=this.getModelAndView("main", JModelAndView.CRM_PATH, request, response);
        mv.addObject("path",request.getServletPath());
        mv.addObject("commUtil", new CommUtil());
        return mv;
}
  ------>main.html

10.main.html

调用HomeController的commtop（加载顶部）和commsidebar（加载侧边栏）
body默认是线索池  
选择 客户管理 
进入 crmApp.js 匹配对应的<a ui-sref="potentusermanage">

11.crmApp.js

.state("potentusermanage",{//ui-sref="potentusermanage"
    url: '/potent', //暂时未知，可看到地址栏的地址 
    templateUrl: "crm/potentusermanage",   // 进入CrmMainController，跳转页面
    controller: "PotentuserController"     //打开页面后对应的js
})

12.CrmMainController

@RequestMapping("potentusermanage")
public ModelAndView potentusermanage(HttpServletRequest request,HttpServletResponse response) {
    //ModelAndView "potentusermanage" 属性 就是对应的html的名字
    ModelAndView mv=this.getModelAndView("potentusermanage", JModelAndView.CRM_PATH, request, response);
    return mv;
}
------>potentusermanage.html

13.potentusermanage.html

html与相对于js（crmApp中的controller: "PotentuserController"//打开页面后对应的js）事件交互（点击……）

存在问题：

potentusermanage.html的< tbody > 如何调用到 PotentuserController.js中的

//根据负责人查询产品
$scope.searchProductsByDutyers = function(){
 $scope.getpotentuserlist($scope.page.number,$scope.page.size,$scope.keyword,$scope.accountsArr);
};
  $scope.getpotentuserlist = function(page,size,srckeyword){
  这个方法加载数据的

点击的时候 会有一个href 他会直接到crm/main(CrmMainController/main 方法)

— 加载头部和侧边栏

—>crmApp.js –>CrmMainController （@RequestMapping(“potentusermanage”)

—>到potentusermanage.html

—>到页面 有一个init方法 方法init方法调用js 方法—>调用controller 拿数据