一、扯淡的说 name:【豆瓣搜索】 最近关注了下豆瓣的API，发现豆瓣开放平台需要加强API文档撰写啊....但是有个可喜的发现豆瓣V2接口提供了搜索接口。最近在用phantom弄些爬虫，想想，真是美丽极了！有个豆瓣的接口，我都不用去爬数据，不用数据存储，丢给github page直接完事。豆瓣，Nice!最近也在看angular，于是就萌生了使用Angular + 豆瓣API 做一个web app。于是...网上回家就折腾了。 体验地址：http://vczero.github.io/t/ht...
一，利用Node搭建静态服务器 这个是这个项目的底层支撑部分。用来支持静态资源文件像html, css, gif, jpg, png, javascript, json, plain text等等静态资源的访问。这里面是有一个mime类型的文件映射。mime.js/*** mime类型的 map* @ author Cheng Liufeng* @ date 2014/8/30* 当请求静态服务器文件的类型 html, css, gif, jpg, png, javascript, json, plain text, 我们会在此文件进行映射*/ exports.types = {"css": "text...
不得不说，上手AngularJS比我想象得难多了，把官网提供的PhoneCat例子看完，又跑到慕课网把大漠穷秋的AngularJS实战系列看了一遍，对于基本的使用依然有很多说不清道不明的疑惑，于是决定通过做一个在线聊天室帮助理解。DEMO可以戳→chat room，代码可以戳→ChatRoom-AngularJS。 清晰图可以戳 功能 着手开发之前，首先明确一下需要实现的功能： 新用户登入，广播通知其他用户 用户下线，广播通知其他用户 可显示在线人数及列表 可...
做一个Web应用，一般都有前台和后台，Node.js可以实现后台，利用jade模板引擎也可以生成一些简单的前台页面，但要想开发出具有实际意义的现代Web应用，还得搭配一个Web前端框架。 AngularJS是一个JavaScript前端框架，对于Node.js来说是一个完美的客户端库。AngularJS强制使用MVC（模型-视图-控制器，Model-View-Controller）框架，而它又使用JavaScript对象作为它的模型，和Node.js特别般配，用AngularJS的某些服务（比如$http）和...
在“使用AngularJS”中，我们提到了如何在Node.js项目中引入AngularJS，这次提供一个非常简单的示例，演示AngularJS里的指令、数据绑定、服务等内容。 我准备做Web后台管理系统，不同的管理员会有不同的权限，管理员登录后看到的菜单和他的权限有关，能看到什么，是动态生成的（类似RBAC）。本文的示例从这个项目而来，当然，现在还是最简单的。 如果没有特别说明，后面我们用到的示例都使用express generator生成。 Angular小demo...
这次我们说一下nodejs+angularjs多图片上传的问题此前也在网站看了很多篇文章，有关的内容说多不多，说少也不少，但我一一试过以后有成功的，也有没有成功的，折磨了我很长时间，最终也是成功实现了，于是想写下这篇文章，分享我的代码，也希望后人不要踏进我的坑。首先说一下nodejs所以依赖的插件 multiparty 和 fs，可以用npm工具来安装 npm install multiparty --save npm install fs --save 先贴出我nodejs的后台代码（注意：...
Angular2我自己还在摸索学习中，本文介绍了angular2+node.js express打包部署的实战，分享给大家，也给自己留个笔记angular是客户端js,Node.js 是服务端JS,建立SPA 网站需要把这两者统一到一起。 1、angular2项目创建,使用angular-cli ng new mypos 2、使用express命令行工具创建express项目。 express --view=hbs 3、angular2 中 需要引用到第三方库 例如 jQuery,bootstrape, index.html中需要添加应用，然后文件需要拷贝到asset...
前言 本文主要介绍的是angular.js+node.js实现下载图片处理，下载有两种方式，下面话不多说，来看看详细的介绍吧。 第一种： 不指定完整路径，然后发送get给server让server自己去拼接路径，然后用express的res.download来做下载： Express:var filePath = path.join(savePath, file[0].name); console.log(Download file: + filePath); res.download(filePath);angular:$http.get(url).success(function (data) {var bin = new $w...
在使用angular2进行图片上传的时候，遇到了各种各样的问题。在多番尝试之后最终成功上传图片，下面将我的方法分享给大家： nodejs 后台代码 var express = require("express"); //网络请求模块 var request = require("request"); //引入nodejs文件系统模块 const fs = require(fs); //引入body-parser //包含在请求正文中提交的键/值对数据。 //默认情况下，它是未定义的，并在使用body-parser中间件时填充。 var bodyParser = r...
1、觉得angualr.js的路由是针对于单页面的路由，每次路由发生变化，只是页面的状态发生变化，页面本身没有发生跳转 2、express的路由是针对多页面的，也就是说他做的页面，路由的切换是伴随着页面的切换 3、所以建议页面内部的路由变化使用angular.js 的router，而页面间的路由用express 经过我自己的实践，我终于在express环境中把angular跑起来了，简直是哔了狗，俺够啦。 首先，Express的路由是后台的，Angular的路由是前台的就...
前言 最近的新项目中，用户登录需要采用cookie来记住用户，校验身份。所以本文就把实现的过程总结出来分享给大家，需要的朋友们可以参考学习。 在header中携带authId登录 在之前老的项目里，没有采用cookie来记录用户登录状态，而是在请求的header中携带一个身份标识来校验，大致方案如下： 客户端使用post请求提交user、password给服务端进行登录操作；服务端校验用户是否合法，如果合法将产生一个唯一的身份标识authId，返回给客...
这章的目的是为了把前面所学习的内容整合一下，这个示例完成一个简单图书管理模块，因为中间需要使用到Bootstrap这里先介绍Bootstrap。 示例名称：天狗书店 功能：完成前后端分离的图书管理功能，总结前端学习过的内容。 技术：NodeJS、Express、Monk、MongoDB、AngularJS、BootStrap、跨域 效果：一、Bootstrap Bootstrap是一个UI框架，它支持响应式布局，在PC端与移动端都表现不错。 Bootstrap是Twitter推出的一款简洁、直观、强...
不得不说，上手AngularJS比我想象得难多了，把官网提供的PhoneCat例子看完，又跑到慕课网把大漠穷秋的AngularJS实战系列看了一遍，对于基本的使用依然有很多说不清道不明的疑惑，于是决定通过做一个在线聊天室帮助理解。DEMO可以戳→chat room，代码可以戳→ChatRoom-AngularJS。 清晰图可以戳 //files.jb51.net/file_images/article/201508/201508281040051.gif功能 着手开发之前，首先明确一下需要实现的功能： 新用户登入，广播...
一，利用Node搭建静态服务器 这个是这个项目的底层支撑部分。用来支持静态资源文件像html, css, gif, jpg, png, javascript, json, plain text等等静态资源的访问。这里面是有一个mime类型的文件映射。mime.js /*** mime类型的 map* @ author Cheng Liufeng* @ date 2014/8/30* 当请求静态服务器文件的类型 html, css, gif, jpg, png, javascript, json, plain text, 我们会在此文件进行映射*/ exports.types = {"css": "tex...
一、闲扯 有一天班长说了，同学们希望我开发一个可以共享位置的通讯录，于是自己简单设计了下功能。包括用户角色、发表微博、共享位置等等。这次也是有点私心的，为了锻炼最近看的angularjs，于是果断选择Node.js + MongoDB + angular.js的方案。当然，开发Node.js的体会越来越深刻。记得，去年leader告诉我说尽量让node的每一个服务只支撑一个业务功能，这样才能更方便的维护。当时特别想把一个Node服务做的特别强大。现在看来lea...