允许用户向他们的网站添加新链接？ [关闭]

Question

问题

我如何允许用户将新链接永久添加到已经存在的链接列表中。如果可能的话，最好将新链接直接写入 HTML 文档，而不需要数据库来存储链接。

我不想使用像 WordPress 这样的内容管理系统，因为我觉得这否定了学习如何执行此类任务的任何可能性并滋生了懒惰。 （我的看法）

背景

我正在为某人创建一个网站，我希望他能够在没有我帮助的情况下更新他们网站的某些部分。

他们需要做的就是在一个网页上的当前链接列表中添加一个新链接。该页面受到保护，只有在输入安全密码后才能访问。

这就是链接的显示方式，我所需要的只是将新链接附加到底部并永久保存到 html 页面。

标记

<div class="content">
  <div id="media">
    <h3>Clients</h3>
    <h2><a href="http://www.purplegeckoevents.com">Purple Gecko Events</a></h2>
    <h2><a href="http://www.plymouthvolksfest.co.uk/">Plymouth Volksfest</a> </h2>
    <h2><a href="http://moriaty.co.uk/">Moriaty</a> </h2>
    <h2><a href="http://www.landofthegiantsmusic.co.uk/">Land of the Giants</a> </h2>
    <h2><a href="https://www.facebook.com/betamaxlive">Betamax</a> </h2>
    <h2><a href="https://www.facebook.com/hauntthewoodsofficia">Haunt the Woods</a></h2>
    <h2><a href="http://www.minglemusic.co.uk/">Mingle Music Agency</a> </h2>
  </div>
</div>

Answer 1

您可以编写一个简单的 jQuery 函数来使用文本框执行此操作：

<input type="text" id="name">
<input type="text" id="url">
<button id="urlsubmit">Add URL</button>

<script>
$('#urlsubmit').on('click', function(){
$("div#media").append( "<h2><a href='"+$('#url').text()+"id='"+$("#name").text()+"'/></h2>");
});
</script>

请原谅任何错别字;)

Answer 2

您最简单的做法是迁移到 WordPress 并让他们使用它来管理他们的网页。现在这是一个简单的请求，但稍后您的客户会想要添加图像。或删除图像。或更改首页标题等。

要么您向他们发送电子邮件请求并收取费用（在这种情况下，您可能仍希望使用 WordPress 来节省您的时间），或者您在 WordPress 上设置它们并进行初始设计，然后教他们如何使用 WordPress 完成简单的任务，例如添加链接，让他们要求您在未来的项目中进行更大的重新设计。

Answer 3

您将需要一个数据库来存储所有这些链接。

然后你可以：

1. 显示链接 - 使用 php 从 db 中获取所有链接并显示它们。 http://www.w3schools.com/php/php_mysql_select.asp
2. 要添加链接 - 使用表单输入链接（href、标题等）并插入 db http://www.w3schools.com/php/php_mysql_insert.asp