星五博客

WebPascal脚本模型教程 - 套用html5模板

脚本模型除了开发API接口外,更适合制作网站,对于我们delphi开发人员而言,网站开发这块明显是弱项;那么,我们如何快速的进入网站开发模式呢?首先,我们应该从网页模板开始着手!

百度一下“网页模板”或者“html5模板”,会有很多免费的模板可以下载使用,我们可以下载一个html5模板;这里要说一下一个概念,就是响应式web设计:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。

在脚本模型的包里,已经有一个html5响应式网页的模板,做为演示,它具备的功能是根据用户访问时填写的参数,切换不同的语言,分别是简体中文和英文。这里我们又该说明一下目录设定,在bin目录下,分别有script和www目录,script目录下保存的是我们的脚本文件,而www目录下则放的是一些静态页或者资源文件,也就是可以直接通过浏览器访问到的资源。比如一个静态页index.html,你把它全部复制到www目录下,就可以通过http://localhost:8833/index.html 访问到了;而脚本目录下的文件,我们则需要通过http://localhost:8833/www 或者http://localhost:8833/ask 访问到。

用文本编辑器打开bin\script\index.html文件,找到第39行,你会看到这样一句:

<?if request.query('lang')='chs' then '首页' else 'Home';?>

这是什么意思呢?request.query('lang')就是指获取用户提交的参数lang,如果参数值等于chs,则输出“首页”,否则输出“Home”,这样能看明白吧?是不是很简单就实现了根据参数输出不同的内容了?其实,不管是自行制作网站,或者套用网站模板,道理是一样的,只要在页面中嵌入脚本,处理和展示数据就可以了。

来,赶紧去下载一个html5网页模板来自己套用试试,你会发现,制作一个网站,也并不是那么的难。

当然,这只是一个开始,后续深入,还是需要学习一下bootstrap、jquery和css的,如果贵公司有相应的web前端开发人员,那你只要搞明白如何嵌入脚本就行了,会更加简单省力。