Angular4+NodeJs+MySQL 入门-06 接口配置

前端之家收集整理的这篇文章主要介绍了Angular4+NodeJs+MySQL 入门-06 接口配置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在上篇中说了怎么调用接口,这篇就来说说,接口配置吧。


后端是用NodeJS来写的,由于写后台(以前用的是C#语言)的时候,大部操作都在是对数据库表的增、删、改、查操作,

比如:根据查询出来的数据,然后某个字段进行 if else 操作。满足条件我的执行A操作,不满足的时间执行B操作。所有就我就把这些操作抽里出来,封装成相应的规则。

一个接口可能要用到好条规则,按照执行顺序一次执行下去,就可以了,执行到最后的时候,再组织成相应的数据返回回去,这样一个接口就写好。

我只要配置规则接口就定义好了,当然简单的逻辑不是特别复杂的,这样的规则是能够满足的,配置一下,接口就定义好了,前端就能调用得到相应的数据了。

业务规则现在还是不断的完善当中,具体代码在我的 github上可以找到,里面的 server目录里面。

1.登录界面

2.打开配置界面


界面比较丑呀,通用就行,哈哈~~

3.填写接口信息

  • 接口是否启用
  • 是否需要Token验证
  • 请求方式:get、post、put还是delete等
  • 接口地址以及描述
  • 参数等信息

如下图所示:

4.配置规则信息

填写两条规则

  • 第一是查询sql,这个好理解吧,total如果大于0说明用户填写的,用户名及密码是正确的,否则就不存在,很简单的一条sql
select count(1) total,id,concat('xtn_',md5(username),'_',md5(password))token,username,sex,cityname,age from xtn_userinfo t where t.username = ':username' and t.password = ':password'
  • 第二条规则,就是一段判断的代码,根据上面查询出来的数据进行判断操作。判断失败了,回返回“用户名或密码不正确。”
if(this.total === 0){
   return false ;
}else{
   return true;
}

对sys_session表进行删除和插入操作

  • 其实应该放到Redis里去的,先用表吧,以后有机会再改成Redis。

最后保存数据到系统的Cache里去。

以上就是一个接口的配置。


基本上就完了。以后有时间,写一写常用的组件,移动端的,比如消息弹窗,加载,刷新(下拉更新,上拉加载下一面数据)等组件吧。有时间的话,一个组件用三个框架ReactJs,Angular以及Vue都实现一下。

猜你在找的Angularjs相关文章