达内广州C++学院|c++培训|广州达内科技C++/C#培训|.NET培训|IT培训|达内广州岗顶中心 达内广州C++学院|c++培训|广州达内科技C++/C#培训|.NET培训|IT培训|达内广州岗顶中心
java程序员
 当前位置:主页 > 高端课程 > java程序员 >

AngularJS重型前端框架

时间:2019-11-19  来源:未知  作者:广州达内培训

一、AngularJs

  AngularJs是一种前端的重型框架,而现在正在被Aue.js所取代。而Aue的和AngularJs大同小异。

  AngularJs核心功能有MVC、模块化、自动化双向数据绑定、依赖注入等等。

  我在刚接触时,会感觉到是一个另类的java代码,它包括前端,controller层,service层,这实在是有点像java代码。而它controller层中也类似java是调用相应的service层代码;service层有点区别,Angular中的service层是发送请求,而这好像就是AngularJs的核心功能MVC。

  依赖注入即前端函数中的形参,可以直接注入到controller。

  1.1前端页面指令

    1、ng-model:用于绑定数据,可以将输入到文本框中,可以实时输出变量。

    2、ng-init:在访问页面的时候同时加载该函数。

    3、ng-click:点击事件。传递具体数据ng-click(方法名('1'))。常用的还是点击事件。

    4、ng-app:指令用于告诉 AngularJS 应用当前这个元素是根元素,不太了解没学前端。

    5、ng-repeat="x in list":循环指令

    6、ng-if="条件":判断指令

   1.2表达式

    {{entity.id}}:可以取值。

   2.1controller层  

      我感觉其中就是给页面中的事件,调用service层的方法,然后就是该方法成功返回后的事件。

//搜索,$scope.search前端页面中的search事件,page,rows是参数
    $scope.search=function(page,rows){      
    //调用service层的方法,并传入参数,success后的处理 goodsService.search(page,rows,$scope.searchEntity).success( function(response){ $scope.list=response.rows; $scope.paginationConf.totalItems=response.total;//更新总记录数 } ); }

  2.2service层

    service层主要就是发送请求。而事务则是使用的@Transactional注解。

//搜索
    this.search=function(page,rows,searchEntity){
//路径中.do是在web.xml中规定的
        return $http.post('../goods/search.do?page='+page+"&rows="+rows, searchEntity);
    }

二、开发

    与常规的ssm开发不尽相同。分布式开发时模块开发,所以可能controller层,并不是和service是同一模块,这样相同的方法就可以重复调用。

    1.1controller层

      与常规的ssm开发略微的不同,其中的注入service使用的是@Reference,该注解是ali下的。

    1.2service层

      其中@Service注解是ali下的。

    




上一篇:通过jgit一次性升级fastjson版本
下一篇:没有了

友情链接:
  • 全球最大晶圆代工半导体制造厂,台积电斥资订购艾斯摩尔机器设备
  • 英特尔依然是那个英特尔,且看英特尔的城防体系
  • 支持双 DRAM 内存接口,慧荣企业级 SSD 主控方案披露
  • 在全球被反垄断罚款,冤!高通到底哪里得罪了欧盟?
  • 强强联合!万业、微电子所和芯鑫共同打造全新半导体设备
  • 复旦大学校长称:对于集成电路产业发展,大学应该主动担当
  • 技术再升级!无锡中科芯攻克晶圆级再布线及晶圆级凸点制备关键技
  • 聚力!万业企业设立集成电路装备集团,提供自主可控设备
  • 德州仪器C2000微控制器增强连通性和控制性
  • 英特尔打出降价策略,以免被竞争对手 AMD 打败?
  • 贸易摩擦的闹剧没有赢家,苹果有勇气离开中国吗?
  • 图像信号与视觉处理器的发展趋势
  • 真干快消品定位方案班(第二期)火热开班
  • Java集合 ArrayList原理及使用
  • TDD(测试驱动开发)死了吗?
  • JAVA基础之XML相关
  • javaweb项目搭建ehcache缓存系统
  • 每日一码——字符串统计
  • 一篇文章帮你彻底搞清楚“I/O多路复用”和“异步I/O”的前世今生
  • 九:模板方法模式
  • 十二:命令模式(人员解耦和)
  • Java 转PPT为图片、PDF、SVG、XPS、ODP以及PPT和PPTX互转
  • SpringCloud学习(SPRINGCLOUD微服务实战)一
  • 记一次微信网页授权后获取用户信息并重定向
  • 速途新营销五点实战洞察解码“品效合一”
  • 十一:外观模式详解(Service,action与dao)
  • 手把手教你学会 基于JWT的单点登录
  • mysql锁机制总结,以及优化建议
  • 解决多个版本jar包冲突【jar内包名重命名】
  • 中国首张5G终端电信设备进网许可证 华为Mate 20 X 5G版入网
  • RPC之Thrift
  • 高级Java工程师必备 ----
  • 天猫618期间实物支付GMV增长38.5%
  • 换季了,老板你的库存处理好了吗?
  • 从“618”大数据看中国消费新活力
  • 小米生态链:贵在格局感与收放度
  • CODING 2.0 企业级持续交付解决方案
  • 老铁奇趴“新京济” 快手*京东618战报出炉
  • 中小企业新媒体运营基本技能
  • 上汽大通房车再度携手LINE FRIENDS 魔都巡游顺利开启
  • 华为高端手机国内市场份额超苹果夺得榜首
  • 中国智能制造分析报告
  • iPlus艾加营销助力腾讯广告牵手吴晓波 推进商业IP变现
  • 2019世界新能源汽车大会7月1日将在海南举行
  • 区域酒企如何转型突围
  • 时时彩论坛
  • 五星体育斯诺克
  • 北单比分直播
  • 河北11选5走势图
  • 福建体彩36选7开奖结果
  • 九龙图库下载