小编jac*_*pal的帖子

节点/表达锚链接路径

我正在制作一个网站,对于前端,我正在使用HTML。对于后端,我正在使用node / Express。

在HTML中,我有一些锚标记可以重定向不同的HTML页面。为了创建不同的路由,我在Express中使用了Router。

现在的问题是,当我通过节点运行网站时,重定向无法按预期工作。

index.html:

        <li><a href="index.html">Home</a></li>
        <li><a href="publication.html">Publication</a></li>
        <li><a href="team.htm">Team</a></li>
        <li><a href="contact.html">Contact</a></li>
Run Code Online (Sandbox Code Playgroud)

ExpressJS:

index.js:

  var express = require('express');
  var path = require('path');
  //router object
 var router = express.Router();

 router.get('/', function (req, res) {
  res.sendFile(path.join(__dirname, '..', '/public/html/index.html'));
 });

  module.exports = router;
Run Code Online (Sandbox Code Playgroud)

publication.js:

   var express = require('express');
   var path = require('path');

  //router object
  var router = express.Router();

  router.get('/publication', function(req, res){
    res.sendFile(path.join(__dirname, '..', '/public/html/publication.html'));
  });

  module.exports = router;
Run Code Online (Sandbox Code Playgroud)

当我通过节点运行网站并键入:

本地主机:3000 /发布

然后我得到了publication.html,当我键入

本地主机:3000

它会打开index.html,在我的索引页面中,我在锚标签上方。现在,如果我单击任意一个锚标记,那么我会收到一条错误消息,例如“无法获取publication.html”,我想要的是重定向到我的publication.js并调用

router.get('/publication')
Run Code Online (Sandbox Code Playgroud)

方法,然后打开publication.html

谁能指出我正确的方向?

html anchor node.js express

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

在 CSS、ES6、react 中阅读更多功能

我正在尝试在 css3、ES6 和 React 中完成阅读更多功能。

我有一个很长的描述(这来自服务器,所以它是动态的),我想在其中添加“阅读更多”功能。如果描述超过 3 行,那么按钮/链接应该可以作为“阅读更多”,当我单击该按钮时,应该显示其余的描述。

这是我的代码:

反应:

<div className="content">

Description of the product 

<button onClick=(() => {})>Read more</button>

</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.content{
overflow: hidden;
line-height: 1.2em;
height: 3.6em;
}
Run Code Online (Sandbox Code Playgroud)

我无法弄清楚的是,当我单击“阅读更多”按钮时,如何更改 div id 以使其高度为自动。我有 javascript 代码,但我想在 ES6 中实现它

JS:

document.querySelector('button').addEventListener('click', function() 
{
  document.querySelector('#content').style.height= 'auto';
this.style.display= 'none';
});
Run Code Online (Sandbox Code Playgroud)

任何帮助表示高度赞赏!

css ecmascript-6 reactjs

2
推荐指数
1
解决办法
2950
查看次数

Golang:模拟具有相同方法名称的AWS服务

我正在使用两个AWS服务(Glue和DynamoDB),并且这两个服务都具有相同的方法名称,CreateTable因此在模拟这些服务时会CreateTable is ambiguous出错。

胶水:CreateTable https://docs.aws.amazon.com/sdk-for-go/api/service/glue/#Glue.CreateTable

DynamoDB:CreateTable https://docs.aws.amazon.com/sdk-for-go/api/service/dynamodb/#DynamoDB.CreateTable

有什么办法解决这个问题?

码:

type UpdateWorkflow struct {
    glueIface glueiface.GlueAPI
    dbIface   dynamodbiface.DynamoDBAPI
    tableName string
}

func NewUpdateWorkflow(tableName string) *UpdateWorkflow {
    sess := sessions.NewSession()
    return &UpdateWorkflow{
        dbIface:   dynamodb.New(sess),
        glueIface: glue.New(sess),
        tableName: tableName,
    }
}
Run Code Online (Sandbox Code Playgroud)

单元测试:

// MockUpdateWorkflow is a mock implementation of gluetestutils and dynamodb service
type MockUpdateWorkflow struct {
    glueiface.GlueAPI
    dynamodbiface.DynamoDBAPI
    mock.Mock
}

func setup() (*UpdateWorkflow, *MockUpdateWorkflow) {
    mockClient := new(MockUpdateWorkflow)
    mockServices := &UpdateWorkflow{
        glueIface: mockClient,
        dbIface:   mockClient,
        tableName: mockTableName,
    } …
Run Code Online (Sandbox Code Playgroud)

unit-testing interface go amazon-web-services

-1
推荐指数
1
解决办法
26
查看次数