实战-- AngularJS仿拉勾网WebApp - 随笔分类 - 姜腾腾

11 开发流程总结

摘要：第一步：选择、配置工具 bower、gulp、less、batarang 第二步：引入第三方依赖并进行配置 angular、ui.router、validation、ngCookies 第三步：配置路由、编写视图和逻辑 view-->html活其他视图文件 controller directive 阅读全文

posted @ 2017-05-14 23:34 姜腾腾阅读(1161) 评论(0) 推荐(0)

10 逻辑完善以及bug修复

摘要：进行到这里，我们应用开发已经接近尾声，我这里基本就是应用开发的记录过程，讲解的东西很少，有问题可以在评论区讨论呦。下面进入最后调整的阶段。预览我们的应用，会发现首页的职位列表，也会显示收藏的星星图标，这里我们不需要它：我们先来进行调整职位列表的组件模块： positionlist.html：这阅读全文

posted @ 2017-05-14 23:29 姜腾腾阅读(1356) 评论(0) 推荐(0)

9 用户模块开发

摘要：本小节，我们来完成最后一个模块--用户模块的开发。用户模块一共有5个页面，分别是登录页面，注册页面，用户操作页面，收藏职位页面以及投递记录页面，先在src/view/目录下，创建这五个页面的视图文件login.html，register.html，my.html，favorite.html，pos 阅读全文

posted @ 2017-05-14 22:20 姜腾腾阅读(1292) 评论(0) 推荐(0)

8 搜索模块开发

摘要：本小节，我们来完成搜索模块的开发，首先，配置搜索模块的路由，打开src/script/config/router.js文件：然后，给搜索模块添加控制器，进入src/script/controller/文件夹，新建searchCtrl.js文件：现在来创建我们的搜索页面，在src/view/目录下阅读全文

posted @ 2017-05-12 11:25 姜腾腾阅读(1399) 评论(0) 推荐(0)

7 职位模块开发

摘要：关于页面样式说明：博客里写的只有html和js，没有写样式，我就不一一把样式代码贴出来了，就简单说一下我们写样式的主体思路，样式添加在src/style/目录下，这个项目我们用less来添加样式。在style目录下，有index.less和variable.less文件，还有一个template的文阅读全文

posted @ 2017-05-04 21:18 姜腾腾阅读(1281) 评论(0) 推荐(0)

6 JobApp默认视图开发

摘要：第一步：引入angularjs 添加app模块现在我们正式进入开发，下面是我们在上一节建立的目录结构：我们需要再src路径下，新建index.html文件，先引入angularjs文件：现在，在我们的src路径下，会多一个index.html文件：之后，在src/script路径下，新建ap 阅读全文

posted @ 2017-05-03 12:43 姜腾腾阅读(1307) 评论(0) 推荐(0)

5 创建项目

摘要：一、创建空目录jobapp，用于存放我们将要开发的项目（可以手动创建，也可以命令创建）二、创建git初始化仓库打开终端，进入项目目录，执行命令$ git init 三、配置bower.json 打开终端，进入项目目录，执行命令$ bower init 四、安装AngularJS 打开终端，进入项阅读全文

posted @ 2017-05-02 23:37 姜腾腾阅读(1186) 评论(0) 推荐(0)

4 自动化构建工具gulp

摘要：gulp中文网：http://www.gulpjs.com.cn/ 需要全局安装gulp：$ npm install --global gulp 具体的gulp的使用方法，可以参看gulp中文网的文档。阅读全文

posted @ 2017-05-02 15:51 姜腾腾阅读(1133) 评论(0) 推荐(0)

3 搭建项目开发环境

摘要：1）安装Angular调试插件batarang（主要功能：查看作用域，输出调试信息、性能监控） Google chrome Batarang 百度网盘下载：http://pan.baidu.com/s/1jGILtzg 下载后，打开chrome浏览器，点击设置--扩展程序，将下载的插件拖动到扩展程阅读全文

posted @ 2017-05-01 23:10 姜腾腾阅读(1149) 评论(0) 推荐(0)

2 AngularJS 1 概念浓缩

摘要：Angular Web APP 结构图： module --> 模块：相当于一个容器，Angular里的所有东西都得放在模块里，才能够被引用和加载。 directive --> 指令：负责与HTML元素进行绑定，同时相互作用。内置指令：ng-model、ng-bind、ng-click、ng- 阅读全文

posted @ 2017-05-01 22:02 姜腾腾阅读(1153) 评论(0) 推荐(0)

1 项目简介

摘要：简介：本项目是针对移动设备，利用AngularJS框架开发的招聘类型的单页Web APP。高仿拉勾网APP，节选其重要功能进行模块化开发，使用前后端分离的独立开发方式，体验APP开发流程。 APP模块划分：阅读全文

posted @ 2017-05-01 22:00 姜腾腾阅读(1190) 评论(0) 推荐(0)

随笔分类 - 实战-- AngularJS仿拉勾网WebApp