小编go4*_*cas的帖子

ES6数据模型类

我正在尝试使用ES6类在我正在构建的API中构建数据模型(来自MySQL数据库).我不喜欢使用ORM/ODM库,因为这将是一个非常基本的简单API.但是,我很难理解如何定义这些模型.

我的数据实体(这些只是一些简化的例子):

顾客

数据模型

id
name
groupId
status (enum of: active, suspended, closed)
Run Code Online (Sandbox Code Playgroud)

私人方法

_getState(status) {
    var state = (status  == 'active' ? 'good' : 'bad');
    return state;
}
Run Code Online (Sandbox Code Playgroud)

要求

我希望能够做到:

  • findById:提供单个customer.id,返回该特定客户的数据,即 SELECT * FROM customers WHERE id = ?

  • findByGroupId:提供group.id,返回属于该组的所有客户(在一个对象数组中)的数据,即 SELECT * FROM customers WHERE groupId = ?

响应有效负载

对于每个客户对象,我想要返回这样的JSON:

findById(1);:

[{
    "id" : 1,
    "name" : "John Doe",
    "groupId" : 2,
    "status" : "active",
    "state" : "good"
}]
Run Code Online (Sandbox Code Playgroud)

findByGroupId(2);:

[{
    "id" : 1,
    "name" : "John …
Run Code Online (Sandbox Code Playgroud)

javascript api model-view-controller models ecmascript-6

18
推荐指数
1
解决办法
1万
查看次数

带有旋转文本的Flexbox

我正在尝试使用flexbox创建一个CSS小部件组件.

该组件有一个标题(应该有旋转的文本)和一个内容区域.

标题和内容都应填充父容器的高度,标题应为15px宽度,然后内容将拉伸以填充余数.

到目前为止,我得到的内容100%工作,但由于某种原因,标题没有填充父容器的高度.

到目前为止我有这个:

.widget {
  height: 200px;
  width: 200px;
  border: 1px solid #ddd;
  background-color: #eee;
  display: flex;
}
.widget-header {
  background-color: #1976D2;
  color: #fff;
  transform: rotate(-90deg);
  border: 1px solid red;
  font-size: 10px;
  flex: 0;
  height: 15px;
  align-self: center;
  text-align: center;
}
.widget-content {
  border: 1px solid blue;
  flex: 1;
}
Run Code Online (Sandbox Code Playgroud)
<div class="widget">
  <div class="widget-header">order summary</div>
  <div class="widget-content">
    <p>some text here</p>
    <p>some more text ...</p>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CodePen:http://codepen.io/go4cas/pen/XpryQR

html css css3 flexbox css-transforms

6
推荐指数
2
解决办法
5428
查看次数

JIRA REST API cors

尝试使用JIRA ReST API时,我不断收到以下CORS错误:

Fetch API无法加载https://jira.our-domain-name.com/jira/rest/api/2/search?jql=project=tcc%20and%20cf [ 10809] ~8423362 .对预检请求的响应未通过访问控制检查:请求的资源上不存在"Access-Control-Allow-Origin"标头.因此,不允许来源" https://application-url.our-domain-name.com ".如果不透明响应满足您的需求,请将请求的模式设置为"no-cors"以获取禁用CORS的资源.

但是,当我将其直接粘贴到浏览器中,或通过Postman运行或从命令行使用CURL时,此搜索URL的工作率为100%.

我的应用使用javascript fetchAPI 调用API.我在发出GET请求时设置了以下标头:

headers: {
    "content-type": "application/json",
    "authorization": "Basic <<encrypted>>"
}
Run Code Online (Sandbox Code Playgroud)

我确保请求主机已在JIRA管理员中进行了白化 - 我已使用白名单页面上的测试功能测试了主机.

当我将白名单从通配符更改为域名时,我突然得到了这个:

Fetch API无法加载https://jira.our-domain-name.com/jira/rest/api/2/search?jql=project=tcc%20and%20cf [ 10809] ~8423362 .在预检响应中,Access-Control-Allow-Headers不允许请求头字段授权.

有任何想法吗?

rest jira cors

5
推荐指数
1
解决办法
1127
查看次数

把手-嵌套模板

是否可以在车把中定义嵌套模板:

<script id="template-parent" type="text/x-handlebars-template">
  <some markup here ...>
  <script id="template-child" type="text/x-handlebars-template">
    <some markup from nested template here ... >
  </script>
</script>
Run Code Online (Sandbox Code Playgroud)

templates nested handlebars.js

4
推荐指数
1
解决办法
6274
查看次数