`
zhangkehbg
  • 浏览: 10900 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

party_bid项目 第一张卡总结

 
阅读更多

party_bid是我的第一个用AngularJS开发的web应用。

       1,用yeoman创建工程。yeoman的安装已写在linux系统配置中,这里就不再多写。

mkdir my-project      //创建工程文件夹
cd my-project 
yo webapp
npm install -g generator-angular   
yo angular

项目搭建好之后,用RubyMine打开项目,便开始了我的party_bid项目。

       2,model,view,controller模型。在AngularJS中,视图(view)指的是浏览器加载和渲染之后,并且在AngularJS根据模板、控制器、模型信息修改之后的DOM。与view关系紧密的是控制器。在AngularJS中,控制器是一个Javascript函数(类型/类),用来增强除了根作用域以外的作用域实例的。当你或者AngularJS本身通过scope.$new来创建一个新的子作用域对象时,有一个选项能让你将它当做参数传递给控制器。这能使AngularjS将控制器和这个作用域联系起来,增强作用域的行为。model模型,负责后台数据的处理,表示应用中的整个数据模型。

       3,css样式表。初步开发web应用,可以先用bootstrap的样式模板。到官网http://www.bootcss.com/下载css文件和js文件,然后在index.html文件中引用js文件:

<script src="../bootstrap.js"></script>

 

然后在引用css文件即可。如:

 <link rel="stylesheet" href="../bootstrap.css" />
       4,运行、调试web程序:在终端中进入项目根目录,输入:
grunt serve
 查看效果。
       5,页面跳转:用AngularJS的路由route。例如:我需要从一个页面点击一个按钮跳转到login页面,在controller.js里的click事件函数里写
  $location.path('/login');//将url设为login结尾
 在route.js写
 .when('/login',//判断url是不是以login结尾
        {
            templateUrl:"./login.html",//指当前文件夹下的login.html文件
               controller:'login_controller'//指定控制器
        })
        6,url传参:用$routeParams实现。例如:要在login.html页面将name参数传到main.html页面。在login的控制器path后加上参数。如
$location.path('/main/'+name);
 在路由中rout.js:
.when('/main/:name',
        {
            templateUrl:"./main.html",
               controller:'main_controller'
        })
 
接收参数,在main页面controller.js加上$routeParams
.controller('main_controller', function ($scope, $location,$routeParams
        $scope.activity_name=$routeParams.name;//接收值
      7,数据存储:localSorage
 var activity_list= JSON.parse(localStorage['activity_list'] || '[]');//在localStroage中取出数据,后面的‘[]’判断activity_list是否有值,如果没有就将'[]'赋值给activity_list
    activity_list.unshift(name);//将name写入activity_list数组的最前,unshift()方法与pusu()相反
    localStorage['activity_list']=JSON.stringify(activity_list);//写入localstorage。
         
        8, 双向绑定 和$scope。
$scope是一个把view(一个DOM元素)连结到controller上的对象。
{{}}表达式:是类似Javascript的代码片段,通常在绑定中用到,写在双大括号中如{{表达式}}。
例:
js
$scope.warn="活动名称有重复,请重新输入!"//绑定在页面显示警告
 html
 {{warn}}//在页面通过{{}}表达式显示warn
 
         9,ng-repeat遍历数组:

<li  ng-repeat="list in lists">
                        <p>{{list}}</p>
                    </li>
 

 

       10,按钮不可用和不显示属性:ng-disabled,ng-show

  <button  ng-disabled="!name">button</button>
       11,css样式问题,每次修改css后或者grunt serve 页面样式便会出问题。通过看gruntfile,把Gruntfile里的四个'autoprefixer'注释掉就可以了
//      'autoprefixer',
 

 

分享到:
评论

相关推荐

    uid_score_bid.dat

    数据格式 uid_score_bid 如 dingdanglbh,4.0 ,25862578 Luna-cat,5.0 ,25862578 aiyung,5.0 ,25862578

    基于JavaScript的Java_Bid招标项目前端设计源码

    该招标项目前端设计源码采用JavaScript编写,包含280个文件,涵盖177个JavaScript文件、26个CSS文件、24个HTML文件、22个Java文件以及少量地图、JSON、图像、XML...整个项目旨在打造一个功能完善、界面美观的招标平台。

    case9_bid.rar_PSO_PSO power_PSO 潮流_case9_pso power flow

    标题中的"case9_bid.rar_PSO_PSO power_PSO 潮流_case9_pso power flow"揭示了这个压缩包文件包含的是一个关于电力系统潮流计算的案例,使用了粒子群优化(PSO, Particle Swarm Optimization)算法。PSO是一种基于...

    crc16-CCITT.rar_ccctt.5com_ccctt3bid_ccctt9. bid_crc16 ccitt ver

    3. 除法:如果当前CRC寄存器的最右边一位为1,就与生成多项式G(x)进行异或操作,相当于模2除法。 4. 重复步骤2和3,直到所有数据位都被处理。 5. 结果:最后CRC寄存器的值就是CRC-16校验和。 在Verilog中实现CRC-16...

    EURUSD_1 Min_Bid_2003.05.04_2019.02.02.zip

    欧美1分钟历史数据,2003年5月到2019年2月,MT4EA回测好用。

    mc_bid

    "mc_bid"通常在IT行业中指的是“Multi-Channel Bid”,这是一种广告投放策略,特别是在数字营销领域,用于优化广告在多个渠道上的出价。这个概念主要应用于程序化广告(Programmatic Advertising),通过自动化的...

    Repaso_Clases_Objetos_call_aplly_bid_22_02_2021

    在压缩包子文件的文件名称 "Repaso_Clases_Objetos_call_aplly_bid_22_02_2021-master" 中,我们可以推测这可能是一个项目仓库的主分支,包含有关课程的源代码、笔记或其他资源。 现在,让我们深入探讨这些知识点:...

    去噪代码matlab-PGBL_BID:PGBL_BID的Matlab代码

    去噪代码 matlab

    bid0-lid64-steam.game_steamzc9_2.0.0.2702.exe.file

    bid0-lid64-steam.game_steamzc9_2.0.0.2702.exe.file

    bid0-lid0-steam游戏管家_steambdth01_1.0.0.1487@1prw2r@gog.exe

    bid0-lid0-steam游戏管家_steambdth01_1.0.0.1487@1prw2r@gog.exe

    Bid Documents - Toyota Hilux Fx_pdf_

    【标题】"Bid Documents - Toyota Hilux Fx_pdf_" 暗示了这是一个与丰田Hilux FX车型相关的招标文件,格式为PDF。在IT领域,PDF(Portable Document Format)是一种广泛使用的文档格式,用于保存内容,确保在不同...

    backup_1000821v1001400000.zip

    1. **verify.json**:这是一个JSON(JavaScript Object Notation)文件,通常用来存储配置信息、验证数据或者元数据。JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在这个上下文中...

    bid_shift_reg.rar_plus

    标题“bid_shift_reg.rar_plus”暗示我们关注的焦点是一个与数字电路设计相关的项目,特别是使用VHDL(Very High-Speed Integrated Circuit Hardware Description Language)编写的双向移位寄存器。在电子工程领域,...

    bid0-lid64-steam.game_steamzc_2.0.0.2242.exe

    bid0-lid64-steam.game_steamzc_2.0.0.2242.exe

    Bid Documents - Service Pick-up_OntheUp_tantakpins_

    标题中的“Bid Documents - Service Pick-up_OntheUp_tantakpins_”暗示这是一份关于服务接洽的投标文档,其中可能包含了与"OntheUp"和"tantakpins"两个关键词相关的服务流程或项目信息。"OntheUp"可能是项目、服务...

    ocds_bid_extension:允许出价统计信息和详细的出价信息被表示

    出价统计信息和详细信息 作为签约过程一部分而...bids.details数组用于提供一个或多个Bid对象,每个对象代表收到的唯一出价。 bids.statistics数组用于表示有关投标和投标者数量的关键统计信息。 数组中的每个条目都

    启明星工程项目投标系统bid v26.0.rar

    启明星工程项目投标系统bid v26.0是一个专门针对工程投标流程设计的软件工具,它集成了项目管理、招标公告浏览、标书制作、电子投标等功能,旨在提高投标过程的效率和准确性。这个版本(v26.0)可能是该系统的一次...

    bid格式文件电子标书阅读器.zip

    bid格式招投标文件阅读器,可以打开浏览、管理电子招标文件,如果打不开标书文件,请按下面步骤检查:1、请查看招标文件(.bid文件)是否下载完全,请用IE下载工具下载;2、查看IE浏览器版本,如果版本低于IE8,低于IE...

    图书管理系统项目个人总结报告.doc

    《图书管理系统项目个人总结报告》 本报告主要围绕我参与的图书管理系统项目进行总结,旨在阐述项目背景、功能实现、个人职责以及所学知识。该项目名为“图书管理系统”,由MT开发小组在30天内完成,旨在为小型图书...

    Project Bid Doc

    总结来说,一份全面的"Project Bid Doc"软件项目投标文档,需要涵盖项目理解、技术方案、实施计划、团队实力、成本控制、服务承诺等多个方面,通过这些内容,企业向招标方展示其专业水平和执行力,以提高中标的可能...

Global site tag (gtag.js) - Google Analytics