项目制作总结:
一、开放中最常用的流程:
html → js(jq、angular) → php
↑ ↓
js(jq、angular) ← php ← Mysql
二、技术使用:
Html 、css、js、jquery、Ajax、json、php、session、懒加载技术、插件、mysql。。。。。。
三、功能模块:
- 登录注册页面:登录分为普通用户登录和邮箱验证动态登录,登录的权限分为三种:普通用户、记者、管理员。登录验证除了简单的html判断,还使用jquery的ajax异步技术发送数据到php服务器语言,进行获取mysql数据进行比对,然后php返回数据jq中,实现ajax异步刷新信息提示。邮箱验证使用php中的插件Smtp.class.php以及sendmail.php,同时使用session存储登录信息。退出登录则需要销毁session会话。
- 主页面:除了div、css基础布局,其中导航栏部分单独写在一个html中,包括搜索框,logo,登录者,通过iframe引用到主页来,主页中还有轮播图,3D旋转立方体,动画的滚动条显示,其中还使用天气预报的插件......
- 子导航页面都用了动画效果以及轮播图等一些效果。
- 图库中使用懒加载插件jquery.lazyload.js,用户可以进行上传图片到图库,登陆后以幻灯片动画展示该用户所上传的图片,如果没有登录,不显示个人上传信息,只显示图库里的图片。
- 公告栏:除了布局出一个公告板块,布局左边为公告标题、时间,单击不同标题,右边实现不同内容,使用jquery以及ajax请求php获取mysql数据异步显示数据。这里做了一个分页显示效果,通过a标签传页码,angular框架中获取页码请求到php获取mysql数据返回html中显示。
- 意见箱:布局分为左右两边,左边为发表意见框以及个人曾发表过的意见;右边为意见库,这里使用了一个简单的分页,除了显示意见内容、时间,还显示几楼以及发表人头像。使用的是angular框架、php、mysql等一些技术。
- 搜索页面:可以搜索站内新闻、图片、公告,另外可以跳转到百度搜索。新闻搜索的显示有标题、内容、时间、作者、新闻中的一张图片。图片的搜索以图片标题、作者的关键字进行搜索。整个搜索的实现是获取搜索框中关键字,设置到地址栏中参数,angular中获取关键字请求到php获取数据返回显示在html中。
- 后台管理:要进入后台,首先登录者必须是记者或者管理员,后台的布局以上下布局,下分为左右布局,左为登录者的个人信息和菜单栏,可以进行修改自己的头像及基础信息,菜单栏包括管理员信息查看(密码隐藏)、添加,记者管理,普通用户管理,新闻管理,公告管理,新闻评论管理,意见管理。这些管理主要是增删改查,通过php获取msql数据库中信息进行管理。这里管理员可以修改记者、用户信息,记者则不能。这里的发布新闻使用了一个富文本框插件(kindeditor)。