javascript - 如何存储和显示(自动)用户可以在我的网站上提交的故事

标签 javascript jquery html web

我正在为 friend 制作一个网站,人们可以在其中提交故事。这些将是短篇小说,在网站上展示,带有标题、“作者”部分,最好是作者的照片,最后是故事。

现在我已经完成了网站的设计,但这部分是因为我知道如何使用 HTML 和 CSS。虽然我了解一些 Jquery、Javascript、PHP 和 SQL,但我不知道应该如何保存任何文件并显示它们。

假设我希望网站自动接收任何故事,那么最好的方法是什么?现在,我们有一个联系表格,可以连接到我们的电子邮件,可以将故事发送到其中......有没有更好的方法来做到这一点,以便我们可以以某种方式批准故事,然后将故事保存在某个地方,然后让网站从保存所有故事的地方抓取故事,最后将其显示在网站上?

如果有任何提示或事情可以帮助我完成所有这一切,我将不胜感激!

提前致谢!

最佳答案

对此没有快速简单的答案。

您需要将用户提交的数据存储在某个地方 - 最好是数据库

您可以尝试从 SQLite 或 MySQL 等 SQL 数据库开始。
这些数据库包含可以存储值的 - 您的用户提交的值

示例:故事表

story_id   |    author    |     img     |    story_text      |
-----------+--------------+-------------+--------------------+
    1      |     john     |   john.jpg  |  I bought candy.   |
    2      |     mary     |   mary.jpg  |  my pony died! :(  |

author、img 和 Story_text 是从网站上的输入表单发送到服务器的值。
服务器的语言(即 php)将获取这些值并将它们存储在数据库中,如下所示

$st = $db->prepare("INSERT INTO stories_table (author, img, story_text ) values ( 'john', 'john.jpg', 'I bought candy'. )");
$st->execute();

希望您能看到上面的行如何将内容存储在我上面绘制的表格中。

不幸的是,这里无法回答任何问题。这是需要整本书的东西。 (不要忘记您还需要使用 PHP 来获取用户输入的表单值),但希望这能让您了解其中一种方法

对于傻瓜和傻笑,这里有一个没有数据库的低效方法 - 使用文本文件。

* 步骤 1 * 了解如何使用 PHP 获取表单值。谷歌上无穷无尽的教程。

* 步骤 2 * 在您的服务器中,创建一个名为 stories.json 的文件。

然后,当用户提交表单时,您可以使用 PHP 将值附加到 Stories.json。假设我提交了一个故事。 Stories.json 看起来像这样

{
    "author": "sqram",
    "image": "sqram.jpg",
    "story": "Today, I worked."
}

现在您已经使用 PHP 将信息存储在文件中,并且可以根据需要检索该信息。你可以用 javascript ajax 来展示我的故事。该 Stories.json 文件本质上是您的数据库。

我不建议这样做。事实上,没有一个人会这样做。但这是一种实际的做法。

关于javascript - 如何存储和显示(自动)用户可以在我的网站上提交的故事,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30519173/

相关文章:

javascript - 使 html5 视频全屏显示

javascript - 单击组合框中的选项后,如何启用禁用的 HTML 表单元素?

javascript - Javascript 中的随机函数被认为是不安全的。真的有关系吗?

php - 摆脱这个代理

javascript - 如何将我的 current_user.id 传递给 AngularJs Controller

javascript - javascript 变量中的 ASP MVC 资源对字符串进行编码

javascript - 如何设置 Ajax POST 请求以防止空响应出现 "no element found"?

javascript - jQuery/HTML DOM 方法参数

html - 一些 div 元素留在顶部(页面外)

javascript - 简单的 CSS id-selector 不工作