你怎样才能保持“;主题“;并添加新的动态页面
How can you keep the "theme" of your website and add new dynamic pages?
我开始学习编程,已经基本掌握了HTML、CSS和JavaScript,现在我想学习一种后端语言。
有一件事从未被解释过,那就是如何在不返回源代码/复制和粘贴html以及编辑正文的情况下更新/添加网页内容。
此外,我想简要解释一下如何实现一个用户可以生成页面的系统。Kickstarter就是一个很好的例子,比如用户如何制作活动并为他们的活动创建一个专用页面。
这正是需要服务器端语言的原因。服务器使用您提供的html模板和数据库或其他来源的数据为您动态生成html页面。我建议你学习一下服务器端的语言,你就会理解的。对于你需要授权、会话等等的kickstarter,这个话题太大了,无法在stackoverflow的回答中讨论。
这个主题很大,你需要开始学习一些网络技术。我会说像asp.net或php。然后你必须开发一个自定义的CMS,它代表内容管理系统。可以从CMS添加、删除和更新页面。你需要一个像Sql服务器这样的数据库来存储页面数据,如页面标题、描述、图像等。我可以说,在你可以开发自己的CMS的情况下,最好需要几个月的时间。如果你问我最好的方法,我会说买一本关于Asp.net、C#和SqlServer的Wrox书,从今天开始你的第一步。非常感谢。
您肯定可以按照其他人的建议学习后端语言编程,并开发自己的自定义CMS。也就是说,如果你主要是一名前端开发人员(处理图形、javascript等),你可能只想学习使用众多免费CMS中的一个。DotNetNuke(DNN)是基于.NET的。如果你想使用基于PHP的解决方案,Drupal或Joomla也是不错的产品。其中许多已经有了预定义的模块,您可以添加这些模块,在不进行太多编程的情况下为您提供大量后端功能。学习如何创建皮肤或模板来转换HTML/css设计以用于这些系统非常容易。如果您想要更多的自定义功能,您可以通过PHP或.NET.
每个人都在谈论你问题的动态方面,而我也想提到主题部分。
主题
网站在多个页面上使用相同的css文件是很常见的。因此,您经常会看到style.css或application.css,其中包含更广泛的元素样式和特定的类样式。我甚至经常制作一个theme.css来跟踪链接、标题等的样式,如果需要的话,每个页面都有css文件。
更容易的是使用SASS或LESS之类的东西,在那里可以使用变量、嵌套和混合。
动态
关于您问题的动态方面,我建议您使用RubyonRails。Ruby是一种非常容易学习的语言,加上Rails社区非常棒。有很多网站可以帮助你同时教授Ruby和Rails,比如Try Ruby或Rails for Zombies。两者都是免费的,完全在线,所以你甚至不需要下载Ruby就可以开始了。
要制作像kickstarter这样的项目页面,您必须做的一个例子非常简单。您将有一个将部分url引导到变量的路由
GET "/projects/:name", to: "projects#show"
然后你会有一个控制器,它将处理接收请求及其参数,并获得你想要显示的数据。因此,如果您想要,您可以将URL的:name
移动到一个变量中
@name = params[:name]
然后你就有了一个页面视图,在那里你可以写纯HTML,但当你想嵌入一些动态的东西时,你可以写嵌入的Ruby(<%= %>
之间的东西)。
<h3><%= @name %></h3>
<div>This is a project</h3>
要显示比URL中提供给您的数据更多的数据,您可能需要使用数据库。使用Rails,这非常简单,因为数据库调用是用Ruby封装的,所以您可以做一些事情,比如创建一个Project页面,然后在控制器中执行Project.create(name: params[:name])
。
- 正在添加动态第二类Jquery
- 如何在javascript而不是jquery中添加动态列表
- 为图例添加动态色彩标签
- 如何在谷歌表单中添加动态字段
- 如何添加动态Id's并在运行时提取它们
- 在 JavaScript 中添加动态文本
- 如何添加动态表单元素但保留其值(JS)
- 使用AngularJs在自定义TinyMCE编辑器中添加动态数据
- 如何使用JavaScript添加动态HTML内容(DIV)
- javascript初学者:在javascript中添加动态样式
- 如何使用Javascript在html源中添加动态数据
- 向Uploadify添加动态字段
- 如何在 Vue.js 中添加动态组件/部件
- 锚导航与坚持到顶部菜单..需要向锚点添加动态偏移量
- Javascript:添加动态方法
- 向角度对象添加动态功能
- 添加动态文本框时更新动态高度
- JavaScript 运行时错误:无法在 Windows 8 应用中添加动态内容
- 添加动态点击事件
- 添加动态字段以创建特定的 JSON 格式