5,springboot静态资源访问(续) - 集成angularjs单页面


一、下载相关js

1,下载angularjs:https://code.angularjs.org/

        ;

2,下载jquery和requireJs

我直接从以前的项目copy过来的,可以从网上搜索下载

二、单页面

页面请求之前讲过,可以直接访问(如下),也可以通过thymeleaf由mvc访问

三、单页面的js入口

 

 四、单页面的模块

单页面模块依赖的其他模块:

五、注册路由配置

注册路由配置:

处理子页面1的controller:

子页面1:

六、效果

七、总结

1,angularJs开发,一般采用单页面方式开发,如上所示;

2,controller和前端页面(html、jsp等),通过$scope交互;service和后端服务器交互,ajax等等;controller和service,通过promise对象交互;

service层不建议修改任何$scope里的值,统一放在controller层修改;

3,define引入js之后,就可以引入这些js声明的模块;同时声明自己的服务时,还能引入这些模块声明的服务;

4,当单页面的模块多了之后,涉及的js就会很多,如果只是访问其中一个模快,没必要加载其他模块的js,需要

      按需加载js;按需加载js,以后再研究下,先看看网上的涉及案例;