Question

我和我的朋友正在创建一个网站。我是唯一知道任何类型编码的人。由于他们不了解任何编程语言，我想制作一个表单提交页面，允许他们只输入基本信息，更新并让它生成并将PHP或HTML插入到主要内容页面中它们。

例如，如果框1中的名称=＆＃34; Rob＆＃34;我希望它插入<p><a href="rob.htm">Rob</a> @HH:MM MM:DD:YY</p> 并且在框2中输入的信息将在以下段落中。

我知道使用PHP和SQL可以实现上述类似的功能，但我只是有点难以知道需要搜索什么来学习它。提前感谢您的帮助。

Answer 1

听起来好像你甚至不需要任何PHP。这可以在客户端本身轻松完成。当然，对于更复杂的东西，你需要更多地构建它，并且毫无疑问可以使用更复杂的系统，但是对于你的例子，只需拼凑你想要加入的系统。一些JavaScript。

我已经在http://codepen.io/anon/pen/VjdPgm汇集了样本，但这里有重要的一点：

<强> HTML

<p>Box 1</p>
<input id="box1">

<p>Box 2</p>
<input id="box2">

<br/>
<button onclick="generate()">Generate</button>

<p>Result</p>
<textarea id="result" cols="100" rows="10"></textarea>

<强>的JavaScript

var generate = function() {
  var output = "";

  //Append the text for box1
  var box1 = document.querySelector('#box1').value;
  output = '<p><a href="' + box1 + '.htm">' + box1 + '</a>@HH:MM MM:DD:YY</p>';

  //Append the text for box2
  var box2 = document.querySelector('#box2').value;
  output += '<p><a href="' + box2 + '.htm">' + box2 + '</a>@HH:MM MM:DD:YY</p>';

  //Set the output in the result box
  document.querySelector('#result').value = output;
}

单击该按钮，它会执行此JavaScript函数，该函数从您填写的框中提取值，并将值放入内联模板中。

现在，如果您真的想要将逻辑保存在某个地方，那么您将需要合并逻辑以通过PHP保存它，并可能存储在其余模板之类的地方。为此，您需要考虑许多其他方面，包括验证，转义以及您如何设计自己的页面以使用其内容构建它们（例如，此脚本是否会覆盖现有文件，还是您组装基于一些MySQL查找的网页），但这有点超出了你的问题的范围。

如果您正在使用各种类型的CMS，您可以考虑使用类似上面示例的内容生成标记，以便他们可以在CMS中删除他们想要的内容，并避免自己编写所有其他内容。

提交表单，将在另一页上插入内容

1 个答案: