在进入好友模块之前，需要向服务器发送认证信息，在这里使用angular的HttpClient拦截器进行发送。拦截器的官方解释为：HTTP 拦截机制是 @angular/common/http 中的主要特性之一。 使用这种拦截机制，你可以声明一些拦截器，用它们监视和转换从应用发送到服务器的 HTTP 请求。 拦截器还可以用监视和转换从服务器返回到本...

上一章讲解了用户登录的相关代码。用户登录成功后，就会进入好友模块，在好友模块中会根据不同的用户ID显示相应的好友列表，点击好友列表中的单个好友就会进入编辑单个好友页面，对好友信息进行编辑。点击列表页面的添加按钮，就会添加新的好友。我们从这一章开始分析这个好友模块。

最近工作比较忙，一直没有更新文章。原来看别人的文章感觉很过瘾，现在自己写才发现，要坚持下去真的很难。好了，废话少说，继续吧！这一章主要讲利用angularJs控制用户登录。在前面的用户注册表单中使用了angular的响应式表单。为了对angular的知识学习的全面一点，在用户登录的表单中，使用了模板驱动型表单。

从var声明说起 一直以来我们都是通过var关键字定义JavaScript变量。 {代码...} var声明的变量var声明可以在包含它的函数，模块，命名空间或全局作用域内部任何位置被访问。比如在其它函数内部访问相同的变量： {代码...} 这些作用域规则可能会引发一些错误。 第1个问题就是多次声明同一个变量并不会报错。比如下面这个例...

向服务器提交信息是通过模板中<form [formGroup]="registForm" (ngSubmit)="onSubmit()" novalidate>标签中的(ngSubmit)="onSubmit()进行提交的。在填写好正确的信息后，按钮<button type="submit" class="btn btn-primary" [disabled]="registForm.invalid">Submit</button>会变为可用状态，点击按钮...

这一节对用户注册组件进行分析。用户注册组件主要涉及angular4表单的操作。Angular提供了两种构建表单的技术：响应式表单和模板驱动表单。 这两项技术都属于@angular/forms库，并且共享一组公共的表单控件类。我在用户注册组件(regist.component)中使用的是响应式表单(ReactiveFormsModule)，要了解更多angular表单的知...

上一节解决了用户注册和登录数据部分的内容。这一节开始分析用户模块、用户路由。## 用户管理模块UserModule分析 ##UserModule主要代码如下：

上一节简单介绍了一下利用angular构建的主路由模块，根据上一节的介绍，主页面加载时直接跳转到用户管理界面，下面就来介绍一下用户管理模块。启动应用后，初始界面应该是这样的：

上一篇文章对用户发来的注册和登录信息进行了处理，并实现了将注册用户信息插入到mysql数据库的数据表和从mysql数据库的数据表中查询到用户的登录信息并返回用户认证信息，从这篇起，开始构建前端的登录和注册页面，并实现angular路由。为了让大家能够方便理解，我简单的画了一张我这个程序的路由分析图：

在上一章中，我们为后端的express服务设置了跨域访问，并未前端的angular安装了bootstrap和ng-bootstrap依赖，并进行了配置，为后端的express安装了mysql和处理文件上传的multiparty依赖并创建了mysql数据库birthday在这一章中，我准备介绍一下express对mysql数据库的访问。

在上面一章中，我创建了前端的angular4框架程序和后端的nodejs-express框架程序，在这一章中，我准备对前后端程序进行一些简单的配置，然后将后台数据库创建起来。好的！让我们开始吧。我开发这个网站用的开发工具是visual studio code，这个开发工具是由微软免费提供的，里面的插件很丰富，特别对angular和express开发...

学习了一段时间的angular4知识，结合以前自学的nodejs-express后端框架知识，做了一个利用angular4作为前端，node-express作为后端服务器的网站。这个网站的功能很简单，主要是为了体验一下angular4的各项功能。 现在这个网站做的差不多了，拿来和大家分享一下。有不足之处，希望大家多提意见，也希望能给大家的开发提供...