Question

因此，对于学校，我必须创建一个只有两个页面的简单博客，一个用于创建新帖子，另一个用于显示帖子，使用firebase在线存储来存储帖子。麻烦是新的，并且发现知道该做什么以及如何做是非常令人困惑的。这是我到目前为止创建新帖子的第一页：

    <html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script type='text/javascript' src='https://cdn.firebase.com/v0/firebase.js'></script>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <title>Create New Post.</title>
</head>
<body>
    <div class="blog"><h1>My Blog</h1></div>
    <hr>
    <div class="title"><h2>Create New Post</h2></div>
    <form>
        <div class="post-title">
            <input type="text" placeholder="Post Title">
        </div>
        <div class="post-content">
            <textarea type="text" placeholder="Post Content"></textarea>
        </div>
        <button type="submit" class="submit">Submit</button>
    </form>
    <a href="posts.html">View Posts.</a>
</body>

以下是查看帖子的页面：

    <html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script type='text/javascript' src='https://cdn.firebase.com/v0/firebase.js'></script>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <title>Posts.</title>
</head>
<body>
    <div class="blog"><h1>My Blog</h1></div>
    <hr>
    <div class="title"><h1>Welcome to my blog!</h1></div>

    <div class="result">
        <h4 class="post-title">Paragraph 1</h4>
            <p class="post-content">Welcome to my test blog. This is a paragraph.</p>
    </div>

        <a href="create.html">Create new post!</a>
</body>

我创建了一个Firebase，目前有两个结构'Content'，其值为null，'Title'的值为null。我需要完成的是当我点击创建帖子页面上文本框中的提交按钮时，该框的标题和内容将替换firebase中的'null'值。然后，我需要在阅读帖子页面上阅读和显示“标题”和“内容”的新值。

我还制作了一个名为writeTo.js的JS文件（只是帮助我思考它的开头），内容为：

    var url = "https://blog-posts.firebaseio.com/";
    var firebaseRef = new Firebase(url);

    firebaseRef.child('Title').set(title);
    firebaseRef.child('Content').set(content);

这可能是一件非常简单的事情，但我对此并不熟悉，这让我的头脑受到了影响！我不希望你只是为我做所有的工作，但我确实需要一些帮助。您能否详细说明您建议的顺序，使用/研究哪些代码以及您认为有用的任何其他内容。问候。

Answer 1

要完成这项工作，您需要做两件事：

a）为和字段分配ID，以便稍后检索它们的值。 b）将firebase set（）调用包装到一个函数中，当用户单击“创建新帖子”时，需要连接该函数。

要做（a），只需在标签上添加id ='foo'。

要做（b），使用像jQuery这样的库 - 特别是.click（）方法，它允许你将提交按钮绑定到你选择的函数，在这种情况下，它将包含set函数调用。 / p>

使用Firebase创建简单的博客

1 个答案: