联系博主


你的名字:
Email:
建议:

建站三部曲之程序

编辑时间:2016-03-06      赞:9       踩:0

导言:

       在这一篇博文中,我会谈一下我在开发这个网站时所遇到的一些难题以及所用到的一些技术。由于我在开发这个网站时没做任何记录,所以我在下面列出的一些难题是我印象较为深刻的,当然也是花了大量时间解决的那一种,没花多少时间就能解决的小难题,大家去网上搜一下就可以找到答案了。当然,由于水平有限,所以我遇到的难题在大牛们看来可能是一个十分简单的问题。对此,大牛们权当是看小学生作文吧。

正文:

       先说开发网站的总体步骤吧。先前端,后服务器端。为方便网站的后续开发,后端代码与前端的代码要分开来写,不宜混合开发,即前端代码中有后端代码,后端代码中混有前端代码。混合开发也不利于网站的后续维护。
       要开发一个属于自己的网站当然要先想好这个网站是什么样子的,怎样布局,色彩搭配是怎样的,有哪些功能。如果是从零开始设计一个网页,那么无疑是十分困难的。因此,我们需要借鉴前辈们的经验。我在设计网页前端的时候,看了一些别人的博客,也在网上下载了一些别人的模板。在看了这些网页设计后,我便对自己的网页的外观有了基本的想法。如果让我自己从零开始设计,我是无法相处像现在这样的颜色搭配的,我以前根本没想到黑色和浅蓝色的搭配是如此的和谐的,更别提在里面加入浅灰和深灰的元素了。
       有了基本的想法后,我便开始写网站的前端了,用的是HTML+CSS+JavaScript。在写网页前端的时候,我有对一开始设想进行了一些完善。其实整个网站的开发过程也是这样的,先有一个初步的构想,然后在实施的过程中进行完善或改良。
       在调试过程中,我发现手机浏览器不能兼容我开发的页面,不但页面头部和底部没有占满手机屏幕,即在旁边出现了留白,而且底部也浮了上来,没有紧贴浏览器底部。如下图示:

       于是,我上网搜了一下关于手机浏览器兼容web页面的问题。发现这个问题挺复杂的。辗转于百度与必应之后,终于找到了解决方案。在HTML页面头部加上一句“”即可。至于里面的属性介绍,请看http://my.68design.net/29551/news/14587.html。有一点需要解释的是为什么我的代码是width=1060。因为我的菜单栏宽度是1060px,所以,若是把这一宽度改为380或屏幕宽度,页面的头部和尾部会出现留白。
把页面的前端写完之后,便开始着手写服务器端的代码,用的是PHP。为了把后端代码与前端代码分开变迁,我用了Smarty模板引擎。我以前学Smarty模板的运用时只是,掌握了它的基本用法,对这项技术并没有太大的感觉。但当我用它开发这个网站时,我真的觉得这项技术确实挺好用的。也正是有了Smarty,我才有底气用PHP开发属于自己的网站。
       由于没用模板进行网站开发,所以这个网站的后台管理系统也得自己开发。在开发这个后台管理系统的时候,有一个难题难住了我,那就是编辑博文的文本框该怎么写?这时候JavaScript的知识就帮上大忙了。于是,我便上网搜索JavaScript的文本编辑插件。
       于是,KindEditor便进入了我的视线。Kindeditor确实不负所望,帮助资料齐全,使用简单。若大家要开发相关程序,我也会向大家推荐KindEditor这一款富文本编辑插件。在这里,也要感谢KindEditor的开发人员,为我们贡献了如此好用的富文本插件。
       在使用Smarty进行开发时,可能会出现Smarty 模板不能正常加载CSS或JavaScript的情况。出现这种情况一般为CSS或JavaScript连接时的路径出错了。CSS或JavaScript连接的地址应该是:模版输出后相对地址,不是原来相对的地址。所以可以改变路径,如:改为(注意此时路径为./images/css.css,不是. ./imgaes/css.css。当然如果模板上还有其他这样的路径也要修改才能正常显示。
至此,关于网站的程序编写便大功告成了,剩下的问题只是如何把它们放在服务器上面了,这将会在下一篇博文中提到。如果大家还有问题想和我探讨,欢迎大家通过联系博主来联系我。我会尽自己的绵薄之力来替大家解惑的,当然也欢迎大牛们帮我指出文章或者这个网站的不足之处。

转载请注明:
    本文转载自:www.kantblog.com/blog/ByTalk/3

Kant©2016 All rights reserved 粤ICP备16014517号