前面必须说一段

帮客户做了一个过渡期的项目,唯一的要求就是速度,我只是会点儿基础的php,于是就用tp帮客户做了这个项目。最近和客户架构沟通,后期想把项目重新做一下,就用现在最流行的技术,暂时想的使用angular做前端框架,为了后期还能继续兼职参与。于是就学习了一下。
前端的东西好多,更新的速度好快,百度搜了一下angular,出来的技术博文都是好多,又不清楚使用的angular的版本,不过看日期就知道自己学习晚了。不过不得不提到大漠穷秋老师的教程不错,正在学习的同学的可以去看看他的教程。

demo都是从简单的开始

概念我都还没彻底搞懂,虽然断断续续还是学习了有段时间了,我就不说概念性的东西,免得说错了,误人子弟。


界面就是这么简单,我的初衷是做一个可以分享我的微博收藏的简单demo,做到最后还是做不下去了,做到这里就暂时先记录一下自己做的过程中遇见的问题,已经自己学习到的,后面争取还是完善完善。

用到的知识

  1. route
  2. controller
  3. service
    ……
  • 写了几个模板页面
  • 写了一个控制器文件
  • 写了一个服务文件(这个做到这里应该这个都用不着,不过这里也感受了一下这个文件具体是个什么)
    ……

项目结构


1.angular项目初始化文件,路由配置-app.js
项目一运行就来到了这个文件的位置,在ng-view标签位置引入对应的模板文件,这里只是用了angular的路由,可以学习一下UI-Router:Nested Routing for AngularJS。
2.控制器文件controller
这里创建了一个weiboCtrls模块,一个控制器是login,一个控制器是favorite;使用的微博开放平台的接口来实现的登录操作,由于使用的sae,直接就有对应的php的库,于是在other中引入了几个php文件。
3.服务文件service
这个文件本来是放置公共调用的,目前只是放了一个分页程序,http请求,习惯了ajax的方式,这里知道了有一个同步请求,异步请求,不过前段时间写过一个随便jquery-ajax-async之浏览器差异 ,http只有异步请求,不要把ajax的async设置true,false那一套拿过来尝试,我是尝试过的,所以我知道不行,你就不要再试了,所以这里的代码写的很乱,思绪都没有了。
分页,获取收藏的微博的时候,会返回一个总收藏数,通过这个来实现前端的分页,每页显示五个页码数。

1.第一页 1 2 3 4 5
2.第二页 1 2 3 4 5
3.第三页 1 2 3 4 5
4.第四页 2 3 4 5 6
……

通常分页应该都是这么操作的,这里的代码写的也不是很好,改天还要重新写过,之前有写过一个感觉较好的,但是后来版本丢失了。
综上来看没有用到什么实际的知识,也没有涉及到指令什么的,离我原想做成的demo还有很长的一段距离,不过今天已经48天了,还没有什么好转,按照正常的情况来看可能也就只有这样了。说实话挺害怕这个结果的,压力挺大,以赚钱的项目为主,业余学习项目为辅,不过不学习是不行的。你看看大家都在玩什么react啊什么的了,等你玩的时候又只能看几年前的教程了,等到2.0来了,或许有些规则已经又变化了,而你还一成不变。
接下来你可能就会听到“unofficial, out!”。

最新文章

  1. The user operation is waiting for "Building workspace" to complete
  2. mysql为表添加外键完成性约束 报错Can't create table 'sfkbbs.#sql-513_25' (errno: 150)
  3. URAL 1549 Another Japanese Puzzle(构造)
  4. 详解SPI中的极性CPOL和相位CPHA
  5. 通过CoreImage生成二维码
  6. jquery 整理之一
  7. Redis系列之(一):10分钟玩转Redis(转)
  8. WeQuant交易策略—KDJ
  9. 《奇思妙想:15位计算机天才及其重大发现》【PDF】下载
  10. SQL基础学习_06_集合运算和联结
  11. 在Eclipse中调用Algs4库
  12. iOS端临近封包时要做哪些事情?
  13. L1-Day1
  14. [转] Linux 内核中的 Device Mapper 机制
  15. 2017-2018-2 20165234 实验四《Android程序设计》实验报告
  16. jmeter IP欺骗功能
  17. 【java】[文件上传jar包]commons-fileUpload组件解决文件上传(文件名)乱码问题
  18. docker4种网络最佳实战 --摘自https://www.cnblogs.com/iiiiher/p/8047114.html
  19. C#获取Html中的图片元素路径
  20. python3用BeautifulSoup抓取图片地址

热门文章

  1. PowerDesigner概述(系统分析与建模)以及如何用PowerDesigner快速的创建出这个数据库
  2. Google 以图搜图 - 相似图片搜索原理 - Java实现
  3. Mac SVN ignore 等相关
  4. 用shell脚本批量修改文件后缀名
  5. [部署]CentOS安装apache
  6. 迅为4412开发板Linux驱动教程——总线_设备_驱动注册流程详解
  7. Webshell实现与隐藏探究
  8. SQOOP Load Data from Oracle to Hive Table
  9. [转]ionic Accordion list three levels
  10. 矩阵乘法 codevs 1287 矩阵乘法