六、网页页面设计 17

（一）客户端页面设计 17

1.主页的设计 17

2.用户登录与注册页面 17

3.旋转木马轮播图导航设计 18

4.翻页式日志设计 19

5.朋友圈模块设计 20

6.朋友圈好友模块设计 22

7.相册模块设计 23

8.留言板模块设计 24

9.个人设置模块设计 24

10.日志上传模块设计 25

（二） 服务器端界面设计 26

11.后台登录模块设计 27

12.后台模块设计 27

13.后台各个管理模块设计 28

14.后台头条模块设计 28

七、 总结与前景展望 29

八、 致谢 31

参考文献 32

一、绪论

（一）课题研究的目的和意义

随着21世纪新的时代的到来，博客成为新一代的主要传播信息的媒体之一，通过博客，可以分享属文字、图片、知识，参与互动交流美好你我生活。互联网时代正在飞速的崛起同时也带来了互联网领域翻天覆地的技术，H5，ajax等新兴技术的兴起使得传统的平铺式博客有了极大的改进空间，原本的平铺式博客不再成为主流，本系统的研究的目的就是要颠覆传统的平铺式博客，实现传统平铺式博客和新兴动画技术的对接。

互联网的发展总是快速而迅捷的,传统的网络时代过去了,迎面开来的是新兴的 H5时代,时代在进步着,网络时代迎面开来,博客是网络时代通讯交流领域的新兴产物,它的作用就是提供了一种很好的平台,可以让人们在此中谈天说地,八卦八卦一些娱乐新闻,并且还可以学习到某些技术心得,技能技巧,也可以结交到很多的朋友。访客可以直接在博客上留言,本系统的目的就是传统的的 blog思想和新兴的前端技术相结合,博客使用一些新时代的网络技术,例如 利用了H5技术制作了一个旋转木马轮播图,这个轮播图和其他的轮播图不太一样是进行旋转翻滚的轮播的,也是为了体现与传统的平铺式的博客的不同,所以才会利用这些新型的技术进行制作的,由PHP连接数据库,前台有AJAX与服务器端的PHP进行交互,能大大提高用户的使用体验,既实用美观又方便快捷。

（二）课题研究的背景

因为新的技术，例如H5，JS,AJAX等前端技术的快速发展，动画效果的美观性成了前端页面比较重要的一个点，现在的网页都是在追求美观和提高用户体验，让用户有使用的时候和以往一样不仅能发表自己的观点和看法还能体验到新一代的前端动画的美感。传统的博客没有以前的时候使用得多了，有一部分原因就是他的页面效果跟不上了，后端技术正在不断的革新当中，而前端的页面的美观性也应该要跟上，还有一部分原因就是博客的写作的长度比较长，作者可能需要花费大量的时间去写博客，但是带给作者的经济收益，人脉收益却是越来越少，所以很多的作者写到最后也不进行博客写作，只是关注关注其他人的博客，只有那些观众人数较多的博客作者坚持下来了。