Haoran Blog  -  Stay hungry  Stay foolish

针对手机做一个网站_每天更新。。。

最近要开始做一个网站,是针对手机的,任务很重,时间还是不懂技术的二人随便定的,虽然明明知道网站一旦做出来,创造的价值将远远超过几百欧,多的价值也不会给我,但是为了实习,为了能学到东西,还是忍了,也趁这个机会好好了解一下做整个网站的流程跟结构,争取能再尝试一下用zend框架的设计,不要管时间也不要糊弄过去,尽全力去做去学习新的东西,现在的每一点积累都是对以后自己发展的奠定基础。

废话不多说了,开始做。

之前写下来的功能列表,然后先从整个网站的设计架构开始。

从要学习的网站上,看到了一个好代码应该怎么样,干净,整洁,所以也想做成一个类似的干净的代码 从现在就养成一个好的编程习惯。

由于是对手机客户设计的网站,所以URL是不变的,相对应的HTML页面应该只有1个,而针对不同的DIV用ajax传数据控制dispaly:none来负责显示跟隐藏和显示。(我觉得这个是一个很好的方法,尽管后台逻辑方面可能会有一些凌乱,本来想听二人的, 直接把代码复制然后进行改造,但是觉得对自己的提高不大,还是自己重新做一遍比较好。而且自己对自己写的东西是有感情的。下面开始做。顺便记录下完成的时间和具体步骤,为做成功之后的发布做准备。)

一。创建网站的构架, 基于zend和erra的framework:

1.在application/Layouts里创建一个layout for the mobile called MobileLayout.phtml, 为了网站的开发工具(到现在也没弄懂公司的开发工具室如何做的,只知道通过开发工具可以创建新的URL在公司的网站域名下,之后会问一下如何制作,以后肯定也要做自己的develop tools)。用这个develop tools去关联URL和对应的html的header, content and header. even highlighted,help and so on.

2.在admin里创建一个新文件夹mobile, with 子文件夹m_images, m_style 和m_js.来储存对应格式的文件。

3.在application/views里创建了新文件夹Mobile, with 子文件夹Mobile_Content.phtml, Mobile_header.phtml and Mobile_footer.phtml.

4.在application/Ajax/创建Ajax_MobileController.phtml to add the backoffice php code to controlle the phtml.

二. 创建好了链接,接下来编写前台的html代码。要结构整洁化.所以开始做唯一一个html页面的设计

1. 完成了用jquery 添加了两个class 一个负责控制display:none 还有一个display:block,用控制的addclass and removeclass的两个函数来做不同部分的显示和隐藏 做完了前台页面的第一步设计。

2. 开始做深层次的前台设计

1)包括选择日期

用datepicker即可

2) 做好登录和退出页面

7月2号已经做完,细节会在网站成功之后再附上代码以及创作细节。现在还遗留一个问题,

*就是在登陆后跳转URL的时候,需要进行一个判定,来确保安全性能。

3)做好add Plage 的页面

分为几个步骤,

1。先做存储数据库数据。 存储包括存选择的日期,存储选择的时间,存储选择的内容 三个部分,关于如何存储,想参考一下当时做的webservice,如果要用到别的模板的话,就单独做存储的功能。参考了一下webservice,看不太懂当时怎么做的了,而且时间也比较紧,所以先放一放,直接做单独的调用数据库存储。

做之前接触了关于Datepicker AND Timepicker 的问题,把所有的按钮已经做好,接下来想从简单入手,先做在RDV里面的那个 “choisir une fiche”的按钮,通过读取数据库并且显示出来。

 

 

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注