xiaotuni的专栏,每天进步一点点

上一篇文章说一下，后台接口的创建，这篇说一下如果调用接口。创建一个目录helpers

绑定html内容如果用正常的方法去绑定的话，可能会出再这种警告<div [innerHTML]="Catcha" ></div>--------------------------------------- WARNING: sanitizing HTML stripped some content (see http://g.co/ng/security#xss).而且页面上也显示不出东西来

最近在写一个接口配置管理的一个东西。比如前端要一个用户登录接口，是post请求，之前写的话，就是规规矩矩的在后台写代码，通过路由什么怎么的跳转到相应的方法那里，然后获取到传过来的参数，拿到参数后，再调用数据库查询，判断用户存在与否最后返回结果给前端。我现在写的这个东西，将以前的这些步骤全都以抽里出一条或几天规则，然后按照事先定义好的顺序，由上而下依次执行，最后返回结果给调用者。以后我只配置规则，不用

刷新组件- 主要是学习一下Angular4所有花了我一天时间，写了这个刷新组件。以项目开发当中，特别是手机移动端开发的时候，经常要用到就是上拉加载下一面，下拉刷新获取最新数据的功能。在网也有很多类似的组件，前段时间用ReactJs写的项目的时候，就经常要用到，要是项目当时间也紧，从网找了一些，用来总是不那么顺手，后来干脆就自己写，这样也好控制。在用第三库的，有个很大问题，就是样式，第三库的样式

在上篇中说了怎么调用接口，这篇就来说说，接口配置吧。后端是用NodeJS来写的，由于写后台（以前用的是C#语言）的时候，大部操作都在是对数据库表的增、删、改、查操作，比如：根据查询出来的数据，然后某个字段进行 if else 操作。满足条件我的执行A操作，不满足的时间执行B操作。所有就我就把这些操作抽里出来，封装成相应的规则。一个接口可能要用到好条规则，按照执行顺序一次执行下去，就可以了，执行到最后

接口调用今天讲一下，如果在前端页面上通过调用后台接口，返回来的数据。把前面的几章结合起来。 这里所有用的代码在 https://github.com/xiaotuni/angular-map-http2。简单介绍一下 https://github.com/xiaotuni/angular-map-http2 这个项目吧分前端用的是Angular4写的: 前端分两部分一部分是WebApp移动端，

这篇里是如何定义接口，我们一般访问接口如：post请求调用http://127.0.0.1:11000/webapi/userinfo/user 这个接口，成功返回用户信息，如果失败要返回失败原因等。首先分析一下 /webapi/userinfo/login 接口。从这里可以看出 webapi是一个类，userinfo也是一个类，user是一个方法。再接合post、delete、put、get请求可

动态创建组件说说场景先，比我写了一些组件，这此组件内容都很少，弹出的对话框也许只有一行数据，也有可能是一个表单等，或都一些多选的，单选的选项等。网上有好多，动态创建组件的Demo，都不是很满意，愿意就是要动态创建组件的时候，传入的你即将要创建的组件对象进去，然后把这个放到页面里显示出来。这算什么动态创建呀，我就想传一个组件的名字，然后就能把他创建出来。之前写过C#动态创建类，都是给一个类的名称

NodeJs操作MySQL类此类封装了几个常用的方法：插入，更新，删除，查询，开启事务，事务提交，事务回滚等操作。有一这个类，操作MYSQL就方便多了。批处理，存储过程等方法还没有添加，因为觉得目前写的那里还没有用到批处理的，所以就没有在这里加上，等以后要是用到了要进行批处理的时候，再加上。以前用C#在操作数据库的时候，也都有类似的操作类：MSSQLHelper，OracleHelper，MySQL

Angular4+NodeJs+MySQL 入门-01有一定的后台开发经验ES6语法。后台没有用框架来，纯自己写。会sql语句安装NodeJS的安装从网上下载 https://nodejs.org/en/ 选择自己，我用的是最新版本Angular CLI的安装cli的安装可以参考https://cli.angular.io/npm install -g @angular/cling new dem

今天就是想弄一个，在本地可以预览选择的图片，然后做相应的操作，如上传等。选择图片的方法：<input type="file" (change)="onChangeSelectFile()">显示图片 <div class="header" *ngIf="HeadPortrait"> <img [src]="imageUrl"> </div>js怎么处理呢，很简单