我正在制作一个网站,对于前端,我正在使用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
谁能指出我正确的方向?
我正在尝试在 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)
任何帮助表示高度赞赏!
我正在使用两个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) anchor ×1
css ×1
ecmascript-6 ×1
express ×1
go ×1
html ×1
interface ×1
node.js ×1
reactjs ×1
unit-testing ×1